@charset 'utf-8';

#wrapper {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.scroller {
    position: absolute;
    z-index: 1;
    /*  -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    padding: 0;
}
.scroller ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}
.scroller li {
    /*min-height:70px;*/
    background-color: #fafafa;
    font-size: 0.65rem;
}
.pullDown, .pullUp {
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.6rem;
    color: #888;
    font-family: Arial, Microsoft YaHei;
} 
.pullUp{ display:block;}
.loader {
    display: inline-block;
    font-size: 0px;
    padding: 0px;
    display: none;
}
.loader span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 2px;
    -webkit-animation: loader 0.8s linear infinite alternate;
    animation: loader 0.8s linear infinite alternate;
}
.loader span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(245, 103, 115,0.6);
}
.loader span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(245, 103, 115,0.8);
}
.loader span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
    background: rgba(245, 103, 115,1);
}
.loader span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(245, 103, 115,0.8);
}
.loader span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(245, 103, 115,0.4);
}
 @keyframes loader {
 from {
transform: scale(0, 0);
}
to {
    transform: scale(1, 1);
}
}
@-webkit-keyframes loader {
 from {
-webkit-transform: scale(0, 0);
}
to {
    -webkit-transform: scale(1, 1);
}
}
/* ================== 办事知道-办事字典搜索结果列表start ========================= */
/* ================== 办事知道-办事字典搜索结果列表在没数据时，显示暂时没有数据 ========================= */
.empty {
    width: 100%;
    height: 4.69rem;
    background-color: #ffffff;
    font-size: 0.67rem;
    color: #868686;
    line-height: 4.69rem;
    text-align: center;
}
/* ================== 办事知道-办事字典搜索结果列表end ========================= */


/* ================== 汽车服务器-汽车名片 start ======================== */
.carCard-content {
    width: 100%;
    background-color: #F4F5F9;
}
.carlist {
    padding: 0.5rem 0;
    /* width: 100%; */
}
.card-name {
    width: 100%;
    height: 2.2rem;
    line-height:2.2rem;
    font-size: 0.8rem;
    color: #333333;
    text-align: center;
}

.carCard-carimg {
    position: relative;
    width: 100%;
}
.carCard-carimg  img {
    width: 100%;
}
.carCard-logo {
    float: left;
    margin: 5% 0 0 11%;
    width: 4rem;
}
.carCard-carinfo{
    float: left;
    margin:5% 0 0 9%;
}
.carCard-carinfo p {
    font-size: 0.62rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #444444;
}
.carCard-logo {
    width: 3.8rem;
}

.carCard-infos {
    width: 100%;
    background-color: #fff;
}
.carcard-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 8.2rem;
    background-color: #f4f5f9;
}
.carcard-slider ul {
    padding:2.5% 2% 0 0;
    display: block;
    position: absolute;
    left: 0;
    width:100%;
    height: 100%; 
}
.carcard-slider ul li{
   display: block;
   position: relative;
  /*  padding-left: 2%; */
   float: left;
   overflow: hidden;
}
.empty-div {
    float: left;
    width: 0.4rem;
    height: 100%;
}
.carlist-inner {
    margin: 0 0 0 0.4rem;
    width: 13rem;
    height: 7.3rem;
    border: 1px solid #e7e8ea;
    background: #ffffff;
    overflow: hidden;
}
.carCard-links {
    width: 100%;
    border-top: 1px solid #EDEEF1;
    border-bottom: 1px solid #EDEEF1;
}
.carCard-links a {
    display: block;
    padding-left: 5%;
    background-color: #fff; 
}
.carCard-links .carCard-seviceslink {
    font-size: 0.7rem;
    line-height: 2.25rem;
    color: #333333;
    border-bottom: 1px solid #EDEEF1;
}

