/** Project: all mobile      		    **/
/** Company: Topevery Tech Inc.         **/
/** Author:  Jason.tang                 **/
/** CreatDate: 2014-07-24               **/
/*****************************************/
/* Global style start */
body{font-size:62.5%;background:#fff;}
body,a,.ui-listview,.ui-btn{font-family:"微软雅黑",arial; font-size:12px;}
a{ text-decoration:none; font-weight:normal;}
li{list-style:none;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,p{ padding:0; margin:0;}
h1{text-shadow:none; font-size:20px;}
b{ font-weight:normal;}
.bg-fff{ background:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.db{ display:block;}
.dn{ display:none;}
.tac{ text-align:center;}
.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-left:1em; padding-right:1em;}
.py-1em{ padding-top:1em; padding-bottom:1em;}
.p-1em{ padding:1em;}
.b-none{border:0 none;}
.mt-1em{ margin-top:1em;}
/* Global style end */


/* icon style */
.icon{ background-image:url("../../../images/mobile/website/icon.png"); background-repeat:no-repeat; display:inline-block;vertical-align:middle}
.icon-return,.icon-nav,.icon-home16{ height:16px; width:16px; margin-right:0.3em;}
.icon-return{ background-position:0 0; }
.icon-nav{ background-position:-20px -2px;}
.icon-close{ background-position:-40px 0;}
.icon-home23{height:23px; width:23px; background-position:-60px 0;}
.icon-home16{ background-position:-90px -2px;}
.notext{ background:none !important; border:none !important;}
.notext .text{ text-indent:-9999px; display:inline-block; height:0; width:0;}

/* hoem style */
.header,.content,.footer{ position:relative; width:100%;}
.header{background:#027cd0; color:#fff; position:fixed; top:0; left:0; height:3em; line-height:3em; z-index:998; text-align:center; vertical-align:middle;}

.header a{background:#3396da; border:1px solid #1f699a; border-radius:3px; color:#fff; display:inline-block; padding:0.5em 0.5em; line-height:normal;}
.header .icon-l{ position:absolute; top:0.3em; left:0.5em; }
.header .icon-l:visited{ color:#fff;}
.header .icon-r{position:absolute; top:0.3em; right:0.5em; }
.header a .icon{ vertical-align:middle;margin-right:0.3em;}


.content{ margin-top:3em;}
.navlist { overflow:hidden; width:100%;}
.navlist li{ float:left;width:33.3%;}
.navlist li a{ background:#f6f6f6; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; color:#343434; display:block; font-size:16px; height:2.5em; text-align:center; line-height:2.5em;}
.navlist li.active a{ background:#fff; color:#027cd0;}


.imgNews{ position:relative; z-index:1;}
.imgNews .imgArea{height:10em; overflow:hidden;}
.imgNews .imgArea li{ float:left; width:100%;}
.imgNews .imgArea li img{ height:10em; width:100%;}
.imgNews .num {  position:absolute; right:0.5em; bottom:0.5em; z-index:996;}
.imgNews .num span{ background:red; border-radius:0.5em; height:1em; width:1em; display:inline-block; margin-right:0.3em;}

.hd-all{ background:#f6f6f6; padding:0 1em; position:relative;}
.hd-all h2{ padding:0.3em 0; }
.hd-all h2 i{ background:#007bcf; display:inline-block; height:30px; width:15px; margin-right:0.3em;vertical-align:middle;}
.hd-all h2 a{ color:#343434; display:inline-block;font-size:18px; height:30px;  line-height:25px;}

.textTitleBar .bd{ padding:0.5em 1em 1em 1em;}
.textTitleBar .bd li a{ display:block; border-bottom:1px dashed #909090; color:#000; font-size:16px; overflow:hidden; height:2em; line-height:2em; padding:0.3em 0;}
.listMore{ background:#e8e8e8 url("../../../images/mobile/website/bg-x.png") repeat-x 0 0; border:1px solid #d2d2d2; border-radius:5px; box-shadow:-1px 0 1px 0px #d2d2d2; color:#464646; display:block;  height:30px; line-height:30px; text-align:center; margin:0.5em auto;}
.listMore:visited{color:#464646;}

.imgTitleBar .bd{ padding:0.5em 1em 1em 1em;}
.imgTitle{ border-bottom:1px solid #ced3d9;  overflow:hidden; padding:0.5em 0; position:relative;}
.imgTitle .imgArea{ float:left; width:30%; overflow:hidden;}
.imgTitle .textArea{ float:left;width:65%; margin-left:5%;}
.imgTitle .textArea  a{ display:block; line-height:1.5em; overflow:hidden; width:100%;}
.imgTitle .textArea h3 a{ height:1.5em; color:#000; font-size:16px; }
.imgTitle .textArea p a{ min-height:1.5em; max-height:3em; color:#909090;}
.time{ color:#909090; display:block; line-height:1.5em;}

.imgListBar .bd{ overflow:hidden;padding:0.5em 1em 1em 1em;}
.imgListBar .bd ul{ overflow:hidden;}
.img-grid-a li{ float:left; width:50%; }
.img-grid-b li{ float:left; width:33.3%; }
.img-grid-c li{ float:left; width:25%; }
.imgListBar .bd li a,.imgListBar .bd li p{margin:0.5em 0.5em;display:block;}
.imgListBar .bd img{ height:8em; width:100%;}
.imgListBar .bd .title{ color:#676767; display:block; height:2em; line-height:2em; overflow:hidden; text-align:center;}

/* list page style */
.newsList li{border-bottom:1px solid #ced3d9; padding:0.5em 0; line-height:2em;}
.newsList li a{ color:#000; display:block; font-size:16px; line-height:1.5em; min-height:1.5em; max-height:3em; overflow:hidden;}
.newsList li span{ color:#7f7c7c;}
.list{padding:0.5em 1em 1em 1em;}

/* atc page style */
.atcMain{ padding:0.5em 1em 1em 1em;}
.atcMain .title{ line-height:1.5em; text-align:center;}
.atcMain .titleShop{ padding:0.5em 0; text-align:center;}
.atcMain .titleShop span{ margin:0 1em; }
.atcCont{ font-size:14px; line-height:1.8em;}
.atcCont p{ padding:0.5em 0; text-indent:2em;}


/* nav panel */
.navPanel{ display:none; height:100%; position:absolute; right:0; top:3em; width:100%; z-index:998; overflow:hidden;}
.panelBg{  height:100%; width:100%; opacity:0.4; background:#000; position:absolute; z-index:1; left:0; top:0;}
.panelCont{ background:#f5f5f5; opacity:1; padding:1em; z-index:999; position:relative;}
.navPanel .close{ background:#e1e1e1; border:1px solid #bfbfbf;  color:#464646; border-radius:3px; display:inline-block; padding:0.5em 0.5em; vertical-align:middle;}
.navPanel .text{ height:16px; line-height:16px; display:inline-block;}

.panelNav .bd{ overflow:hidden; padding:0.5em 0;}
.panelNav .bd a{ color:#7f7c7c; display:block; float:left; font-size:16px; padding:0.5em 0 0.5em 0.5em; margin-right:1em;}
.panelNav .hd{border-bottom:1px solid #ced3d9;line-height:2em; font-size:16px; overflow:hidden;}
.panelNav .icon-home23{  float:right; margin:0.2em 0.5em 0 0;}

.slidesjs-pagination{position:absolute;right:8px;bottom:8px;z-index:9999;}
.imgNews .slidesjs-pagination li{float:left;margin:0 3px 0  0;width:auto;}
.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;}


@media screen and (min-width: 600px)  
{
    body{zoom:1.3;}

 }