*{margin:0; padding:0;}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:#EEE; font-size:16px; color:#666}
.clear{clear:both;}
li{list-style-type:none;}
img{border:0; vertical-align:middle;}
a{text-decoration:none; color:#666; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a:visited,a:active{color:#666; text-decoration:none}
.clear{clear:both; height:0}
.line{height:0.5rem;}
.wap{margin:0 auto; max-width:720px; background:#FFF; height:auto}
.head{background:url(wap/bg_pic.png) #ee720e; text-align:center; color:#FFF; height:2.5rem; line-height:2.5rem}
.head_l{float:left; padding:0.3rem 0.5rem; font-size:0.9rem; margin-top:0.1rem}
.head_c{margin:0}
.head_c a{color:#FFF; font-size:1.2rem;  text-align:center;}
.head_r{float:right; padding:0.2rem 0.5rem}
.head_r a{font-size:1rem; color:#FFF}

.title{height:2.2rem; line-height:2.2rem; margin:0 0.5rem 0.5rem 0.5rem; border-bottom:1px solid #DDD}
.title b{font-size:1.2rem; border-bottom:1px solid #156EB8; display:inline-block; padding:0 0.2rem}
.title span{float:right; font-size:0.75rem;}
.title span a{color:#999;}

.nav{padding:0.5rem 0; width:100%;}
.nav ul li{float:left; width:25%; text-align:center}
.nav ul li div{width:3.5rem; margin:0 auto;}
.nav ul li span{color:#FFF; border-radius:3.5rem; width:3.5rem; height:3.5rem; display:table-cell; vertical-align:middle; text-align:center;}
.nav ul li a em{font-style:normal; display:block}
.nav ul li a{display:block;}
.nav li.h span{background:#FF6600;}
.nav li.n span{background:#0066CC}
.nav li.p span{background:#9933CC;}
.nav li.c span{background:#009900;}

.sav{width:10rem; background:#333; height:100%;}
.sav ul li{border-bottom:1px solid #666; height:3rem; line-height:3rem}
.sav .fa{font-size:1rem;}
.sav ul li a{color:#FFF;}
.sav ul li span{display:inline-block; margin-right:0.5rem; width:2rem; text-align:right}
.sav ul li em{display:inline-block; font-style:normal}

.list ul{margin:0 10px;}
.list ul li{border-bottom:1px dotted #DDD; height:2.5rem; line-height:2.5rem; background:url(wap/dot.png) no-repeat 5px center; text-indent:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.foot{border-top:1px solid #FF9900; padding-top:0.5rem}
.foot p{text-align:center; height:1.5rem; line-height:1.5rem;}
.foot_home{height:3.5rem;}

.pages{text-align:center;padding:10px;clear:both; line-height:1.4rem; height:1.4rem; font-size:0.3rem;}
.pages a{margin:0px 3px;padding:3px 6px;color:#333; border:1px solid #FF6600; border-radius:2px}
.pages a:hover{background:#FF6600; color:#FFF;border-radius:3px}
.pages span{background:#FF6600;color:#fff;margin:0px 3px;padding:4px 7px;border-radius:2px}

.content{margin:0.5rem;}
.content h2{font-size:1.2rem;}
.content .date{color:#DDD; border-bottom:1px dashed #DDD; line-height:2rem;}
.content div{padding:0.5rem; line-height:1.5rem;}
.content div p{text-indent:2em; margin-bottom:0.5rem;}
.content div img{max-width:90%; display:block; margin-left:auto; margin-right:auto}
.content ul li{clear:both; margin-bottom:0.5rem; height:2rem; line-height:2rem;}
.content ul li span{display:block; float:left; text-align:right; width:1.5rem; background:#F2F2F2; padding-right:0.2rem}
.content ul li em{display:block; float:left; font-style:normal; text-indent:0.2rem}
.protitle{font-size:18px; height:3rem; line-height:3rem; overflow:hidden; padding-left:0.5rem}

.home_pro{width:100%; overflow:hidden;}
.home_pro ul{margin:0.5rem;}
.home_pro ul li{width:50%; float:left; text-align:center; margin-bottom:1rem}
.home_pro ul li a{display:block; width:90%; margin:0 auto;}
.home_pro ul li div{margin-bottom:0.5rem; width:100%; height:0; padding-bottom:78%; overflow:hidden}
.home_pro ul li img{width:100%;height:10rem;}

.tool{background:#FF6600; color:#FFF; height:3rem; position:fixed; bottom:0; width:100%; z-index:9}
.tool ul li{float:left; width:20%; text-align:center}
.tool ul li span{display:block; height:1.6rem; margin:0px auto; margin-top:0.1rem}
.tool a{color:#FFF; font-size:0.8rem; display:block}

#tmenu{position:fixed; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); display:none; z-index:3}
#tmenu .nav{top:30%; height: auto; opacity:1; overflow:hidden; position:absolute; width:100%}
#tmenu .nav li{margin-bottom:0.2rem;}
#tmenu .nav a{opacity:1; color:#FFF; display:block}

.book{padding:0 0.5rem;}
.book .t,.book .y{margin-bottom:0.8rem; border:1px solid #DDD;  padding-left:0.5rem; line-height:2rem; width:97%; font-size:1rem}
.book .t input{width:88%; margin-left:0.5rem; height:2rem; border:none; outline:none;  color:#999; font-size:1rem}
.book textarea{margin-left:0.5rem; height:5rem; width:88%; border:none; outline:none;  color:#999; vertical-align:middle; padding:0.5rem 0; font-size:1rem}
.book .y input{margin-left:0.5rem; height:2rem; outline:none; width:65%; border:none;  color:#999; font-size:1rem}
.book .b input{width:100%; height:2rem; line-height:2rem; background:#FF6600; color:#FFF; border:none; border-radius:1rem; cursor:pointer; font-size:1rem}
.book img{width:4rem; height:1.2rem;}

/*iscroll*/
#wrapper{position:absolute;z-index:1;top:2.5rem;bottom:0rem;left:0;width:100%; overflow:hidden; left:auto; right:auto}
#scroller{ width:100%}
#scroller-pullUp{color:#666;text-align:center;width:100%; margin-top:0.5rem;}
#scroller-pullUp .fa{font-size:1rem}
.scrooler-bottom{height:3.5rem;}

.list-info ul{margin:0 0.5rem;}
.list-info li{border-bottom: dotted #DDD 1px; margin-top:0.5rem; padding-bottom:0.5rem; height:6.5rem; clear:both;}
.list-info li a{overflow:hidden; display:block}
.list-info img{float:left;margin-right:0.5rem; width:8rem; height:6rem; border:1px solid #DDD; padding:2px;}
.list-info h4{overflow:hidden; word-wrap:break-word; font-size:1rem; max-height:3rem; line-height:1.5rem}
.list-info p{font-size:0.8rem; overflow:hidden; color:#999; height:2.2rem; line-height:1.1rem;word-wrap:break-word;}
.list-info time{float:left;font-size:0.8rem;color:#888;}
.list-info .comment{float:right; font-size:0.8rem; color:#888;}
.list-info .comment i{font-size:1rem;}