.carCard-links .carCard-service{
    position: relative;
    height: 4rem;
}
.carCard-imgwrap {
    position: absolute;
    margin-top: -1.325rem;
    width: 2.75rem;
    top: 50%;
    left: 0;
}
.carCard-imgwrap img {
    width: 100%;
}
.carCard-service-name {
    margin-left: 20.83%;
    font-size: 0.8rem;
    line-height: 4rem;
    color: #5e5e5e;
}
.underline {
    border-bottom: 1px solid #f0f0f0;
}
.carCard-carcenter {
    display: block;
    margin-top: 1rem;
    padding: 0 3%;
}
.carCard-carcenter  p {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    line-height: 2.5rem;
    font-size: 0.7rem;
    text-align: center;
    color: #5e5e5e;
}
/* ================== 汽车服务器-汽车名片 end ======================= */


/* ================== 政府服务-知道详情  start ======================= */
.know-detail-content {
    margin-top: 0.4rem;
    background-color: #ffffff;
}
.know-detail-content-main {
    padding: 0 4.5%;
    border-top: 1px solid #e7e8ea;
    border-bottom: 1px solid #e7e8ea;
}
.know-detail-content-title {
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
    color: #333333;
    text-align: center;
    line-height: 1rem;
}
.know-detail-content-time {
    margin-bottom: 0.4rem;
    font-size: 0.67rem;
    color: #696969;
    line-height: 1rem;
}

.know-detail-content-text {
    margin-bottom: 0.6rem;
    font-size: 0.67rem;
    line-height: 1.1rem;
}
/*
.know-detail-content-text span,
.know-detail-content-text p,
.know-detail-content-text div,
.know-detail-content-text i,
.know-detail-content-text h2,
.know-detail-content-text font {
	margin-top: 0.43rem;
    font-size: 0.67rem !important;
    color: #444444;
	text-align: center;
    line-height: 1.1rem !important;
    text-indent: 0 !important;
}
.know-detail-content-text img {
    margin-top: 0.67rem;
}*/
.know-detail-content section {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}
.know-detail-content section,p,span,i,div,ul {
    max-width: 100%;
}
.know-detail-content img { 
    max-width: 100%;
    vertical-align: bottom;
}

/* ================== 热门评论下半部start ========================= */
.comment-list {
    margin-top: 0.4rem;
    background-color: #ffffff;
    border-top: 1px solid #e7e8ea;
}
.workguide-list-title {
    width: 100%;
    height: 2.12rem;
    border-bottom: 1px solid #f0f0f0;
}
.workguide-list-star {
    margin-top: 0.5rem;
    margin-left: 4.5%;
    float: left;
    display: block;
    width: 0.96rem;
    height: 0.92rem;
    background-image: url(../images/know_detail/icon_star.png);
    background-size: 0.96rem 0.92rem;
}
.workguide-list-title span {
    margin-left: 4.17%;
    float: left;
    font-size: 0.67rem;
    color: #333333;
    line-height: 2.12rem;
}
.list-main {
    width: 100%;
}
.list-section {
    width: 100%;
}
li {
    height: 100%;
}
.comment-list-item {
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
}
.list-img {
    margin-top: 0.69rem;
    margin-left: 4.3%;
    float: left;
    overflow: hidden;
    width: 1.56rem;
    height: 1.56rem;
    border: 1px solid #f7f7f7;
    border-radius: 100%;
}
.list-img img {
    width: 100%;
    height: 100%;
}
.list-right {
    margin-top: 0.3rem;
    margin-left: 5.14%;
    float: left;
    width: 80%;
}
.list-above {
    width: 100%;
    height: 1.2rem;
}
.list-name {
    margin-top: 0.18rem;
    padding: 0.3rem 0;
    float: left;
    width: 80%;
    font-size: 0.67rem;
    color: #959595;
    line-height: 0.67rem;
}
.list-hand {
    padding-left: 5%;
    padding: 0.3rem 0 0.3rem 0.6rem;
    float: right;
    width: 15%;
    height: 1rem;
}
.list-hand i {
    display: inline-block;
    width: 0.8rem;
    height: 0.78rem;
    background: url(../images/know_detail/icon_hand_grey.png) no-repeat;
    background-size: 0.78rem 0.78rem;
}
.list-hand .addgood {
    background: url(../images/know_detail/icon_hand_red.png) no-repeat;
    background-size: 0.78rem 0.78rem;
}
.list-number {
    padding-left: 2px;
    font-size: 0.54rem;
    color: #959595;
    line-height: 0.54rem;
}
.list-text {
    margin-top: 0.38rem;
    margin-bottom: 0.71rem;
    width: 100%;
    font-size: 0.54rem;
    color: #333333;
    line-height: 0.6rem;
}
/* ================== 热门评论下半部end ========================= */



