@charset "utf-8";
/* CSS Document */
/*reset*/
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} body{line-height:1.6; font-family:-apple-system-font, "Helvetica Neue", sans-serif;} *{margin:0; padding:0;} a img{border:0;} a{text-decoration:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=search],
input[type=submit],
select{-webkit-appearance: none; border-radius: 0 }

body { background: #f3f3f3; height: 100% }

.page {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*tab*/
.tab__panel{box-sizing: border-box;height: 100%;padding-bottom: 55px;overflow: auto;-webkit-overflow-scrolling: touch;}
.tab{ position: relative; height: 100%;}

/*text*/
.h2{font-size:18px;}
.text-muted{color:#999!important}
.text-link{color:#008aff!important}
.text-red{color:#e60012!important}
.text-default{color:#666!important}
.bold{ font-weight:bold!important}
.text-xs{font-size:12px!important;}
.text-s{font-size:14px!important;}
.text-m{font-size:16px!important;}
.text-l{font-size:18px!important;}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
/*tips*/
.tips{font-style: normal;font-size:12px; font-weight: bold; text-align: center;
padding: 2px 4px; line-height: 1; overflow: hidden; border-radius: 2px;}
.tips-orange{color:#fff; background-color:#faa00f;}
.tips-big{}
/*icon*/
.icon{display:block; width: 100%; height: 100%;}
.icon-arrow-down{width:15px; height: 15px; display: inline-block; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvaWNvbl9hcnJvdy1kb3duLnBuZw%3D%3D&b=29) no-repeat 0 0 ;background-size:cover; vertical-align: bottom}
.icon-msg{width:24px;height: 24px; display: block; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvaWNvbl9tc2cucG5n&b=29) no-repeat 0 0; background-size: cover; vertical-align: bottom}
.icon-close{ display: block; width: 100%; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvY2xvc2UucG5n&b=29) no-repeat 0 0; background-size: cover}
.icon-phone{ display: block; width: 100%; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvcGhvbmUucG5n&b=29) no-repeat 0 0; background-size: cover}
.icon-question{ display: block; width: 100%; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvcXVlc3Rpb24ucG5n&b=29) no-repeat 0 0; background-size: cover}
.icon-answer{ display: block; width: 100%; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvYW5zd2VyLnBuZw%3D%3D&b=29) no-repeat 0 0; background-size: cover}

/*navbar*/
.navbar{ padding:8px 15px; background-color: #008aff}
.navbar-item{ min-width: 70px; display: block}
.navbar .navbar-title{}
.navbar .navbar-title .navbar-item{line-height: 28px;}
.navbar-title .navbar-back{float:left; padding-right: 10px;}
.navbar-title .navbar-back a{display:block}
.navbar-title .navbar-back a span{display:block; width: 16px;height:16px; margin:6px 0; float: left}
.navbar-title .navbar-back a span img{width:100%; vertical-align: top}
.navbar-title .navbar-back a p{display:block; font-size:16px; color:#fff; height: 28px; line-height: 28px; float: left;padding-left:5px;}
.navbar-txt{ text-align:center; color:#fff; font-size:19px; font-weight: bold; padding: 0 10px; height: 28px; overflow: hidden;}
.navbar-active{float:right}
.navbar-active a{ float:right;margin-left:10px;}
.navbar-active a span{width:24px; display:block; margin: 2px 0; height: 24px;}
.navbar-active a span img{width:100%;vertical-align: top}
.navbar-search-bar{padding-left:40px; overflow: hidden;display: -webkit-box;display: -webkit-flex;display: flex;}
.navbar-search-bar__box{width:100%; position: relative}
.navbar-search-bar__input{-webkit-appearance: none;border:none; height: 28px; line-height: 28px; border-radius: 4px!important; overflow: hidden;
padding-left:30px; padding-right: 10px; width:100%; outline: none; font-size:14px}
.navbar-icon-search{position: absolute; display: block; width:16px; left:8px; top:6px;}
.navbar-icon-search img{width:100%; vertical-align: top}
.navbar-search-bar__form{-webkit-box-flex: 1;-webkit-flex: auto;flex: auto;position: relative;}
.navbar-search-bar__cancel-btn{color:#fff;padding-left:17px; display: none}

/*filter*/
.filter{position:relative; margin-bottom: 1px; z-index: 9}
.filter-tab{display: -webkit-box;display: -webkit-flex;display: flex; background: #fff;}
.filter-item{position: relative;display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; text-align: center;color:#666;
padding:15px 0; line-height: 1; font-size: 15px;}
.filter-slider{background:#fff; position:absolute; top:45px; left:0; width:100%; max-height: 360px; overflow-y: scroll;-webkit-overflow-scrolling:touch}
.filter-slider-item__category{}
.filter-slider-item__category li{}
.filter-slider-item__category li a{display:block;font-size:15px; line-height: 1;padding:10px 20px;color:#666}

/*tabbar*/
.tabbar{background:#fff; display: -webkit-box; display: -webkit-flex; display: flex; z-index: 500; position: absolute; bottom: 0; width: 100%; margin: 0!important; padding-top: 5px;align-items: flex-start}
.tabbar__item{ display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align: center}
.tabbar__item>span{ display:inline-block; position: relative; font-size: 0; vertical-align: top}
.tabbar-icon{display:inline-block; font-size: 0}
.tabbar-label{ font-size: 10px; line-height: 2; color:#808080;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*media*/
.media__item{background:#fff; padding: 0 15px; position: relative;margin-bottom:1px;}
.media-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 0;
     align-items: flex-start
}
.media-box__bd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}
.media-box__hd{position:relative; margin-right: .8em;}  
.media-box__hd img{border-radius: 2px; vertical-align: top}
.media-box__hd p{padding-top:8px;}
.media-box__hd .tips{position:absolute; left: 0px; top:0; border-bottom-left-radius: 0; border-top-right-radius: 0;}
.media-box__desc{font-size:12px; color:#999; }
.media-box__bd .media-box__desc{ line-height: 2; font-size:13px;}
.media-box__title{font-size:18px;color:#333; line-height: 1.4}
.media-box__title i{margin-left:5px; vertical-align:middle}
.media__item .button-media{position:absolute; right:15px; bottom:15px;}
.media-box span.tip{ display:inline-block; width: 16px; height: 16px; vertical-align: sub}
.media-box span.tip i{margin:0}

.panel-media-imgList{}
.panel-media-imgList .panel__bd{ padding: 7px;}
.panel-media-imgList .media__item{width:50%; display: block;float: left; box-sizing: border-box; padding: 5px; background: none;}
.panel-media-imgList .media-box__hd{margin:0}
.panel-media-imgList .media-box{ display: block; padding: 0; background: #fff }
.panel-media-imgList .media-box__thumb{width:100%; height: auto;border-bottom-left-radius: 0; border-bottom-right-radius: 0;
vertical-align: top;}
.panel-media-imgList .media-box__bd{padding:5px 10px;}
.panel-media-imgList .media-box__bd .media-box__desc{ line-height: 1.6}
.panel .desc-right{float:right}

.panel-media-itemRank{}
.panel-media-itemRank .media-box__hd em{display:block;line-height: 50px; float: left; width: 24px; margin-right: .8em; font-style: normal;
color:#666; font-weight: bold;}
.panel-media-itemRank .media-box__title{overflow: hidden;padding-right:70px; height: 25px;}

/*button*/
a.button-media{ text-align: center; overflow: hidden;display:block; }
.panel-media-itemList a.button-media{width:38px; height: 38px; background-color: #00a6ff; border-radius: 50%;}
.panel-media-itemList a.button-media i{margin:8px auto;}
.panel-media-itemRank a.button-media{padding:7px 15px; top:24px; line-height: 1; display: block; background: #0094ff; bottom: auto; border-radius: 18px; color:#fff; font-weight: bold; font-size: 15px;}

/*panel*/
.panel{margin-bottom:15px;}
.panel__hd{background:#fff; padding:12px 15px; color:#666; font-size:14px; margin-bottom: 1px; line-height:1;}
.panel-txt-newsList .media-box__title{ height: 25px; overflow: hidden}
.panel-media-newsList .media-box__title{height:50px; overflow: hidden}
.panel-txt-newsList2 .media-box__bd .media-box__title{ float: left;}
.panel-txt-newsList2 .media-box__bd .media-box__desc{ float: right;}

/*form-preview*/
.form-preview{}
.form-preview__hd{background:#fff; padding:0px 15px;}
.form-preview__hd .form-preview__label{font-size:17px;font-weight: bold; color: #333}
.form-preview__bd{background:#fff; padding:0 15px;}
.form-preview__item{ overflow: hidden}
.form-preview__label{float:left; margin-right: .8em; min-width: 4em; text-align: justify; text-align-last: justify; line-height: 36px;
font-size: 15px; color: #666}
.form-preview__value{line-height:36px; font-size:15px;}
.form-preview__bd .form-preview__item:last-child{padding-bottom:10px;}

/*form*/
.form{}
.form-item{margin-bottom:5px;}
.form-item p{ line-height: 2}
input.form-control,
.form-control{ height: 44px; line-height:44px;border:1px solid #ccc; padding: 12px 15px; font-size: 15px; border-radius: 4px; outline: none;
box-sizing: border-box}
select.form-control{ line-height: 1}
.input-block{display: block; width:100%;}
.input-group{ display:flex}
.input-group>input{border-top-right-radius:0; border-bottom-right-radius:0; border-right:none; }
.input-group>button{border-top-left-radius: 0; border-bottom-left-radius: 0;}
input.onfocus{background: #f3f3f3; border-color:#09f}
/*breadcrumb*/
.breadcrumb{background:#fff;padding: 8px 15px; font-size:13px; margin-bottom: 10px;} 
.breadcrumb span{padding:0 5px;}
/*button*/
.button{ background: #0092ff; padding:12px 15px; color:#fff; font-size:15px; font-weight: bold; border:none; border-radius: 4px; min-width: 90px; line-height: 1}
.button-muted{background:#f7f7f7; color:#666}
.button-block{display:block; text-align: center;}

/*article*/
.article { padding: 20px 15px; font-size: 15px; background: #fff; margin-bottom: 1px;}
.article section { margin-bottom: 1.5em; }
.article h1 { font-size: 18px; font-weight: 400; margin-bottom: .9em; padding: 0}
.article h2 { font-size: 16px; font-weight: 400; margin-bottom: .34em; }
.article h3 { font-weight: 400; font-size: 15px; margin-bottom: .34em; }
.article * { max-width: 100%; box-sizing: border-box; word-wrap: break-word; }
.article p { margin: 0 0 .8em; }
.article .media-box__desc a{margin-left:10px;}

/*pagecontrol*/
.pagecontrol{background:#fff;padding:10px 15px;  display: flex; display: -webkit-flex; display: -webkit-box;}
.pagecontrol-item{}
.pagecontrol-selected{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; position: relative}
.pagecontrol-selected span{padding:6px 15px; display:block; text-align: center; border:1px solid #f7f7f7; box-sizing: border-box}
.pagecontrol-item select{width:100%; height: 39px; border-left:none; border-right:none; border-radius: 0; border-color:#f7f7f7;
text-align: center; display: block; opacity: 0; position: absolute; top:0}
.pagecontrol-item select option{display:block; text-align: center}
.pagecontrol .pagecontrol-item:first-child a{border-top-left-radius:30px;border-bottom-left-radius:30px; text-align: center}
.pagecontrol .pagecontrol-item:last-child a{border-top-right-radius:30px;border-bottom-right-radius:30px}

/*footer*/
.page-footer{margin-bottom:10px;}
.page-footer>p{text-align:center; font-size: 12px;}
.footer-tip-box{margin:0 15px; border:1px solid #d3d3d3; background: #f9f9f9; padding: 5px 10px; margin-top: 10px;}
.footer-tip-box>p{font-size:12px;}

/*fixed*/
.fixed{position:fixed;}
.modal-mask{width:100%;height: 100%; background: rgba(0,0,0,.7); position: fixed;top:0;left: 0; z-index: 1}

/*css debug*/
.panel-media-imgList .panel__bd:after,
.navbar-title:after,
.navbar-back a:after,
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/*js control*/
.js-hide,.hide{ display:none !important;}
/*20190906*/
.yzm { position: relative; overflow: hidden; margin-bottom: 10px; }
.yzm input { border-right: 1px solid #09f; }
.yzm button { background: #ccc; color: #fff; position: absolute; line-height: 42px; right: 1px; top: 1px; padding: 0; border-radius: 0; }
.form-item.yzm_1 { position: relative; }
.form-item.yzm_1 button { position: absolute; right: 4px; top: 4px; border: none; background: none; border: 1px solid #e3e3e3; background-color: #f3f3f3; padding: 10px 10px; border-radius: 3px; line-height: 1.1; outline: none; z-index: 1; }
/*20191127*/
.mb5{ margin-bottom: 5px;}
.jmf-table { background: #fff; padding-bottom: 15px;}
.jmf-table .title { font-size: 20px; color: #333; line-height: 45px; padding: 0 15px; font-weight: bold; padding-top: 10px;}
.jmf-table .con { padding: 0 15px; }
.jmf-table .con table { background: #e5e5e5; border-spacing: 1px; width: 100%; }
.jmf-table .con td { font-size: 14px; color: #666; background: #fff; text-align: center; line-height: 16px; padding: 9px 0; }
.jmf-table .con td.other__table{ text-align: left; padding: 15px;}
.jmf-table .con .firstRow td { background: rgb(0, 176, 240); color: #fff; }
.jmf-table .con p{ font-size: 16px; color: #666; line-height: 32px;}
.jmf-table .btn { margin-top: 15px; }
.jmf-table .btn a { background-image: linear-gradient(#f57f7f, #ff0101); width: 220px; height: 46px; border-radius: 23px; text-decoration: none; color: #fff; display: block; text-align: center; line-height: 46px; font-size: 18px; position: relative; padding-left: 46px; margin: 0 auto; }
.jmf-table .btn a:before { content: ''; display: block; width: 22px; height: 22px; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvam1mX2J0Mi5wbmc%3D&b=29) top center no-repeat; left: 36px; top: 12px; position: absolute; }
.jmf-table .con img { display: block; width: 100%; height: auto !important; }
.jmwd { width: 100%; background: #fff; padding-bottom: 15px; }
.jmwd .title {  font-size: 20px; color: #333; line-height: 45px; padding: 0 15px; font-weight: bold; padding-top: 10px; }
.jmwd .con { padding: 0 15px; }
.jmwd .con ul { margin-left: -10px; }
.jmwd .con ul li { float: left; width: 45%; position: relative; margin-left: 10px; list-style: none;}
.jmwd .con ul li a { font-size: 12px; color: #666; line-height: 24px; display: block; padding-left: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jmwd .con ul li a:before { content: ''; width: 3px; height: 3px; display: block; position: absolute; left: 0; top: 10px; background: #666; }
.jmwd_2 { width: 100%; background: #fff; padding-bottom: 15px; }
.jmwd_2 .title {  font-size: 20px; color: #333; line-height: 45px; padding: 0 15px; font-weight: bold; padding-top: 10px; }
.jmwd_2 .con { padding: 0 15px; }
.jmwd_2 .con ul { }
.jmwd_2 .con ul li { width: 100%; position: relative; margin-left: 10px; list-style: none; margin: 0;}
.jmwd_2 .con ul li a { font-size: 12px; color: #666; line-height: 24px; display: block; padding-left: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%;}
.jmwd_2 .con ul li a:before { content: ''; width: 3px; height: 3px; display: block; position: absolute; left: 0; top: 10px; background: #666; }
.jmwd_2 .con ul li span { display: block; position: absolute; right: 0; top: 0; line-height: 24px; color: #999; font-size: 12px; }
.jmwd_2 .con ul li a:hover { text-decoration: underline; color: #008aff; }
.money-phb { background: #fff;}
.money-phb .title {  font-size: 20px; color: #333; line-height: 45px; padding: 0 15px; font-weight: bold; padding-top: 10px; }
.project-popup { position: fixed; background: #fff; top: 0; opacity: 1; width: 100%; left: 0; z-index: 1000; }
.project-popup.hide { display: none; }
.project-popup a.close { position: absolute; font-size: 25px; display: block; right: 20px; top: 20px; color: #7b7b7b; z-index: 1; }
.project-popup .form-group, .project-popup .pop-list { width: 650px; margin: 0 auto; }
.project-popup .pop-list { margin-bottom: 25px; }
.project-popup .pop-list ul { margin-left: 129px; }
.project-popup .pop-list ul li { font-size: 16px; line-height: 36px; color: #4a4a4a; text-align: left; display: block; float: left; width: 50%; }
.project-popup#jmf { background: none; border: none; height: 442px; }
.layer-wrap { position: absolute; width: 90%; height: auto; top: 0; left: 5%; margin-left: 0; background: #ffffff; }
.layer-close { width: 34px; height: 34px; position: absolute; right: -14px; top: -14px; cursor: pointer; }
.layer-close img { display: block; width: 100%; height: 100%; }
.layer-title { width: 100%; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvbGF5ZXItdGl0bGUtYmcuanBn&b=29) no-repeat 0 0; height: 50px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding-top: 13px; }
.ys-kdcbform { width: 90%; height: auto; margin: 0 auto; padding-top: 13px; padding-bottom: 13px; }
.ys-kdcb-input-wrap { height: 42px; width: 100%; margin: 16px auto 0; }
.ys-kdcb-input { width: 80%; height: 40px; line-height: 40px; padding-left: 15px; border: 1px solid #e5e5e5; box-sizing: border-box; }
.kdcb-address { display: inline-block; width: 18px; height: 22px; margin-right: 10px; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvZGluZ3dlaS5wbmc%3D&b=29) no-repeat 0 0; vertical-align: middle; }
.kdcb-select1 { display: inline-block; width: 20px; height: 18px; margin-right: 9px; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvc2hvcC5wbmc%3D&b=29) no-repeat 0 0; vertical-align: middle; }
.ys-kdcb-select1 { cursor: pointer; }
.kdcb-tell { display: inline-block; width: 16px; height: 24px; margin-right: 13px; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvc2hvdWppLnBuZw%3D%3D&b=29) no-repeat 0 0; vertical-align: middle; }
 .ys-kdcb-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size:14px; color: #999;
}
.ys-kdcb-input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size:14px; color: #999;
}
.ys-kdcb-input:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size:14px; color: #999;
}
.ys-kdcb-input::-webkit-input-placeholder { /* WebKit browsers */
 font-size:14px; color: #999;
}
.ys-dplx-list1 { width: 381px; height: 75px; background: #fff; left: 29px; top: 41px; z-index: 11; padding: 11px 0; border: 1px solid #e5e5e5; }
.ys-per-dplx1 { height: 25px; line-height: 25px; color: #000; font-size: 14px; padding: 0 16px; display: block; cursor: pointer; }
.ys-per-dplx1:hover { background: #ccc; }
.kdcb-msg { height: 40px; line-height: 40px; right: 26px; top: 0; font-size: 12px; color: #999; }
.ys-kdcb-submit { margin: 30px auto; display: block; cursor: pointer; }
.ys-kdcb-submit button { background-image: linear-gradient(#f57f7f, #ff0101); width: 220px; height: 46px; border-radius: 23px; text-decoration: none; color: #fff; display: block; text-align: center; line-height: 46px; font-size: 18px; position: relative; padding-left: 46px; margin: 0 auto; }
.ys-kdcb-submit button:before { content: ''; display: block; width: 22px; height: 22px; background: url(browse.php?u=Oi8vd2FwLmhhbmJhb2ptLmNvbS9yZXNvdXJjZS9pbWFnZXMvdjEvam1mX2J0Mi5wbmc%3D&b=29) top center no-repeat; left: 36px; top: 12px; position: absolute; }
.cover { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.50); z-index: 999; top: 0; }
.cover.hide { display: none; }