*{margin: 0;padding: 0;}
a{color: #333;}
a:hover,a{text-decoration: none;}
a:hover{color: #9e0505;}
ul,ol{list-style: none;}
p{margin-bottom: 0;}
body{width: 7.5rem;display: block;margin:0 auto;color: #333;}


.mtitlebox{width: 100%;padding-top: 0.3rem;clear: both;}
.mtitlebox .titlecontent{width: 100%;padding-top: 0.31rem;padding-bottom: 0.31rem;position: relative;margin: 0 auto;}
.mtitlebox .titlecontent .headbg{width: 100%;height:0.14rem;background:url("../img/headbg.png");}
.mtitlebox .titlecontent .titleleft {display: inline-block;width: 0.2rem;height: 0.7rem;background: rgb(42, 42, 42);position: absolute;top: 0px;left: 0px;}
.mtitlebox .titlecontent .titleright {width: 2.4rem;height: 0.7rem;line-height: 0.7rem;color: #fff;font-size: 0.3rem;font-family: 'Microsoft YaHei';font-weight: bold;background: #9e0505;text-align: center;position: absolute;top: 0px;left: 0.2rem;letter-spacing: 1px;}

.mtitlebox .titlecontent .titlemore{top: 0.12rem;right: 0px;position: absolute;z-index: 101;width: 1.1rem;height: 0.5rem;background-color: #fff;}
.mtitlebox .titlecontent .titlemore .morecontent{padding: 0px;border: 0px solid transparent;overflow: hidden;width: 59px;height: 29px;}
.mtitlebox .titlecontent .titlemore .morecontent .morelink{width: 1.1rem;left: 0px;top: 0px;height: 0.5rem;line-height:0.5rem;border: 1px solid rgba(204, 204, 204, 1);position: absolute;cursor: pointer;display: inline-block;text-align: center;text-decoration: none;color: #5a5a5a;font-size: 0.26rem;}
.mtitlebox .tittip{position: absolute;top: 0.02rem;right: 0;background-color: #fff;height: 0.52rem;line-height: 0.52rem;padding-left:0.53rem;color: #9e0505;}




.navbar{background-color: #fff;border-radius: 0;;margin-bottom: 0;}
.navbar-default .navbar-brand{color: #9e0505;font-weight: bold;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color: #9e0505;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #fff;z-index: 10000;position: relative;border-bottom: 1px solid #f1f1f1;}
.navbar-default .navbar-toggle .icon-bar{background-color: #333;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #333;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #fff;}
.navbar-default .navbar-nav>li>a{color: #9e0505;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #fff;background-color: #9e0505;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #fff;background-color: #9e0505;}

.tabbar{position: fixed;bottom: 0;left: 0;height: 1.25rem;background-color: #fff;border-top: 1px solid #eee;display: flex;;align-items: center;justify-content: space-between;padding: 0 0.25rem;width: 100%;box-sizing: border-box;z-index: 1000;}
.tabbar .tabitem{display: flex;flex-direction: column;align-items: center;}
.tabbar .tabitem .tabimg{width: 0.58rem;display: none;}
.tabbar .tabitem .activeimg{display: block;}
.tabbar .tabitem .tabtxt{font-size: 0.28rem;color: #999;padding-top: 0.04rem;}
.tabbar .active .tabtxt{color: #9e0505;}

.banner{height: 4.6rem;box-sizing: border-box;padding:0.2rem ;}
.swiperItem{background-color: #f1f1f1;border-radius: 0.2rem;padding-right: 0.07rem;box-sizing: border-box;}
.swiperItem .itemimg{width: 38%;height: 4.2rem;position: relative;overflow: hidden;float: left;border-radius: 0.2rem;}
.swiperItem .itemimg .img{width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.swiperItem .itemimg .imgbg{height: 4.2rem;filter: blur(10px);transform: scale(1.2);position: absolute;top:0;left: 0;width: 100%;}
.swiperItem .itemimg .labelTxt{position: absolute;top: 0;letter-spacing: 0;background-color: #9e0505;color: #fff;height: 0.56rem;line-height: 0.56rem;font-size: 0.28rem;padding: 0 0.2rem;border-top-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.swiperItem .itemtxt {padding-left: 0.15rem;width: 62%;box-sizing: border-box;float: left;}
.swiperItem .itemtxt .itemtit{font-size: 0.34rem;font-weight: bold;padding-top: 0.1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 1rem;color: #555;}
.swiperItem .itemtxt .itemdes{font-size: 0.3rem;color: #555;margin-top: 0.08rem;}
.swiperItem .itemtxt .topmore{width: 2.5rem;line-height: 0.5rem;height:0.5rem;border-radius: 3px;background-color: #9e0505;text-align: center;color: #fff;display: block;margin-top: 0.15rem;font-size: 0.26rem;}
.swiperItem .itemtxt .itemadd{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 0.9rem;}
.swiperItem .itemtxt .itemdetail{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.swiperItem .itemtxt .iconbox{overflow:hidden;margin-top: 0.05rem;}
.swiperItem .itemtxt .iconbox .loveicon{width: 0.5rem;float: left;margin-right: 0.2rem;}
.swiperItem .itemtxt .iconbox .zlnum{float: left;line-height: 0.5rem;font-size: 0.28rem;color: #888;}
.swiperItem .itemtxt .iconbox .zlnum .num{color:#9e0505; }


.titlebox{border-top: 2px solid #f1f1f1;padding: 0.34rem;}
.titlebox .title{font-size: 0.38rem;font-weight: bold;padding-bottom: 0.1rem;}
.titlebox .titleDetail{font-size: 0.32rem;color: #999;}

/*紧急寻人*/
.hurbox {padding-bottom: 0.3rem;}
.hurbox .scrollbox{width: 100%;overflow-x: scroll;padding-left: 0.2rem;box-sizing: border-box;white-space:nowrap;padding-right: 0.1rem;}
.hurbox .scrollbox::-webkit-scrollbar{display: none;}
.hurbox .scrollbox .scrollitem {width: 36%;height: 3.8rem;position: relative;border-radius: 0.2rem;display: inline-block;margin-right: 0.1rem;overflow:hidden;}
.hurbox .scrollbox .scrollitem .itemimg{width: 100%;height: 3.8rem;position: relative;overflow: hidden;float: left;border-radius: 0.2rem;}
.hurbox .scrollbox .scrollitem .itemimg .img{width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.hurbox .scrollbox .scrollitem .itemimg .imgbg{height: 3.8rem;filter: blur(10px);transform: scale(1.2);position: absolute;top:0;left: 0;width: 100%;}
.hurbox .scrollbox .scrollitem .itemimg .labelTxt{position: absolute;top: 0;letter-spacing: 0;background-color: #9e0505;color: #fff;height: 0.48rem;line-height: 0.48rem;font-size: 0.28rem;padding: 0 0.2rem;border-top-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.hurbox .scrollbox .scrollitem .mask{padding: 0.1rem 0;width: 100%;position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.6);color: #fff;text-align: center;font-size: 0.28rem;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}


/*助力寻人*/
.merlist {padding:0 0.2rem;}
.merlist .merItem{border-bottom: 1px solid #f1f1f1;padding-bottom:0.2rem;box-sizing: border-box;margin-bottom: 0.2rem;}
.merlist .merItem .inner{display: flex;align-items: center;height: 3.6rem;}
.merlist .merItem .itemimg{width: 30%;height: 3.6rem;position: relative;overflow: hidden;border-radius: 0.2rem;}
.merlist .merItem .itemimg .img{width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.merlist .merItem .itemimg .imgbg{height: 3.6rem;filter: blur(10px);transform: scale(1.2);position: absolute;top:0;left: 0;width: 100%;}
.merlist .merItem .itemtxt{width: 70%;box-sizing: border-box;padding-left: 0.15rem;padding-right: 0.15rem;}
.merlist .merItem .itemtxt .itemtit{font-size: 0.34rem;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 1rem;color: #555;}
.merlist .merItem .itemtxt .itemdes{font-size: 0.3rem;color: #555;margin-top: 0.1rem;}
.merlist .merItem .itemtxt .itemadd{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.merlist .merItem .itemtxt .topmore{width: 80px;line-height: 28px;height: 28px;border-radius: 3px;background-color: #9e0505;text-align: center;color: #fff;display: block;margin-top: 10px;font-size: 15px;float: right;margin-right: 10px;}
.merlist .merItem .iconbox{overflow:hidden;}
.merlist .merItem .iconbox .loveicon{width: 0.5rem;float: left;margin-right: 0.2rem;}
.merlist .merItem .iconbox .zlnum{float: left;line-height: 0.5rem;font-size: 0.28rem;color: #888;}
.merlist .merItem .iconbox .zlnum .num{color:#9e0505; }

.morebox{display: flex;align-items: center;justify-content: space-between;padding-top: 0.15rem;}
.morebox .topmore{width: 80px;line-height: 28px;height: 28px;border-radius: 28px;background-color: #9e0505;text-align: center;color: #fff;display: block;font-size: 14px;float: right;margin-right: 10px;}
/*发布页面*/
.pubbox{overflow:hidden;background-color: #fff;}
.pubbox .pubTitle{font-size: 0.38rem;font-weight: bold;line-height: 0.5rem;padding-bottom:0.4rem;text-align: center;padding-top: 0.4rem;color: #666;}
.pubbox .pubTip{font-size: 0.28rem;padding-top:0.4rem;color: #777;padding-bottom: 0.4rem;text-align: center;}
.pubbox .pubTip p{padding-bottom: 0.12rem;}
.pubbox .pubTip span{color: #9e0505;}


.tipBtn{height: 0.8rem;line-height: 0.8rem;width: 91%;margin: 0.5rem auto;text-align: center;color: #fff;background-color:#9e0505;font-size: 0.32rem;border-radius: 0.8rem;letter-spacing: 2px;display: block;}
.tipBtn:focus{color: #fff;}
.tipBtn:hover{color: #fff;}
.pubbox .codeimg{width: 4rem;height: 4rem;display: block;margin: 0 auto ;}
.pubbox .qr-coagent{font-family: "microsoft yahei";color: #999;border: none;padding: 0;line-height: 25px;padding-left: 0.79rem;overflow:hidden;margin-bottom: 0.15rem;}
.pubbox .qr-coagent li {float: left;text-align: left;position: relative;margin-right: 0.23rem;}
.pubbox .qr-coagent li b {width: 25px;height: 25px;display: block;background: url(../img/qr-coagent.png) no-repeat;margin: 0 auto;position: absolute;left: 0;}
.pubsucbox .qr-coagent li b{background-image: url(../img/qr-coagent1.png)}
.pubbox .qr-coagent em {padding-left: 32px;*display: inline-block;_display: inline;font-style: normal;font-size: 0.28rem;}
.pubbox .qr-coagent li .faster {background-position: -27px;}
.pubbox .qr-coagent li .more-safe {background-position: -54px;}

.publeft{padding: 0.3rem 0.2rem 0.4rem;font-size: 0.28rem;line-height: 0.52rem;text-align:center;color: #999;}
/*.publeft .leftTit{font-size: 0.42rem;font-weight: bold;padding-bottom: 0.15rem;}*/
/*寻人*/
.searchbox{display: flex;padding: 0.3rem 0.2rem;}
.searchbox .searInput{flex-grow: 1;margin-right: 0.2rem;padding-left: 0.15rem;height: 0.6rem;line-height: 0.6rem;border-radius: 0.1rem;border:1px solid #9e0505;}
.searchbox .searBtn{padding:0 0.3rem;height: 0.6rem;line-height: 0.6rem;border-radius: 0.1rem;border:1px solid #9e0505;background-color: #fff;}

.hallhtml .hotlabel{overflow: hidden;margin-bottom: 0.16rem;padding:0 0.2rem 0 1.8rem;position: relative;}
.hallhtml .hotlabels::-webkit-scrollbar{display: none;}
.hallhtml .hotlabel .hotlabelTit{margin-right: 0.36rem;color: #9e0505;font-size: 0.32rem;font-weight: 600;position: absolute;top: 0;left: 0.2rem;height: 0.52rem;line-height: 0.52rem;}
.hallhtml .hotlabel .hotlabels{white-space: nowrap;overflow-x: scroll;}
.hallhtml .hotlabel .hotlabelItem{margin-right: 0.15rem;padding:0 0.2rem; border-radius: 0.5rem;height: 0.52rem;line-height: 0.52rem;border: 1px solid #aaa;color: #333;margin-bottom: 0.12rem;display: inline-block;font-size: 0.28rem;}
.hallhtml .hotlabel .hotactive,.hallhtml .hotlabel .hotlabelItem:hover{color: #fff;border-color: #9e0505;background-color: #9e0505;}
.citybox{padding: 0 0.2rem 0.3rem;}
.citybox .nowcity{font-size: 0.26rem;color: #666;float:right;height: 0.5rem;line-height: 0.5rem;display: flex;align-items: center;}
.citybox .nowcity .addicon{width: 0.4rem;display: inline-block;padding-right: 0.06em;}
#selector {height: 0.5rem;float: left;}
.selector-title {float: left;line-height: 0.5rem;margin-right: 0.36rem;color: #555;font-size: 0.32rem;font-weight: 600;}
.selector {float: left;cursor: pointer;position: relative;z-index: 10;width: 1.65rem;height: 0.6rem;margin-right: 0.2rem;border: solid 1px #DDD;border-radius: 2px;color: #999;}
.selector-result {height: 0.6rem;padding-left: 0.1rem;line-height: 0.6rem;font-size: 0.28rem;}
.selector-arrow {position: absolute;top: 0.2rem;right: 0.12rem;width: 0.22rem;height: 0.14rem;background-image: url(../img/changecity_down.png);background-size: 100% 100%;background-repeat: no-repeat;}
.selector-box {display: none;position: absolute;top: 0.5rem;left: -1px;width: 1.65rem;border: solid 1px #DDD;font-size: 0.28rem;background-color: #fff;overflow-x: hidden;overflow-y: auto;}
.selector-list {width: 100%;height: 0.52rem;line-height: 0.52rem;padding-left: 0.1rem;color: #999;box-sizing: border-box;}
.citybox .clear{clear: both;}
.hallhtml .merbox{clear: both;}
.hallhtml .merbox .merlist{border-top: 2px solid #f1f1f1;padding-top: 0.2rem;}


/*新闻*/
.newsbox .newtab{display: flex;align-items: center;justify-content: space-around;padding: 0.3rem 0;}
.newsbox .newtab .border{border-right: 1px solid #aaa;}
.newsbox .newtab .tabs{font-size: 0.36rem;width: 50%;text-align: center;}
.newsbox .newtab .tabs.active{font-weight: bold;color: #9e0505;}


.newsbox .newslist{border-top: 1px solid #f1f1f1;padding: 0.2rem 0.2rem;}
.listItem{display: flex;margin-bottom: 0.18rem;border-bottom: 1px solid #efefef;padding-bottom: 0.18rem;position: relative;align-items: center;}
.topIcon{position: absolute;top:0;right: 0;background-color: #ce2721;font-size: 0.24rem;margin-top: 0.1rem; color: #fff;padding:0.04rem 0.1rem;border-right: 2px solid #ad1712}
.listItem .itemImg{width: 30%;margin-right: 0.2rem;border-radius: 0.14rem;}
.listItem .itemTxt{flex: 1;}
.listItem .itemTxt .tit{font-size: 0.32rem;height: 0.86rem;overflow:hidden;margin-bottom: 0.2rem}
.listItem .itemTxt .time_eye{display: flex;justify-content: space-between;align-items: center;}
.listItem .itemTxt .time_eye .eye{flex: 1;display: flex;align-items: center;justify-content: flex-end;}
.listItem .itemTxt .time_eye .eyeIcon{width: 0.4rem;height: 0.4rem;margin-right:0.1rem;}
.listItem .itemTxt .time_eye .eyeTxt{font-size: 0.24rem;color: #999;}
.listItem .itemTxt .time{font-size: 0.24rem;color: #999;}

.webitem .itemTxt  .tit{height: 0.42rem;margin-bottom: 0.1rem}
.webitem .itemTxt  .webadd{font-size: 0.28rem;color: #999;padding-bottom: 0.12rem;}
.webitem .itemTxt  .keyword{font-size: 0.28rem;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.webitemcon{padding: 0 0.1rem 1.3rem;}
.webitemcon .webtitle{font-size: 0.42rem;text-align: center;padding-bottom: 0.3rem;}
.webitemcon .webgrid{overflow:hidden;border: 1px #efefef solid;border-bottom: none;margin-top: 0.3rem;}
.webitemcon .webgrid li{float: left;line-height: 40px;border-bottom: 1px #efefef solid;padding: 0 0.15rem;font-size: 0.3rem;width: 100%;}
.webitemcon .webgrid li span{font-weight: bold;}
.webitemcon .wicon{margin-top: 0.3rem;}

.wtitlebox{width: 100%;height: 0.8rem;clear: both;}
.wtitlebox .titlecontent{width: 100%;padding-top: 0.2rem;padding-bottom: 0.2rem;position: relative;margin: 0 auto;}
.wtitlebox .titlecontent .titleleft {display: inline-block;width: 0.2rem;height:0.8rem;background: rgb(42, 42, 42);position: absolute;top: 0px;left: 0px;}
.wtitlebox .titlecontent .titleright {width: 2.6rem;height:0.8rem;line-height: 0.8rem;color: #fff;font-size: 18px;font-family: 'Microsoft YaHei';font-weight: bold;background: #9e0505;text-align: center;position: absolute;top: 0px;left: 0.2rem;letter-spacing: 1px;}

/*自愿者*/
.volbox{padding: 0.2rem;}
.volbox .volTxtBox .volTxtTit{font-size: 0.34rem;text-align: center;font-weight: bold;line-height: 0.6rem;padding-bottom: 0.3rem;padding-top: 0.2rem;}
.volbox .volTxtBox .volDetial{font-size: 0.3rem;text-indent: 2em;line-height: 0.48rem;padding-bottom: 0.1rem;}
.volbox .volsubBox{box-shadow: 2px 2px 6px #aaa;padding:0.2rem;margin-top: 0.3rem;border-radius: 0.2rem;}
.volbox .volTit{font-size: 0.34rem;font-weight: bold;color: #9e0505;line-height: 0.6rem;padding-bottom: 0.3rem;padding-top: 0.1rem;}
.section{display: flex;font-size: 0.29rem;line-height:0.6rem; min-height: 0.6rem;justify-content: space-between;margin-bottom: 0.2rem;}
.section .secTit{width:1.8rem;letter-spacing: 0.05rem;}
.section .inputTxt{flex-grow: 1;padding-left: 0.2rem;border:1px solid #e1e1e1;}
.volbox .volsubBtn{height: 0.7rem;line-height: 0.7rem;text-align: center;width: 100%;border-radius: 0.1rem;background-color: #9e0505;color: #fff;padding: 0 ;margin: 0.2rem 0;border: 0;}

/*成功案例*/

.caseTip{font-size: 0.24rem;color: #9e0505;padding-top: 0.26rem;}
.caselist{padding: 0 0.2rem;}
.caselist .caseitem{border-bottom: 1px solid #f1f1f1;padding-bottom: 0.15rem;}
.caselist .caseitem .toptit .caseTitle{font-size: 0.32rem;font-weight: bold;color: #555;}
.caselist .caseitem .caseDetial{line-height: 0.46rem;color: #878787;display: -webkit-box;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;word-break: break-word;word-wrap: break-word;white-space: normal;margin-top: 0.2rem;font-size: 0.26rem;}
.caselist .caseitem .state{text-align: right;font-weight: bold;color: #999;padding-top: 0.15rem;}
.caselist .caseitem .state span{color: #9e0505;}
.caselist .caseitem:hover .caseDetial{color: #878787;}


/*寻人详情*/
.detailbox{padding: 0.2rem 0;}

.detailbox .top{padding: 0 0.2rem;}
.detailbox .mainCon{border-top:4px solid #f1f1f1;padding: 0.2rem 0.2rem;}
.detailbox .tit{font-size: 0.36rem; font-weight: bold;}

.detailbox .lookNum{font-size: 0.24rem;padding:0.15rem 0 0;}
.detailbox .lookNum span{color: #c83f47;}
.detailbox .con,.detailbox .mainCon .txt{font-size: 0.32rem;line-height:0.53rem;color:#333;margin-top: 0.3rem;margin-bottom: 0.3rem;}
.detailbox .con span{color: #c83f47;}

.detailbox .imglist{white-space: nowrap;overflow-x: scroll;}
.detailbox .imglist::-webkit-scrollbar{display: none;}
.detailbox .imglist .imgitem{border-radius: 0.2rem;display: inline-block;height: 4rem;width: 36%;overflow:hidden;margin-right: 0.15rem;}
.detailbox .imgBox{height: 4rem;position: relative;overflow: hidden;border-radius: 0.2rem;width: 100%;}
.detailbox .imgBox .img{width: 100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.detailbox .imgBox .imgbg{height: 4rem;filter: blur(10px);transform: scale(1.2);position: absolute;top:0;left: 0;width: 100%;}

.detailbox .lxMes{border-top:4px solid #f1f1f1;padding: 0.3rem 0.2rem ;}
.detailbox .lxMes .tit{padding-bottom: 0.2rem;}
.detailbox .lxMes .section{display: flex;height: 0.9rem; line-height: 0.9rem;justify-content:space-between;font-size: 0.32rem;margin-bottom: 0;}
.detailbox .lxMes .section .txt{color: #999;}
.detailbox .lxMes .section  .txt1{color: green;}


.detailbox .cluebox{padding: 0.3rem 0.2rem;border-top: 4px solid #f1f1f1;}
.detailbox .cluebox .tit{padding-bottom: 0.3rem;}
.detailbox .cluebox .descrip{font-size: 0.32rem;padding-bottom: 0.35rem;}
.detailbox .cluebox .textBox{width: 100%;position: relative;}
.detailbox .cluebox .textBox textarea{width: 100%;padding: 0.2rem;box-sizing: border-box;height: 2.6rem;font-size: 0.3rem;line-height: 0.36rem;}
.detailbox .cluebox .textBox .textNum{position: absolute;bottom: 0.1rem;right: 0.1rem;letter-spacing: 2px;}
.detailbox .cluebox .textBox .textNum span{color: #9e0505;}

.detailbox .upload-content{font-size: 12px;color: #666;overflow: hidden;margin-bottom: 30px;}
.detailbox .upload-content .content-img{margin-bottom: 10px;overflow: hidden; width: 100%;}
.detailbox .upload-content .content-img .content-img-list{display: inline; width: 100%;}
.detailbox .upload-content .content-img .ico-plus{display: inline-block;vertical-align: middle;margin-top: -6px;margin-left: 10px;width: 22px;height: 22px;background: url('../img/plus.png') center/22px 22px;}
.detailbox .upload-content .content-img .content-img-list-item{position: relative;display: inline-block;width: 24%;height: 126px;margin-top: 10px;margin-left: 1%;text-align: -webkit-match-parent;}
.detailbox .upload-content .content-img .content-img-list-item img{width: 100%;height: 126px;}
.detailbox .upload-content .content-img .content-img-list-item:first-child{margin-left: 0;}
.detailbox .upload-content .content-img .content-img-list-item .hide{display: none;}
.detailbox .upload-content .content-img .content-img-list-item .delete-btn{position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;background: rgba(0,0,0,0.6);height: 28px;line-height: 28px;color: #fff;cursor: pointer;}
.detailbox .upload-content .content-img .content-img-list-item .ico-delete{display: inline-block;vertical-align: middle;width: 14px;height: 14px;background: url('../img/del.png') center/12px 14px;}
.detailbox .upload-content .content-img .file{position: relative;display: inline-block;border: 1px dashed #DEDEDE;border-radius: 4px;color: #999999;text-decoration: none;text-indent: 0;width: 24%;height: 126px;line-height: 126px;margin-top: 10px;margin-right:1%;float: left;}
.detailbox .upload-content .content-img .file input {position: absolute;font-size: 0px;  right: 0;top: 0;opacity: 0;cursor: pointer;width: 100%;height:126px;z-index: 1;}
.detailbox .upload-content .upload-tips {padding-top: 10px;width: 100%;color: red;}
.detailbox .btn-submit-upload{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #2b7fa3;color: #fff;font-size: 20px;display: block;border-radius: 5px;margin-top: 30px;}
.detailbox .upload-content .content-img .file #volImg {position: absolute;font-size: 0px;right: 0;top: 0;cursor: pointer;width: 100%;height:126px;z-index: 0;}

.detailbox .inputItem{display: flex;align-items: center;font-size: 0.32rem;line-height: 0.7rem;margin-bottom: 0.35rem;}
.detailbox .inputItem span{width: 2rem;}
.detailbox .inputItem input{font-size: 0.32rem;line-height: 0.7rem;height: 0.7rem;padding-left: 0.15rem;flex-grow: 1;}
.detailbox .cluebtn{width: 100%;height: 0.7rem;line-height: 0.7rem;font-size: 0.32rem;text-align: center;background-color: #9e0505;color: #fff;border-radius: 0.7rem;margin:0.6rem auto 0.3rem;}

/*其他详情*/
.odetailbox{padding: 0.2rem 0;}
.odetailbox .top{border-bottom: 2px solid #f1f1f1;padding: 0 0.2rem 0.2rem;}
.odetailbox .top .tit{font-size: 0.36rem; font-weight: bold;padding-bottom: 0.15rem;}
.odetailbox .top .time_eye{display: flex;justify-content: space-between;align-items: center;}
.odetailbox .top .time_eye .eye{flex: 1;display: flex;align-items: center;justify-content: flex-end;}
.odetailbox .top .time_eye .eyeIcon{width: 0.4rem;height: 0.4rem;margin-right:0.1rem;}
.odetailbox .top .time_eye .eyeTxt{font-size: 0.24rem;color: #999;}
.odetailbox .top .time{font-size: 0.24rem;color: #999;}
.odetailbox .ocon{padding: 0.2rem;}
.odetailbox .ocon img{display: block;width: 100%;}

/*发布提示页面*/

.pubtipbox{padding: 0.2rem 0.4rem;}
.pubtipbox .titleall{font-size: 0.4rem;text-align: center;padding-top: 0.3rem;font-weight: bold;}
.pubtipbox .title{font-size: 0.36rem;font-weight: bold;padding-top: 0.6rem;color: #555;padding-bottom: 0.1rem;}
.pubtipbox .step{font-size: 0.3rem;line-height: 0.6rem;padding-bottom: 0.35rem;padding-top: 0.35rem;}
.pubtipbox .imgs{width: 80%;display: block;margin: 0 auto;border: 2px solid #f1f1f1;}

.pubtipbox .copybox .linktxt{line-height: 0.5rem; color: blue;padding-bottom: 0.26rem;text-align: center;}
.pubtipbox .copybox .copybtn{line-height: 0.7rem;height: 0.7rem;padding: 0 0.2rem;background-color: #9e0505;color: #fff;width: 3rem;text-align: center;border-radius: 0.6rem;margin:0 auto 0.5rem;}

/*关于页面*/
.aboutbox .imgbox{position: relative;margin-top: 0.2rem;border-radius: 0.15rem;overflow:hidden;padding: 0 0.2rem;}
.aboutbox .imgbox .bgimg{width: 100%;display: block;border-radius:0.2rem; }
.aboutbox .imgbox .txtbox{position: absolute;bottom: 0.3rem;left: 50%;width: 100%;margin-left: -50%;padding-bottom: 0.15rem;}
.aboutbox .imgbox .txtbox p.txt{text-align: center;font-size: 0.36rem;font-weight: bold;color: #fff;line-height: 0.7rem;letter-spacing: 3px;}
.aboutbox .imgbox .txtbox p.txt .txtnum{color: red;font-size: 0.38rem;}


.fimgboxs{padding:0 0.2rem;background-color: #393c41;}
.fimgbox{padding: 0.7rem 0.2rem 0.3rem;background-color: #393c41;}
.fimgbox .ftitle{font-size: 0.4rem;padding-bottom: 0.75rem;color: #bbbbbb;letter-spacing: 4px;text-align: center;}
.fimgbox .fimglists{overflow: hidden;display: flex;align-items: center;flex-wrap: wrap;background-color: }
.fimgbox .fimglists .fimgitem{width: 33%;padding-bottom: 0.45rem;}
.fimgbox .fimglists .fimgitem .fimg{height: 33px;display: block;margin: 0 auto;}

.aboutcon{padding: 0.4rem 0.3rem 0.6rem;position: relative;}
.aboutcon .aboutit{font-size: 0.4rem;letter-spacing: 2px;padding-bottom: 0.3rem;font-weight: bold;text-align:center;color: #555;}
.aboutcon .intro{font-size: 0.3rem;line-height: 0.6rem;text-indent: 2em;}
.aboutconimg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter: blur(7px);transform: scale(0.95);opacity: 0.2;z-index: -1;}

.fbot{background-color: #393c41;color: #888;padding:0 0.5rem 0.2rem;text-align: center;line-height: 0.5rem;font-size: 0.26rem;}
.fbot .fbotbox{border-top: 1px solid #888;padding-top:  0.2rem;}
.fbot p{line-height: 0.5rem;}
.fbot a{color: #888;text-decoration: none;padding-left: 0.1rem;}


.imgslogn{position: relative;padding: 0.2rem;}
.imgslogn .mslogn{width: 100%;}
.imgslogn .publeft{width: 100%;text-align: center;position: absolute;bottom: 0.2rem;left: 50%;margin-left: -50%;}
.imgslogn .publeft .leftTit{font-size: 0.45rem;color: #fff;letter-spacing: 3px;}
.imgslogn .publeft .leftTxt{font-size: 0.3rem;color: #fff;letter-spacing: 4px;}


/*侧边栏*/
.indexslide{position: fixed;bottom: 12%;right: 0.2rem;}
.indexslide .slideitem{color: #fff;background-color: green;font-size: 0.26rem;margin-bottom: 0.2rem;padding: 0.11rem 0.2rem;display:block;border-radius:5rem;}


#toast{background-color: rgba(0,0,0,0.5); color: #fff;position: fixed; top: 50%;left: 50%;transform: translate(-50%,-50%);padding:0.3rem 0.4rem;text-align: center;border-radius:0.2rem;max-width: 80%;font-size: 0.32rem;line-height: 0.56rem;display: none;}


/*发布页面提示页面*/
.pubtiptxt{padding:0 0.3rem 1.3rem 0.3rem;}
.pubtiptxt .tip{font-size: 0.28rem;color:#999;line-height:0.48rem;}

.pubtiptxt .title{font-size: 0.36rem;font-weight: bold;margin-top:0.4rem;margin-bottom: 0.16rem;color: #666;}
.pubtiptxt .con{font-size: 0.3rem;color: #999;line-height: 0.58rem;}

.pubtiptxt .btns{display: flex;justify-content: space-around;margin-top:0.8rem;margin-bottom: 0.6rem;}
.pubtiptxt .btns .btn{font-size: 0.36rem; color: #fff;background: linear-gradient(rgb(107, 175, 4), rgb(74, 122, 1));  border-color: rgb(107, 175, 4);box-shadow: 0.04rem 0.04rem 0.08rem rgb(43, 70, 3);line-height: 0.8rem; padding:0 0.7rem;border-radius: 0.8rem}
.pubtiptxt .btns .green{background: linear-gradient(rgb(2, 170, 136), rgb(0, 97, 78));  border-color: rgb(0, 97, 78);box-shadow: 0.04rem 0.04rem 0.08rem rgb(1, 48, 38)}


/*发布页面*/
.pubpage1{background-color: #f1f1f1;}
.pubpage1 input,.pubpage1 select{border: none;outline: none;}
.pubpage1 .tit{font-size: 0.4rem; font-weight: bold;padding: 0.5rem 0.2rem 0rem;background-color: #fff; }
.pubpage1 .top,.pubpage1 .bottom , .pubpage1 .lxmes{padding: 0 0.2rem;display: block;background-color: #FFF;}
.pubpage1 .lxmes{margin-top: 0.12rem;padding-bottom: 0.35rem;}
.pubpage1 .lxmes .tit{padding-left: 0;}
.pubpage1 .top{padding-top: 0.2rem;}
.pubpage1 .bottom{padding-top:0.2rem;padding-bottom:0.2rem;}
.pubpage1 .pubsection{display: flex;font-size: 0.32rem;line-height: 0.92rem; min-height: 0.92rem;justify-content: space-between;}
.pubpage1 .topsec{border: 0.02rem solid #eee;padding: 0 0.2rem;line-height: 1rem;height: 1rem;}
.pubpage1 .describe{font-size: 0.32rem; padding-top: 0.2rem;}
.pubpage1 .pubsection input{line-height: 0.92rem;height: 0.92rem; width: 80%;flex:1;font-size: 0.3rem;}
.pubpage1 select{width: 100%;background-color: #fff;}
.pubpage1 ::-webkit-input-placeholder { color:#999;}
.pubpage1 :-moz-placeholder { color:#999;}
.pubpage1 ::-moz-placeholder {color: #999;}
.pubpage1 :-ms-input-placeholder {color:#999;}
.pubpage1 .pubsection .secTit{width:2rem;}
.pubpage1 .pubsection {margin-top: 0.36rem;}
.pubpage1 .pubsection .secflex{display: flex;justify-content: space-between;border: 0.02rem solid #ccc;width:5rem;padding-left: 0.2rem; padding-right: 0.2rem;}
.pubpage1 .pubsection .txt{width:1.1rem;text-align: right;}
.pubpage1 .pubsection  .sex{width: 2.6rem;display: flex;justify-content: space-between;padding-top: 0.15rem;}
.pubpage1 .pubsection  .sex .sexItem{width:1.2rem; height: 0.5rem; line-height: 0.5rem; text-align: center;background-color: #e1e1e1;border-radius: 0.06rem}
.pubpage1 .pubsection  .sex .choose{background-color: #9e0505;color: #fff;}
.pubpage1 .pubsection  .secTxt{flex: 1;text-align: right;}
.pubpage1 .pubsection .addTxt{line-height: 0.38rem;padding-top:0.21rem;padding-bottom: 0.21rem;font-size: 0.3rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;}
.pubpage1 .pubpage1 .pubsection .pickerTxt{text-align: right;font-size: 0.3rem; flex-shrink: 1;color: #666; }
.pubpage1 .describe .textArea{margin-top: 0.2rem;border: 0.02rem solid #ccc;padding:0.2rem;box-sizing: border-box;}
.pubpage1 .describe .secTit{padding-top: 0.2rem;}
.pubpage1 .describe .textArea textarea{min-height: 2rem;width: 100%;line-height: 0.4rem;font-size: 0.3rem;border:none;outline: none;}
.pubpage1 .describe .textArea .numdiv{text-align: right;}
.pubpage1 .btn{color: #fff;margin-top: 0.25rem;background: linear-gradient(rgb(107, 175, 4), rgb(74, 122, 1));  border-color: rgb(107, 175, 4);box-shadow: 0.04rem 0.04rem 0.08rem rgb(43, 70, 3);margin-bottom: 0.36rem;border-radius:1rem;width: 100%;height: 1rem;line-height:1rem;padding: 0;font-size: 0.32rem;}
.pubpage1 .imgBox {display: flex;flex-wrap: wrap;padding-top: 0.3rem;margin: 0 -0.15rem 0rem;}
.pubpage1 .imgBox .comPicList {width: 2.1rem;height: 2.1rem;border-radius: 0.2rem;margin-bottom: 0.3rem;}
.pubpage1 .imgItem{position: relative;margin: 0 0.15rem;}
.pubpage1 .imgItem img{display: block;}
.pubpage1 .delImg{width: 0.4rem; height: 0.4rem;border-radius: 0.3rem;background-color: #c83f47;position: absolute;top:-0.2rem;right:-0.2rem;font-size: 0.24rem;line-height: 0.4rem;text-align: center;color:#fff;font-weight: bold;}
.pubpage1 .fileItem .fileinput{width: 2.1rem;height: 2.1rem;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;left: 0;z-index: 100;}
.pubpage1 .tiptxtbox{padding: 0;line-height: 0.5rem;color: #000;margin-bottom: 0.28rem;}
.pubpage1 .tiptxtbox .tipitem .clr{color: red;}
.pubpage1 .tiptxtbox .tipitem{padding:0.3rem 0.2rem 0.2rem;background-color: #f5f5f5;}
.pubpage1 .tiptxtbox .title{font-weight:bold;font-size: 0.32rem;line-height: 0.58rem;color:#444;  }
.pubpage1 .tiptxtbox .tipitem p{padding-bottom: 0.1rem;}
.pubpage1 .moneyList{display: flex;justify-content: space-between;padding:0 0 0.1rem;flex-wrap: wrap;}
.pubpage1 .moneyList .moneyItem{width: 30%; text-align: center; font-size: 0.3rem;height:0.7rem; line-height: 0.7rem;background-color: #f1f1f1;border-radius: 0.06rem;margin-bottom: 0.3rem; position: relative;}
.pubpage1 .moneyList .choose{background-color:#9e0505;color: #fff; }
.pubpage1 .moneyItem .mark{position: absolute; top: -0.2rem; right: 0;background-color: rgb(107, 175, 4);font-size: 0.24rem;height: 0.4rem;line-height: 0.4rem;padding:0 0.12rem;border-radius: 0.06rem;color: #fff;}


.foursec{display: flex;justify-content: space-around;flex-wrap: wrap;text-align: center;padding-top: 0.3rem;}
.foursec .fouritem{width: 40%;border: 1px solid #eee;margin-bottom: 0.36rem;padding-top: 0.2rem;padding-bottom: 0.2rem;position: relative;background-color: #f1f1f1;border-radius: .12rem;height: 2.36rem;}
.foursec .fouritem .fourtit{font-size: 0.3rem;line-height: 0.5rem;padding-bottom: 0.16rem;font-weight: bold;}
.foursec .fouritem .fourtit span{font-size: 0.38rem;}
.foursec .fouritem .mark{position: absolute; top: -0.2rem; right: 0;background-color: rgb(107, 175, 4);font-size: 0.24rem;height: 0.4rem;line-height: 0.4rem;padding:0 0.12rem;border-radius: 0.06rem;color: #fff;}
.foursec .active{background-color:#fffaf2;border-color: #e4b670}
.foursec .fouritem .fourmoney{font-size: 0.4rem;padding-bottom: 0.16rem;color: #bb8b51;font-weight: bold;}
.foursec .fouritem .fmtip{font-size: 0.28rem;width: 2.2rem;background-color: #e4b670;color: #fff;margin: 0 auto;border-radius: 0.1rem;padding: 0.05rem 0;}



.browser { position: relative; width: 320px; height: 460px; overflow: hidden; }

/*选择地区*/
.express-area { background-color: #fff; width: 100%;}
.express-area a { display: block;  background: url(../img/link-arrow.png) no-repeat 98% 50%; background-size: 0.25rem 0.25rem;width: 100%;color: #999; }
.express-area dl { position: relative;  color: #4d525d; }
/*选择地区弹层*/
.express-area-box { position: fixed; z-index: 15; width: 100%;  background-color: #fff; color: #4d525d;bottom: -100%;left: 0; }
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3 { margin: 0 0.5rem; text-align: center; font-size: 0.32rem; line-height:0.8rem; }
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 0.8rem; height: 0.8rem; }
.express-area-box header .back { display: none; left: 0; background: url(../img/back.png) no-repeat center;   background-size: 0.2rem 0.33rem; }
.express-area-box header .close { right: 0; background: url(../img/close-area.png) no-repeat center; background-size: 0.3rem 0.3rem; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { padding: 0.1rem 0.3rem; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: 0.28rem; line-height: 0.5rem; }



.mask { display: none; position: fixed; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

.paymask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}
.paymask .pmcon{width: 80%;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #fff;padding: 0.4rem 0.3rem 0.2rem;box-sizing: border-box;border-radius: 0.2rem;}
.paymask .pmcon .pmbtn{height: 0.8rem;width: 100%;line-height: 0.8rem;text-align: center;margin-bottom: 0.3rem;border-radius: 0.8rem;display: block;}
.paymask .pmcon .haspay{background-color: #19b20a;margin-top: 0.3rem;color: #fff;}
.paymask .pmcon .payagain{border:1px solid  #19b20a;margin-top: 0.3rem;color: #19b20a;}
.paymask .pmcon .wrong{border:1px solid  #e4b670;margin-top: 0.3rem;color: #e4b670;}
.paymask .pmcon .pmtip{color: #666;font-size: 0.28rem;line-height: 0.42rem;padding-bottom: 0.1rem;}
.paymask .pmcon .pmtit{color: #444;font-size: 0.34rem;padding-bottom: 0.3rem;text-align: center;font-weight: bold;}


.wxcode{padding: 2.4rem 0.3rem 0;text-align: center;}

.wxcode .wenzibox{font-size: 0.32rem;padding-bottom: 0.2rem;}
.wxcode .codetxt {font-size: 0.32rem;padding-bottom: 0.3rem;}
.wxcode .codetxt .wechatnum{color: red;}
.wxcode .copybtn{width: 2.8rem;display: block;margin: 0 auto;background-color: #9e0505;color: #fff;height: 0.7rem;line-height: 0.7rem;border-radius: 0.8rem;}



/*发布成功页面*/
.pubsuc{padding:0.3rem 0.2rem;}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.pubmask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);display: none;}
.pubmask .loadimg{position: absolute;top: 50%;left: 50%;width: 1.2rem;height: 1.2rem;margin-left: -0.6rem;margin-top: -0.6rem;-webkit-transform: rotate(360deg);animation: rotation 2s linear infinite;-moz-animation: rotation 2s linear infinite;-webkit-animation: rotation 2s linear infinite;-o-animation: rotation 2s linear infinite;}
.breadnav{font-size: 0.28rem;padding:0 0.15rem 0.2rem;}

.headcity{position: absolute;top:50%;left: 65%;transform: translate(-50%,-50%);}
.headcity{font-size: 0.26rem;color: #666;float:right;height: 0.5rem;line-height: 0.5rem;display: flex;align-items: center;}
.headcity .addicon{width: 0.4rem;display: inline-block;padding-right: 0.06em;}


.citymask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 22000;display: none;}
.citymask .citymaskbox{background-color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;height: 60%;overflow:scroll;padding-bottom: 0.25rem;padding-top:0.25rem;}
.citymask .citymaskbox .cityitem{display: block;text-align: center;height: 0.6rem;line-height: 0.6rem;}