/*========弹窗 start ======*/
.content-bombbox {
    position: fixed;
    width: 71.32%;
    height: 9rem;
    top: 0;
    right: 0;
    z-index: 9999;
}
.item{
        position: absolute;
        top: 9rem;
        width: 100%;
        /*height: 2rem;*/
        min-height: 2rem;
        transition:all 1s ease-in;
        opacity: 0;
}
.item-on{
        opacity:1;
}

.item-no {
        opacity:0;
}
/*========弹窗 end   ======*/
.list-hidden {
    display: none;
}
.list-item-hidden {
    display: block;
    width: 100%;


}
.list-img-hidden {
    float: left;
    overflow: hidden;
    width: 1.56rem;
    height: 1.56rem;
    border-radius: 100%;
}
.list-img-hidden img {
    width: 100%;
    height: 100%;
}
.list-left-hidden {
    padding: 0 0 0 0.22rem;
    float: left;
    margin-left: 0.5rem;
    /*height: 2rem;*/
    min-height: 2rem;
    line-height: 1rem;
    /*overflow: hidden;*/
    /*text-overflow:ellipsis;*/
    font-size: 0.53rem;
    width: 70%;
    border-radius: 5px;
    background-color: #a9a69f;
    opacity: 0.9;
    color: #fff;
    /*display: -webkit-box;*/
    /*line-height: 1rem; */
    /*-webkit-box-orient; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
.loadmore {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.67rem;
    text-align: center;
    background: #fff;
}
/* ================== 政府服务-知道详情    end ======================= */


/* ================== 政府服务-办事指南   start ======================= */
.guide-content {
    padding: 0.67rem 0 1.33rem 0;
    background-color: #fff;
}
.guide-name {
    width: 100%;
    line-height: 1.33rem;
    text-align: center;
    font-size: 0.8rem;
    color: #333;
}

.guide-content-item {
    padding: 0.18rem;
}

.guide-content-item-height {
    line-height: 1rem;
}
.guide-content-item h3 {
    float: left;
    width: 3rem;
    line-height: 1rem;
    text-align: right;
    font-size: 0.65rem;
    color: #919191;
}
.guide-content-item-info {
    margin-left: 3rem;
    padding:0 4.44%  0 5.56%;
    font-size: 0.65rem;
    color: #444;
}

.guide-content-item-info p {
    line-height: 1rem;
}
.guide-content-item-info span {
    padding-left: 1.94%;
}

.guide-content-apply {
    width: 100%;
    padding: 0.38rem 0;
    height: 1.35rem;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #e7e8ea;
}
.guide-content-apply a {
    display: inline-block;
    width: 61.78%;
    height: 1.44rem;
    line-height: 1.44rem;
    text-align: center;
    background: #32abfe;
    border-radius: 5px;
    font-size: 0.71rem;
    color: #fff;
}
/* ================== 政府服务-办事指南    end ======================= */

/* ================== 分享页下载提示    start ======================= */
.content-download {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 2.9rem;
    background-color: rgba(0,0,0,0.5);
}
.content-download-img {
    display: block;
    margin-top: 0.45rem;
    margin-left: 5%;
    width: 2rem;
    height: 2rem;
}
.content-download-word {
    margin-top: 0.5rem;
    margin-left: 0.4rem;
}
.content-download-title {
    font-size: 0.8rem;
    color: #ffffff;
    line-height: 1rem;
}
.content-download-text {
    font-size: 0.5rem;
    color: #999999;
    line-height: 1rem;
}
.content-download-button {
    margin-top: 0.71rem;
    margin-right: 0.7rem;
    width: 4.11rem;
    height: 1.33rem;
    background-color: #22ac38;
    border-radius: 2px;
    font-size: 0.67rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.33rem;
}
.content-download-delete {
    display: block;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
    width: 0.89rem;
    height: 0.89rem;
}
/* ================== 分享页下载提示    end ======================= */