@charset "utf-8";
/* ----- reset ------ */
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
abbr,acronym{border:0}
table {border-collapse:collapse; border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
img{ -ms-interpolation-mode:bicubic; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button, input, select, textarea {font-size: 100%;}
a,a:link,a:visited,a:focus,a:hover,a:active {color: #2a2a2a;text-decoration:none;}
a:hover {color: #10ad44;text-decoration: none;}
body,button,input,select,textarea{font: 16px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif;}
:focus {outline-color: -moz-use-text-color;outline-style: none;outline-width: 0;}
::selection { background:none; color:#333; }
::-moz-selection { background:none; color:#none; }
::-webkit-selection { background:none; color:#333;}
.clr:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clr{zoom:1;}
input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none;}
textarea { resize: none;}
body { width:100%; position:relative;
	font-family: 'DroidSansFallback';
	font-size: 16px;
	color:#4c4c4c; background:#e9e9e9;
}

.icon_lists li{
    float:left;
    width: 100px;
    height:150px;
    text-align: center;
}
.icon_lists .iconfont{
    font-size: 42px;
    line-height: 100px;
    margin: 10px 0;
    color:#333;
    -webkit-transition: font-size 0.25s ease-out 0s;
-moz-transition: font-size 0.25s ease-out 0s;
transition: font-size 0.25s ease-out 0s;

}
.icon_lists .iconfont:hover{
    font-size: 100px;
}

@font-face {font-family: "iconfont";
  src: url('/fonts/iconfont.eot'); /* IE9*/
  src: url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-xiangzuojiantou:before { content: "\f0015"; }

.icon-icoratebad:before { content: "\f002c"; }

.icon-dianzan:before { content: "\e664"; }

.icon-share:before { content: "\f003d"; }

.icon-shoucang:before { content: "\e61f"; }

.icon-bianji:before { content: "\e601"; }

.icon-sousuo:before { content: "\e61d"; }

.icon-mima:before { content: "\e65e"; }

.icon-caidan:before { content: "\e607"; }

.icon-guanbi:before { content: "\3443"; }

.icon-iconzhucezhanghao:before { content: "\e6ac"; }

.icon-shouye:before { content: "\f0011"; }

.icon-jianchagengxin:before { content: "\343f"; }

.icon-yijianfankui:before { content: "\f0044"; }

.icon-wanchengyuan:before { content: "\f00a1"; }

.icon-circle-outline:before { content: "\e681"; }

.icon-shanchu:before { content: "\e793"; }

.icon-center:before { content: "\e611"; }

.icon-bianji1:before { content: "\e6e3"; }

.icon-tianjiahuanyousousuojieguoyeicon:before { content: "\e652"; }

.icon-yejianzhuanhuan:before { content: "\f0026"; }

.icon-baitianqing:before { content: "\e71f"; }

.icon-saoyisao:before { content: "\e631"; }

.icon-shoucang1:before { content: "\e611"; }

.icon-fensiquanshezhi:before { content: "\e60d"; }

.icon-04:before { content: "\e604"; }

.icon-lliconred:before { content: "\3480"; }

.icon-icon01:before { content: "\e607"; }

.icon-tiyanfuwu:before { content: "\e642"; }

.icon-zhaoxiangji:before { content: "\e67a"; }

.icon-miaoxiansheng:before { content: "\f005a"; }

.icon-diannao:before { content: "\e60d"; }


.wapmain { width:100%; position:absolute; z-index:9; overflow:hidden; padding-bottom:43px;}
.title { width:100%; height:50px; line-height:50px; background:#38c380; text-align:center;}
.title h3 { display:inline; color:#fff; font-size:18px;}
.title p { margin-top:10px; line-height:30px; color:#fff; text-align:center; cursor:pointer;}
.title p .iconfont { font-size:30px;}


/*顶部title*/
.top_bar{ height: 44px; position:relative;  background:#10ad44; color: #fff;}
.top_bar .abs_l{ position: absolute; left: 10px; top: 4px; width: 44px; height: 33px; box-sizing: border-box; -moz-box-sizing:border-box;}
.top_bar .abs_m{ position: absolute; left: 10px; top: 0; width: 44px; height: 44px; box-sizing: border-box; -moz-box-sizing:border-box;}
.top_bar .abs_r{ position: absolute; left: 10px; top: 0; width: 44px; height: 44px; box-sizing: border-box; -moz-box-sizing:border-box; line-height: 44px;}
.top_bar .abs_l{ width: 27px; z-index:100; cursor:pointer; background:url(/images/bg_menu.png) no-repeat center; }
.top_bar .abs_m{ width: 100%; text-align: center; font-size: 20px; color: #fff; font-weight: bold; line-height: 44px; }
.top_bar .abs_r{ left: auto; right: 10px; z-index:100; width:auto; cursor:pointer;}
.top_bar .abs_r a { display:inline-block; width:27px; height:27px; background:url(/images/bg_user.png) no-repeat center; margin-top:8px;}
.top_bar i { font-size:24px;}
.top_bar .abs_l a, .top_bar .abs_r a { color:#fff;}
.top_bar .refresh_btn,
.top_bar .refresh_title,
.top_bar .back,
.top_bar .comment_count,
.top_bar .user,  
.top_bar .app,
.top_bar .cancel,
.top_bar .submit{ display: inline-block;  height: 16px;}
.top_bar .refresh_title{ background:url(/images/logo.png) no-repeat center; width:83px; background-size:130px; padding-left: 15px}
.top_bar .refresh_btn{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGKSURBVHjatJa9SgNBFIW/XYSAD2CTRkKKlELatTKC9RJS+BZb29jY5hnELmhaGxEU0gYst7EzryCrosfmjk6GTbIhuwcu7N+cs3Pmzr0TSWINIuAESIA+0APa9m4B5MAcmAGPgIAD4Ay4WWKStCpGkqaqjqmNuZf0Jmnf5ysT6EgaSyq0Pb6860ufNwqsOwIugKE/abNlZjbl9rxndiZmbxTYXgBds5hwJrfBH04kpWvsdXFudoW4LrNu7H3wKimT1KoggqTjFVZ+S+r7QqNgTbKKAmU/GeLJCUVBdk22mAmSDiV9bkiSdM8WMvUWfgJ8UB1D4HnDN6dYGjo8bGlZ5YgtRR1mNITY9oPDvEmhtnefNynUFLqWXALe478S8V9W6oLPtYgDu/o1CvlceRwkQFKjULKUZJIG3j76qVhEN0VqXA6DOkpQGC3j8BtiVFdR9SPzeArjrq1NuJlkNtZhXNaPdml8aWCXjKvTdCu/A66Al3WnoF0OJ4WN7YS8TRy3SvmiBg6QpfgdAD6GCVnIJ9f2AAAAAElFTkSuQmCC) no-repeat center center; width:25px; background-size:13px}
.top_bar .search{ display:inline-block; height:24px; width:24px;  padding: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAD60lEQVR42mL8//8/w3AAAAHExDBMAEAADRuPAATQsPEIQAANG48ABNCw8QhAAA0bjwAEEAsVzNAAYh8gtgZiLSAWBWJOIP4OxE+A+AYQHwLiTUD8iFYeAQggBlA9QgZmBOIgID75n3jwF4h3A7ETmXbixQABRI4mDSA+9J8ysBGIpanpEYAAIlVDOBB//k8d8AqIHanlEYAAYiShiZILxBOBmBGPmk9A/ACIfwExBxArQ/MLLgBSFwXEaynNIgABRKyPI4H4H46Q/QTEnUBsAM07yPpYgNgSiKcB8U8c+kHiDpTGCEAAEaNIC4i/4nDELCAWIdIyOSBej8Oc50AsQYlHAAKImNLpCI5QTCKztKvGEbvLKPEIQAARUhCCxUKQI6IpTAoVOGLGlFwzAQKIkIIzWCybTIVSBhQzm7CYvYZcMwECCF+ppQPEl9HE3kBLok9UqIsVgPgmELOhlWJSQPyWVMMAAghfW8sHi9hMKnmCAVpMr0YTA3nKlRzDAAIIn0dssIitpHILaSWR9hIEAAGEzyOaaPwPQHyFyh45TIS9RAGAAMLnEVE0/j0gpvZIBShw3hGwlygAEED4PMKLxv9Gowb4FwL2EgUAAgifRz5SwwIiAD8a/zM5hgAEED6PvEDjK9OgRymKxSNPyTEIIIDwOewaGp8HiI2p7BEHLGI3yDEIIICYSCxRoqjsEWzmHSLHIIAAwlezg5LSbbT+xxeo+CsqeALUcriIFphfgViSnHwCEED4YuQuEB/AkrymEuhcEQOYgXg6FvvXkJvZAQKIUGPMHUcrtYLCRmMPFjP/ALEmuWYCBBAxirbgaMrXY+kREsLMQNyPI3DuADE3uR4BCCBiFMkA8Rsclm8GYnkiLdPB0UlDBgfJ9QxAABGr0IlAn3sFEIcBsRCaPgloT3IzdFyLGHCIHM8ABBApoyghQLwUrf+Aq0UAwkLQwoHcxqQntBQjCgAEECOJM1b2QLwCiCXoMJxLkmcAAojUJsdBIDaAeoZc8BdaPxECtkC8ndhYBQggSopQ0EDBKiD+QWTaB41QzgFidSDmAuL9JOQZHkLuAQggUpMWNiAE7Z5aQ0fmQQ1BPmhf4yW0zQZKJnvRmuxcQLwVR3sLWzLzwtLkhwOAAKKGRygBpHjmCDTPYPUMQAAN9EQPqLPmjaUphGsMYRouSYAAGugYQY6ZLUDsSEDdJyz9FzAACKDBMvX2DTr8tJ+AOpydLoAAGkxziIQ8A5LPxqUZIIAG22QoLs+AxAPxxRhAAFF9Lo9KGFTPzAPit0B8lpj5E4AAGiyZnWIAEEDDZp4dIICGjUcAAmjYeAQggIaNRwACDADwpWuPzL3iugAAAABJRU5ErkJggg==) no-repeat center; background-size:25px;}

.top_bar .refresh_btn.rotate,
.fix_btns .fresh_btn.rotate{
	-webkit-transform-style: preserve-3d;
	-webkit-animation: x-spin 0.7s linear; 
}
.scaleFromRight{
	-webkit-transform-origin-x: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-animation:scaleFromRight 300ms ease;
}
}
@-webkit-keyframes scaleFromRight {
	0% { -webkit-transform: scaleX(0); } 
	100% { -webkit-transform: scaleX(1); } 
}
@-webkit-keyframes x-spin {
	0% { -webkit-transform: rotateZ(0deg); } 
	50% { -webkit-transform: rotateZ(180deg); }
	100% { -webkit-transform: rotateZ(360deg); } 
}
@-webkit-keyframes slideInFromLeft{
	0% { opacity:.5; -webkit-transform:translateX(-270px)} 
	100% { opacity:1; -webkit-transform:translateX(0)} 	
}
@-webkit-keyframes slideInFromRight{
	0% { opacity:0; -webkit-transform:translateX(50px)} 
	100% { opacity:1; -webkit-transform:translateX(0)} 	
}
@-webkit-keyframes slideInFromTop{
	0% { -webkit-transform:translateY(-30px)} 
	100% { -webkit-transform:translateY(0)} 	
}
.top_bar .back{ top: 0; left: 0; width: 44px; border-radius: 0px; background-size: 20px}
.top_bar .user{ padding: 0 10px;}
.top_bar .user .avatar{width:29px; height:29px; display:block; background-size:29px 29px; margin-top:7px}
.top_bar .app{ padding:10px; background-position:center -816px }
.top_bar .comment_count{ width: 44px; text-align: center; color: #fff; font-size: 12px; padding-top: 25px;no-repeat center -453px; background-size:25px;}
.top_bar h1{color:#fff; font-size:20px; font-weight:bold; line-height:44px; }

.tkzz { display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0px; top:0px; z-index:999;}
.tk{ display:none; width:70%; padding:20px 5%; background:#fff; color:#0f8f25; border-radius:5px; text-align:center; position:fixed; left:50%; top:50%; margin-left:-40%; z-index:9999; margin-top:-50px;}
.tk p { padding:5px 0;}
.tk input { width:40%; margin:0 5%; height:30px;background:#1cac38; border-radius:5px; text-align:center; line-height:30px; color:#fff; font-size:16px; font-weight:bold; border:none; cursor:pointer;}
.main { width: 94%; padding: 0 3%; overflow: hidden; background: #fff; margin-bottom: 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.footer { width:100%; height:30px; line-height:30px; text-align:center;}
.shouc { cursor:pointer;}
.fl{ float:left;}
.fr { float:right;}
/*左边弹出菜单*/
.lmenu { display:none; width:200px; background:#362916; color:#fff; position:relative; left:-240px; z-index:99; top:0px;}
.lmenu_tit { width:150px; height:40px; line-height:40px; border-bottom:1px solid #251c0b; padding-top:40px; padding-left:50px; background:url(/images/bg_icon1.jpg) no-repeat 25px 50px;}
.lmenu_cen { width:100%; padding-top:10px;}
.lmenu_cen li { display:block; width:150px; height:40px; line-height:40px; border-bottom:1px solid #251c0b; padding-left:50px; background:url(/images/bg_icon2.png) no-repeat 25px center;}
.lmenu_cen li.dq, .lmenu_cen li:hover { background:#13ac40 url(/images/bg_icon2.png) no-repeat 25px center;}
.lmenu_cen li i { margin-left:10px; font-style:normal;}
.fzlmenu { width:198px; height:40px; position:absolute; text-align:center; line-height:40px; left:0px; border:1px solid #fff; background:#13ac40;}
.lmenu_bot { display:block; width:150px; height:40px; line-height:40px; border-top:1px solid #251c0b; padding-left:50px; background:#251c0d url(/images/bg_icon3.png) no-repeat 25px center; position:absolute; left:0px; bottom:0px;}


.tishi { width:94%; padding:10px 3%; line-height:1.5em; overflow:hidden;}
.tishi span { display:inline-block; border-bottom:2px solid #f00 !important;}
.ye { width:16px; padding:10px 5px; color:#fff; background:#093; position:fixed; right:0px; top:200px; z-index:999; cursor:pointer;}