﻿/** Project: all mobile      		    **/
/** Company: Topevery Tech Inc.         **/
/** Author:  Jason.tang                 **/
/** CreatDate: 2014-07-24               **/
/*****************************************/

/* Global style start */

body,a,.ui-listview,.ui-btn{font-family:"微软雅黑",arial;}
a{ text-decoration:none; font-weight:normal !important;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,ul,p{ padding:0 !important; margin:0 !important;}
h1{ line-height:3em; text-shadow:0 0 0;}
h3 a{ color:#000 !important; display:block;}
b{ font-weight:normal;}
.bg-fff{ background:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.db{ display:block;}
.dn{ display:none;}
.w100{ width:100%;}
.of-h{ overflow:hidden;}
.lh-2em{line-height:2em;}
.por{ position:relative;}
.p-0em{ padding:0 !important;}
.pt-1em{ padding-top:1em;}
.px-1em{ padding:0 1em !important;}
.py-1em{ padding:0 1em !important;}
.p-1em{ padding:1em !important;}
.b-none{border:0 none !important;}
.mt-1em{ margin-top:1em;}
/* Global style end */

/* icon  style */
/*.ui-navbar .ui-icon-line:after{background:#167fcf url("../../../images/mobile/line.png") no-repeat center 0 !important;background-size:18px 18px; }*/

.ico-green{background-color:#5ecc2e;}
.ico-blue{background-color:#4aa3df;}
.ico-red{background-color:#e74c3c;}
.ico-orange{background-color:#f39c12;}
.ico-pink{background-color:#9b59b6;}
.ico-yellow{background-color:#f1c40f;}
.ico-lightblue{background-color:#96c7e8;}

.icon{background-image:url("../../../images/mobile/icon.png"); background-repeat:no-repeat; display:inline-block;}
.icon-bike,.icon-park,.icon-wc,.icon-market,.icon-bminfo,.icon-tree,.icon-gjhc,.icon-jcdh,.icon-dxcs40,.icon-xx40,.icon-bg40,.icon-jyz40,.icon-yy40,.icon-gd40,.icon-bmd40,.icon-syzn40{ height:40px; width:40px;border-radius:11px;}
.icon-bike{ background-position:0 0;}
.icon-park{ background-position:-40px 0;}
.icon-wc{ background-position:-80px 0;}
.icon-market{ background-position:-240px 0;}
.icon-bminfo{ background-position:-280px 0;}
.icon-tree{ background-position:-120px 0;}
.icon-gjhc{ background-position:-320px 0;}
.icon-jcdh{ background-position:-360px 0;}
.icon-dxcs40{ background-position:-0 -40px;}
.icon-xx40{ background-position:-40px -40px;}
.icon-bg40{ background-position:-80px -40px;}
.icon-jyz40{ background-position:-120px -40px;}
.icon-yy40{ background-position:-160px -40px;}
.icon-gd40{background-position:-200px -40px;}
.icon-bmd40{background-position:-240px -40px;}
.icon-syzn40{background-position:-400px 0;}

.icon-ssp,.icon-cgxw,.icon-tscx,.icon-spcx,.icon-add,.icon-scan,.icon-zxc,.icon-ggsc,.icon-gc,.icon-bmd,.icon-dxts,.icon-rxbd,.icon-zxwz,.icon-zixun,.icon-dxcs,.icon-xx,.icon-bg,.icon-jyz,.icon-yy,.icon-gjhc60,.icon-jcdh60,.icon-gd,.icon-syzn,.icon-bszn,.icon-wzcx,.icon-gjj,.icon-sbcx,.icon-jsrcx,.icon-clcx,.icon-grxx,.icon-cgx,.icon-jingdian,.icon-gongyuan,.icon-youyuan,.icon-hcpds,.icon-gjhc,.icon-fandian,.icon-yinhang,.icon-yaodian,.icon-gjj,.icon-dfjf,.icon-rqjf,.icon-tqyb,.icon-hbcx,.icon-jcdb,.icon-cydh{ height:60px; width:60px;}
.icon-ssp{ background-position:-120px -240px;}/* 随手拍 */
.icon-cgxw{ background-position:-60px -240px;}/* 城管新闻 */
.icon-tscx{ background-position:-180px -240px;}/* 投诉查询 */
.icon-spcx{ background-position:-240px -240px;}/* 申报查询 */
.icon-zixun{ background-position:-300px -240px;}/* 咨询 */
.icon-scan{ background-position:-360px -240px;}/* 扫一扫二维码 */
.icon-add{ background-position:-420px -240px;}/* 增加 */
.icon-zxc{ background-position:-480px -240px;}/* 自行车 */
.icon-ggsc{ background-position:-540px -240px;}/* 瓜果蔬菜市场 */
.icon-gc{ background-position:-600px -240px;}/* 公厕 */
.icon-bmd{ background-position:-660px -240px;}/* 便民点 */
.icon-dxts{ background-position:-720px -240px;}/* 短信投诉 */
.icon-rxbd{ background-position:-780px -240px;}/* 热线拨打 */
.icon-zxwz{ background-position:-840px -240px;}/* 中心网站 */
.icon-xzdw{ background-position:-900px -240px;}/* 行政单位 */
.icon-dxcs{ background-position:-960px -240px;}/* 大型超市*/
.icon-xx{ background-position:-1020px -240px;}/* 学校 */
.icon-bg{ background-position:-1080px -240px;}/* 宾馆 */
.icon-jyz{ background-position:-1140px -240px;}/*加油站 */
.icon-yy{ background-position:-1140px -180px;}/* 医院 */
.icon-gjhc60{ background-position:-1080px -180px;}/* 公交换乘 长途汽车*/
.icon-jcdh60{ background-position:-1020px -180px;}/* 驾车导航 */
.icon-gd{background-position:-960px -180px;} /* 更多 */
.icon-syzn{background-position:-900px -180px;} /* 使用指南 */
.icon-bszn{background-position:-840px -180px;} /* 办事指南 */
.icon-wzcx {background-position:-780px -180px;} /* 违章查询 */
.icon-gjj {background-position:-720px -180px;}/* 公积金 */
.icon-sbcx{background-position:-660px -180px;}/* 申报查询 */
.icon-clcx{ background-position:-600px -180px;}/* c车辆查询 */
.icon-jsrcx{ background-position:-540px -180px;}/* 驾驶人查询 */
.icon-grxx{ background-position:-480px -180px;}   /* 个人信息 */
.icon-cgx{ background-position:-420px -180px;}    /* 草稿箱 */
.icon-jingdian{ background-position:0 -300px;}    /* 景点 */
.icon-gongyuan{ background-position:-60px -300px;}/* 公园 */
.icon-youyuan{ background-position:-120px -300px;}/* 游园 */
.icon-hcpds{ background-position:-180px -300px;}  /* 火车票代售点 */
.icon-gjhc{ background-position:-240px -300px;}   /* 公交换乘 */
.icon-fandian{ background-position:-300px -300px;}/* 饭店 */
.icon-yinhang{ background-position:-360px -300px;}/* 银行 ATM*/
.icon-yaodian{ background-position:-420px -300px;}/* 药店 */
.icon-gjj{ background-position:-480px -300px;}/* 公积金 */
.icon-dfjf{ background-position:-540px -300px;}/* 电费缴费点 */
.icon-rqjf{ background-position:-600px -300px;}/* 燃气缴费点 */
.icon-tqyb{ background-position:-660px -300px;}/* 天气预报 */
.icon-hbcx{ background-position:-720px -300px;}/* 航班查询 */
.icon-jcdb{ background-position:-780px -300px;}/* 机场大巴 */
.icon-cydh{ background-position:-780px -240px;}/* 常用电话 */



.icon-bmfw, .icon-xingzhen, .icon-gzcy{ height:100px; width:100px; }
.icon-bmfw {background-position: -600px 0;}
.icon-xingzhen {background-position: -700px 0;}
.icon-gzcy {background-position: -800px 0;}


.icon-here,.icon-phone,.icon-info,.icon-location{height:20px; width:20px;}
.icon-here{ background-position:0 -120px;}
.icon-phone{background-position:-20px -120px;}
.icon-info{background-position:-100px -120px;}
.icon-location{background-position:-80px -120px;}

.icon-home,.icon-private,.icon-set,.icon-news,.icon-life,.icon-adm,.icon-public{height:23px; width:23px;}
.icon-home{ background-position:0 -150px;}
.icon-home:focus{ background-position:0 -180px;}
.icon-private{ background-position:-23px -150px;}
.icon-private:focus{ background-position:-23px -180px;}
.icon-set{ background-position:-46px -150px;}
.icon-set:focus{ background-position:-46px -180px;}
.icon-news{ background-position:-69px -150px;}
.icon-news:focus{ background-position:-69px -180px;}
.icon-life{ background-position:-92px -150px;}
.icon-life:focus{ background-position:-92px -180px;}
.icon-adm{ background-position:-115px -150px;}
.icon-adm:focus{ background-position:-115px -180px;}
.icon-public{ background-position:-138px -150px;}
.icon-public:focus{ background-position:-138px -180px;}

/* Phone for page */
.header{ text-align:center;min-height:3em;padding:0;border:none;}
.header > a.ui-btn-icon-notext{top:0.5em !important;margin-top:0px !important;}
.content{ position:relative;  padding:0.5em 0 0.2em;}

.header span{ display:block; height:100%; line-height:100%;}

.nav .navMain div，.nav2 .navMain div{}
.nav span{display:block;margin:0 auto;}
.nav strong{ line-height:2em;width:100%;display:block;text-align:center;font-weight:normal;font-size:14px;}
.content .nav a{ background:none; border:0 none; margin:0.5em auto; width:60px;padding:0px !important}
.content .nav a:link,.content .nav a:visited,.content .nav a:hover,.content .nav a:active{background:none; box-shadow:0 0 0;color:#333;text-shadow:none;}
.content .nav a:focus{background:none;box-shadow:0 0 0;}
.content .nav .icon{ height:60px;width:60px;border-radius:2px;}

/*  每行三个大按钮100PX的样式
.content .nav2 a { background:none; border:0 none; margin:1em auto; width:100px;padding:0px !important}
.content .nav2 .icon{ height:100px;width:100px;border-radius:2px;}
.content .nav2 .ui-block-a,.content .nav2 .ui-block-b,.content .nav2 .ui-block-c { width:32%;}
.content .nav2 a:focus{background:none;box-shadow:0 0 0;}
.content .nav2 a:link,.content .nav2 a:visited,.content .nav2 a:hover,.content .nav2 a:active{background:none; box-shadow:0 0 0;color:#333;text-shadow:none;}
.nav2 span{display:block;margin:0 auto;}
.nav2 strong{ line-height:2em;width:100%;display:block;text-align:center;font-weight:normal;font-size:14px;}
*/

.banner{overflow:hidden;}
.banner a{display:block;height:100%;}
.banner img{width:100%;height:100%;}
.banner-slides{}
.search{ padding: 0 3em; margin-top:-0.2em;}
.search table{ border-collapse:collapse;}
.office{ padding:1em 0;}
 

.main-footer-bar a{padding-top:0.7em;}
.main-footer-bar a span.icon{display:block;margin:0 auto 5px auto;}
.main-footer-bar a:after{display:none;}

a.ui-btn-active span.icon-home{background-position:0 -180px;}
a.ui-btn-active span.icon-private{background-position:-23px -180px;}
a.ui-btn-active span.icon-set{background-position:-46px -180px;}
a.ui-btn-active span.icon-news{background-position:-69px -180px;}
a.ui-btn-active span.icon-life{background-position:-92px -180px;}
a.ui-btn-active span.icon-adm{background-position:-115px -180px;}
a.ui-btn-active span.icon-public{background-position:-138px -180px;}

.list-view-menu .icon{margin:0 1em 0 0em;}
.list-view-menu .text{display:inline-block; height:40px; line-height:40px; }

.item{background:#fff; overflow:hidden; position:relative; margin:0 auto; padding:0.5em 2%;}

/* map style */

.ui-listview li.ui-bar-a a{color:#fff !important;font-weight:bold !important;}
.mapList{ background:#ececec;}
.mapList li{color:#000; overflow:hidden; position:relative; margin:0 auto; padding:0.5em 2%; line-height:2em;}
.mapList .left{ float:left; width:80%; font-weight:normal;}
.left p{ overflow:hidden;}
.address,.distance{color:#909090;}
.ui-listview li.ui-bar-a .distance{color:#fff;}
#page0ne .name{ color:#000;}
.mapList li .detail{color:#000;}
.detail{ border-left:1px solid #3e3e3e; color:#2ea0f0; display:block; height:3em; line-height:3em; position:absolute; padding-left:0.5em; right:5%; top:1em; }

div ul.searchList{margin-bottom:1em !important;}
.searchList .hd{overflow:hidden; padding:0.5em 0;}
.searchList .ui-li-divider{font-size:16px;font-weight:bold !important;}
.searchList .ui-li-divider a{font-weight:normal !important;}
.searchList .ui-li-divider .distance{font-size:14px;}

.searchList .imgArea{ width:30%; overflow:hidden; position:absolute; left:1em; top:0.7em;height:80px;}


.searchList .imgArea img{width:100%;height:100%;}
.list-without-pic .imgArea{display:none;}
.searchList .textArea{margin-left:0;min-height:90px; }
.list-without-pic .textArea{margin-left:0;min-height:40px; }
.searchList .textArea p{ overflow:visible; white-space:normal; line-height:1.8;}

.listview-inner-btngroup{padding:0 !important;}
.listview-inner-btngroup .ui-btn{margin:0 !important;border-top:none;border-left:none;border-bottom:none; vertical-align:middle;padding:0.4em 1em !important}
.listview-inner-btngroup div div:last-child .ui-btn{border-right:none;}
.listview-inner-btngroup .ui-btn .icon{ margin:-3px 5px 0 0 ;vertical-align:middle;}

/*
.content .item{ margin-top:1em; border-radius:3px;}
.item .about{ background:#f6f6f6; border-radius:3px; padding:1em !important; line-height:2em;}
.item h3{ border-bottom:1px solid #ced3d9; padding-bottom:0.5em !important;}
*/

/* spcx page */ 
.spSearch{padding:0.5em 0;}
.spResult{ padding:1em 0;}
.spResult table{border:1px solid #dbdbdb; color: #6e6e6e;border-radius:6px; border-collapse:collapse; }    

.spResult th { background:#eaeaea; height: 50px; width: 35%;border:1px solid #dbdbdb;}
.spResult td{ background:#fff; line-height: 37px; width: 65%;border:1px solid #dbdbdb;}

.imgNews{ height:10em; overflow:hidden; position:relative;}
.imgNews .imgArea{ z-index:1;}
.imgNews .imgArea a,.imgNews .imgArea img{ display:block; height:10em; width:100%;}
.imgNews .num{ bottom:6px; overflow:hidden; position:absolute; right:12px; z-index:998;}
.imgNews .num span{ background:red; display:block; float:left; height:16px; border-radius:8px; width:16px; margin:0 3px;}

.page-table-listview{margin-bottom:1em !important;}
.page-table-listview li .spResult{padding:0px !important;margin:-0.7em -1em 0 -1em;}
.page-table-listview li .spResult table{}
.page-table-listview li .spResult table th{text-align:center;width: 30%;}
.page-table-listview li .spResult table td{padding:0 0 0 10px;width: 70%;}

.img-list{}
.img-list .ui-grid-b .ui-block-a{float:left;clear:none;}
.img-list .ui-grid-b{}
.img-list .ui-grid-b a{height:150px;margin:5px;display:block;padding:5px;border:1px solid #dddddd;overflow:hidden;border-radius:6px;}
.img-list .ui-grid-b a img{height:100%;display:block;width:100%;}



.page-table-listview-inner{padding:0.5em;}

.page-link-listview{margin-bottom:1em !important;}
.page-link-listview .ui-li-divider{}
.page-link-listview .ui-btn p{line-height:1.8;font-size:14px;}
.ui-btn {
font-size:15px;}
.list-view-bottom-btn{padding:0 0.7em;}

.banner{position:relative;margin-bottom:0.7em;}
.banner .slidesjs-navigation,.banner .slidesjs-navigation{display:none !important;}
.slidesjs-pagination{position:absolute;right:8px;bottom:8px;z-index:9999;}
.slidesjs-pagination li{float:left;margin:0 3px 0  0;}
.slidesjs-pagination a{width:12px;height:12px;border:2px solid #167fcf;background:#fff;display:block;overflow:hidden;text-indent:-99999px;border-radius:16px;}
.slidesjs-pagination a.active{background:#5ecc2e;border-color:#6bee31;}

.BMap_bubble_title{padding-bottom:10px !important;}
.BMap_bubble_title a,.BMap_bubble_title a:link,.BMap_bubble_title a:visited,.BMap_bubble_title a:active{font-size:16px !important;font-weight:bold !important;color:#fff !important;font-family:"宋体,arial";}
.BMap_bubble_title a:hover{color:#fff;text-decoration:underline;}
.BMap_bubble_content .imgArea{width:130px;display:inline-block;}
.BMap_bubble_content .textArea{font-size:12px;font-weight:normal;line-height:1.8;font-family:"宋体,arial";width:240px;display:inline-block;}

.BMM-image{position:relative;width:340px;height:95px;}
.BMM-image .imgArea{position:absolute;left:0px;top:0px;}
.BMM-image .textArea{padding:0 0 0 135px !important;}

.ui-listview li.gz-view-info{padding:0px;}
.ui-listview li.gz-view-info .ui-grid-c{margin:-1px 0 0 0;}
.gz-view-info .ui-block-a,.gz-view-info .ui-block-c{width:20%;font-size:14px;text-align:center;}
.gz-view-info .ui-block-b,.gz-view-info .ui-block-d{width:30%;font-size:14px;}
.gz-view-info-cols2 .ui-block-b,.gz-view-info-cols2 .ui-block-d{width:80%;}
.gz-view-info .ui-block-b div,.gz-view-info .ui-block-d div{font-size:14px !important; white-space:normal;line-height:1.8;font-weight:normal;}
.gz-view-info .ui-block-a div,.gz-view-info .ui-block-c div{line-height:1.8;}
.gz-view-info .ui-block-a .ui-bar,.gz-view-info .ui-block-c .ui-bar,
.gz-view-info .ui-block-b .ui-bar,.gz-view-info .ui-block-d .ui-bar
{min-height:30px;}

.ui-bar-white{background:#fff !important;}

/* bus & walk  service */
.gz-result-box-head strong{ color:#3388cc; margin-right:12px;} 
.gz-result-box-head span{ margin-right:12px;}
.gz-GPS-info a{color:#717171; text-decoration:none;} 
.gz-GPS-info a span{ color:#717171; margin:0 12px 0 6px;}  
.gz-GPS-info a u{ text-decoration:none;}
.gz-result-box{ border-bottom:1px solid #d6d6d6; padding:1em 0 1em; line-height:1.8;}

.grb-drive{ border:0 none;}
.grb-drive .gz-result-box-head{color:#3b3b3b; font-weight:bolder; font-size:1.2em;}
.grb-drive strong{ color:#525252; display:block; font-size:1em; font-weight:normal; padding:0.5em 0;}
.grb-drive  .gz-GPS-start{border-bottom:1px solid #d6d6d6;}
.grb-drive strong span{ color:#3b3b3b; font-size:1.2em; font-weight:bolder; margin:0 8px;}
.grb-drive .gz-result-box-content ol{ padding:0; margin:0 auto; width:90%;}
.grb-drive .gz-result-box-content ol li{ border-bottom:1px solid #d6d6d6; padding:0.5em 0;}
.anchorBR{ bottom:auto !important; right:30px !important; top:70px !important;}
.zoom_btn{ position:relative;}
.zout,.zin{ position:absolute; top:9px; left:9px;}
.zout{ top:14px;}
@media screen and (max-width: 380px)  
{
    .img-list .ui-grid-b .ui-block-a{width:50%;}
}
@media screen and (max-width: 800px)  
{
    .gz-view-info .ui-block-a,.gz-view-info .ui-block-c{width:30%;}
    .gz-view-info .ui-block-b,.gz-view-info .ui-block-d{width:70%;}
}
@media screen and (min-width: 600px)  
{
    body{zoom:1.3;}



    /**
.content .nav a{ height:85px; width:85px;}
.icon-ssp,.icon-cgxw,.icon-bmfw,.icon-tscx,.icon-spcx,.icon-gzlx,.icon-add,.icon-scan{ height:85px !important; width:85px !important;}
.content .nav a{ height:110px; }
.content .nav .icon{ height:85px; width:85px; }
.icon-bmfw{ background-position:0 -340px;}
.icon-cgxw{ background-position:-85px -340px;}
.icon-ssp{ background-position:-170px -340px;}
.icon-tscx{ background-position:-255px -340px;}
.icon-spcx{ background-position:-340px -340px;}
.icon-gzlx{ background-position:-425px -340px;}
.icon-scan{background-position:-510px -340px;}
.icon-add{background-position:-595px -340px;}
.nav,.header,.footer{ zoom:1.8;}
        **/

 }


.new-paging{margin: 0.2em 0px;}
.new-tbl-type{display: table; width: 100%;}
.new-paging .new-tbl-cell:first-child{text-align: right;}
.new-tbl-cell{display: table-cell;}
.new-paging .new-tbl-cell span.new-a-prve, .new-paging .new-tbl-cell span.new-a-next{display: block; }
.new-paging .new-tbl-cell .new-a-prve, .new-paging .new-tbl-cell span.new-a-prve{padding-right: 18px;}
.new-paging .new-tbl-cell:first-child{text-align: right;}
.new-paging .new-tbl-cell span.new-a-prve span{padding-left: 13px; background: url("../../../images/mobile/arrow.png") no-repeat scroll 0px -10px transparent;}
.new-paging .new-tbl-cell:nth-child(2){text-align: center;}
.new-paging .new-p-re{display: block;}
.new-p-re{position: relative; display:inline-block; vertical-align:middle; }
.new-p-re input{ text-align:center;}
.page-select{ position:absolute;  left:0; top:3em; width:100%;}
.new-paging .new-tbl-cell{ width:33.3%; float:left;}
.new-paging .new-tbl-cell .new-a-page{padding: 3px; border: 1px solid #D6D6D6; background: -moz-linear-gradient(center top , #F7F7F7, #EFEFEF) repeat scroll 0% 0% transparent;}
.new-paging .new-tbl-cell .new-a-page{}
.new-paging .new-tbl-cell .new-a-page span.new-open{padding-right: 20px; background: url("../../../images/mobile/arrow.png") no-repeat scroll 100% -92px transparent;}
.page-select .ui-input-text{ margin:0; border-top:0 none;}

.new-select{position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 30px; opacity: 0;}
.new-paging .new-tbl-cell:last-child{text-align: left;}
.new-paging .new-tbl-cell .new-a-next, .new-paging .new-tbl-cell span.new-a-next{padding-left: 18px;}
.new-paging .new-tbl-cell a{display: block;}
a{color: #000; text-decoration: none;}
.new-paging .new-tbl-cell:last-child{text-align: left;}
.new-paging .new-tbl-cell .new-a-next span{padding-right: 13px; background: url("../../../images/mobile/arrow.png") no-repeat scroll 100% -45px transparent;}
.new-paging .new-tbl-cell a{}
.new-paging .new-tbl-cell:last-child{text-align: left;}
.ui-block-a img {
    width:60px !important;
    height:60px!important;
}