@charset "utf-8";
html{ font-size:62.5%;}
body{ padding:0px 0px 40px 0px; margin:0px auto; font-size:12px; line-height:1.6em; font-family: Microsoft YaHei,arial,'宋体'; color:#666666; min-width:320px; max-width:640px;
-webkit-text-size-adjust:none;
-webkit-text-size-adjust:none; /*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;  /*设置字体的抗锯齿或者说光滑度*/
}
ul,li,form,dl,dt,dd, div,menu{ display:block; padding:0px; margin:0px;}
ul,ul li,i{ list-style: none; margin: 0; font-style:normal;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#585858; font-family:Microsoft YaHei; border-radius:0; -webkit-border-radius:0; border:0px;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:hover{text-decoration:none; color:#007cc2;}
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;}.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}

.clear{ clear:both; overflow:hidden; zoom:0;}
.clearfix{overflow:hidden;_zoom:1;}
.loding{ background:url(../images/loading_red.gif) no-repeat center center #fff; position:absolute; width:100%; min-width:100%; height:100%; min-height:100%; z-index:100;}

.Contain{ position:relative;}
.fblue{ color:#007cc2;}

/*pages*/
.Pages{ padding:25px 0px 0px; zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 3px; line-height:30px; color:#898989; background:#e5e5e5;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; text-align:center; vertical-align:middle; padding:0px 10px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; width:28px; margin-right:5px; vertical-align:middle; color:#898989;}
.Pages .p_page .num a:hover{ color:#cc0000;}
.Pages .p_page .num a.a_cur{ background:#e85019; color:#fff; width:28px;}

.Morepage{ text-align:center; padding:25px 0px 0px 0px; font-size:1.25em;}
.Morepage a{ color:#666666;}

/*pages end*/

/*top*/
.header{ background:#1b1a1f; padding:3% 0; position:relative; color:#fff; text-align:center; font-size:1.6em;}
.header a.back{ color:#fff; position:absolute; left:15px; top:26%;}
.header a.back i{vertical-align:middle;}

/*top end*/

/*bottom*/

/*home*/
.HomeBan{ position:relative; overflow:hidden; margin:0px auto;max-width:640px;/* 设置焦点图最大宽度 */}
.HomeBan .hd{ display:none; position:absolute; height:12px; bottom:20px; left:50%; margin-left:-160px; width:320px; text-align:center; z-index:1;}
.HomeBan .hd li{ text-indent:-999; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; text-indent:-9999px; overflow:hidden; margin:0 4px; border-radius:50%; background:#fff; cursor:pointer;}
.HomeBan .hd li.on{ background:#005e78;}
.HomeBan .bd li{text-align:center;}
.HomeBan .bd img{ display:block;}

.pubbtn{ margin:20px 0px 0px 15px; width:95%; display:inline-block}
.pubbtn a{ font-size:1.25em; background:#007cc2; color:#fff; width:30%; line-height:35px; display:block; text-align:center;float:left;margin-right:2%}
.pubbtn a i{ margin-right:6px; font-size:16px; vertical-align:middle;}

.StaffList{ margin-top:10px;}
.StaffList li{ border-bottom:1px solid #e6e6e6; padding:15px;}
.StaffList li .img{ width:26.6%; float:left;}
.StaffList li .img img{ border-radius:4px;}
.StaffList li .infotxt{ width:71%; float:right;}
.StaffList li .infotxt .tit{ font-size:15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block; padding-bottom:1.8%;}
.StaffList li .infotxt .p{padding-bottom:2.3%; color:#666;}
.StaffList li .infotxt .other{color:#999999;}
.StaffList li .infotxt .other i{ margin-right:4px;}
.StaffList li .infotxt .name{ float:right;width: 30%; text-align:right;}
.StaffList li .infotxt .name img {width:40%;padding-left:5px;}
.StaffList li .infotxt .date{ display:inline-block; width:40%;}

.StaffList2{ margin-top:10px;}
.StaffList2 li{ border-bottom:1px solid #e6e6e6; padding:15px 15px 10px;}
.StaffList2 li .tit{ font-size:15px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block; padding-bottom:1.8%;}
.StaffList2 li .p{padding-bottom:2.3%; color:#666;}
.StaffList2 li .other{color:#999999;}
.StaffList2 li .other i{ margin-right:4px;}
.StaffList2 li .name{ float:right;}
.StaffList2 li .date{ display:inline-block; width:40%;}

.TitleInfo{ padding:20px 15px 15px 15px; color:#333; border-bottom:1px solid #e6e6e6;}
.TitleInfo h1{ font-size:18px; padding-bottom:6px;}
.TitleInfo .other{ color:#999999;}
.TitleInfo .other i{ margin-right:4px;}

.SinglePage{ padding:23px 15px 25px 15px; font-size:14px;}
.SinglePage h2{ font-weight:bold; font-size:14px; color:#333333;}

.bottom{ border-top:21px solid #f5f5f5; padding:17px 15px 0px; color:#333; font-size:14px;}
.bottom .ticket{ display:block; padding:2% 0;}
.bottom a.vote{ display:block; float:right; border-radius:3px; text-align:center; background:#007cc2; color:#fff; padding:2% 0; width:28%;}
.bottom a.vote i{ display:inline-block; vertical-align:middle; margin-right:4px; width:20%;}

.botline{ border-top:1px solid #e6e6e6; border-bottom:21px solid #f5f5f5; padding:15px;}
.botline a.down{ font-size:14px; color:#fff; display:block; text-align:center; background:#007cc2; padding:10px;}

.Comment{ padding-bottom:40px;}
.Comment .Tithead{ border-bottom:1px solid #e6e6e6; padding:15px; font-size:16px;}
.Comment .Tithead h3{ float:left; color:#333; font-size:16px; padding:5px 0;}
.Comment .Tithead .btn{ float:right;}
.Comment .Tithead a.btns{ border-radius:18px; padding:5px 10px; display:inline-block; color:#007cc2; font-size:14px; border:1px solid #007cc2; margin-left:10px;}
.Comment .item{display: flex;display: -webkit-flex; /* Safari */ border-bottom:1px solid #e6e6e6; padding:15px;}
.Comment .item .head{ width:75px;}
.Comment .item .head img{ display:block; width:50px; height:50px; border-radius:50%;}
.Comment .item .infotxt{ font-size:14px; width:100%;}
.Comment .item .infotxt .name{ padding-bottom:5px;}
.Comment .item .infotxt .msg{ color:#333; padding-bottom:5px;}
.Comment .item .infotxt .replay li{ margin-bottom:10px; background:#f2f2f2; border-radius:6px; padding:5px 15px; color:#000000;}
.Comment .item .infotxt .replay li .date{ color:#666666;}
.Comment .item .arr{ cursor:pointer; float:right; font-size:16px; color:#a3a3a3;}
.Comment .item .msgbtn{ float:right; width:8%; text-align:right;}
.Comment .item .glyphicon{ color:#777;}

.Commentform{ position:fixed; bottom:0px; left:0px; width:100%;display: flex;display: -webkit-flex; /* Safari */ border-top:1px solid #f5f5f5; background:#fff;padding:15px 0px 15px 0px; z-index:999; box-shadow:0px 0px 1px #333;}
.Commentform .inputbox{ position:relative; height:35px; line-height:25px; font-size:14px; width:88%; border:1px solid #d7d7d7; border-radius:5px; padding:4px 6px; margin-left:2%;}
.Commentform .inputbox input{ border:0px; width:85%; height:25px; line-height:25px;}
.Commentform .inputbox textarea{ border:0px; width:85%; height:25px; line-height:20px;}
.Commentform .inputbox .txt{ right:5px; position:absolute; top:5px; color:#999999;}
.Commentform .zan{ width:38px; text-align:center; line-height:34px; margin:2px 10px 0px 15px;}
.Commentform .zan a{ display:block; background:#007cc2; color:#fff; margin-top:-1px; font-size:14px; height:34px; width:38px; border-radius:6px;}
.Commentform .zan a i{ vertical-align:middle;}

.formbox dl{display: flex;display: -webkit-flex; /* Safari */  padding:15px; border-bottom:1px solid #f1f1f1;font-size:14px; line-height:32px;}
.formbox dl .glyphicon{ vertical-align:middle; font-size:18px; margin:5px 8px 0px 0px;}
.formbox .telinput{ width:90%; height:32px; line-height:32px; font-size:14px;}
.formbox .textarea{ width:100%; height:150px;}
.formbox dl.btns{ border-bottom:0px; padding-top:25px;}
.formbox dl.btns .btn{ width:100%;}
.formbox .other{ text-align:center; background:url(../images/linebg.gif) 0px center repeat-x; border-bottom:0px;}
.formbox .other span{ background:#fff; margin:0px auto; display:inline-block; padding:0px 15px; font-size:14px; color:#333;}
.formbox .loginicon{ text-align:center; padding-top:10px;}
.formbox .loginicon a{ display:inline-block; width:14%; margin:0px 10px;}

.formbox .scbtn {color: #fff;background-color: #337ab7;border-color: #2e6da4;border-radius:5px;height:20px;}
.formbox .upload-img {position: relative;display: inline-block;vertical-align: middle;width: 25px;height: 20px;margin-right: 10px;background: url(../images/img.png) 0 no-repeat;background-size: 100%;
}
.formbox .uploadfile{position: relative;display: inline-block;zoom: 1;vertical-align: middle;text-align: center;border-radius: 12px;overflow: hidden;line-height: 30px;width: 100px;height: 30px;cursor: pointer;}
.formbox .upload {padding-top:5px;}

.Totallook{ padding:0px 15px 10px; font-size:14px; color:#999999;}
.Totallook .glyphicon{ margin-right:4px;}
.Totalzan{ font-size:14px; color:#333333; border-top:10px solid #f5f5f5; border-bottom:10px solid #f5f5f5; padding:15px;display: flex;display: -webkit-flex; /* Safari */}
.Totalzan .zan .glyphicon{ margin-right:4px;}
.Totalzan .name{ width:80%; margin-left:10px; color:#007cc2;}

.Memberhead{display: flex;display: -webkit-flex; /* Safari */ padding:15px; background:#f5f5f5; position:relative;}
.Memberhead .headimg{ width:90px;}
.Memberhead .headimg img{ border-radius:5px; width:80px; /*height:80px;*/}
.Memberhead .infotxt{ margin-left:15px; width:100%; font-size:14px;}
.Memberhead .infotxt .name{ color:#333; padding:15px 0 10px;}
.Memberhead .arr{ color:#999999; padding-top:28px; float:right; font-size:18px;}
.Memberhead a{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px;}

.MemberMenu li{ position:relative; padding:10px 15px; background:#fff; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; font-size:16px; margin-top:-1px;}
.MemberMenu li .arr{ position:absolute; right:15px; font-size:16px; color:#999999;}
.MemberMenu li .icons{ display:inline-block; vertical-align:middle; margin-right:5px; width:8%;}
.MemberMenu li a{ display:block;}

/*20170616*/
.HrList ul{ margin:10px 0px 0px; font-size:14px;}
.HrList li{ border-bottom:1px solid #e6e6e6; padding:15px 15px 10px;}
.HrList li .tit{ font-size:15px; color:#3485d9;}
.HrList li .company{ color:#333333; float:; padding-top:10px;}
.HrList li .p{padding:10px 0; color:#666;}
.HrList li .p span{ display:inline-block; margin-right:12px;}
.HrList li a{ color:#3485d9;}
.HrList li .detail {color:#3485d9;text-decoration:underline;}

.Hrtitle{ line-height:22px; font-size:14px; padding:20px 15px 15px 15px; color:#333; border-bottom:1px solid #e6e6e6;}
.Hrtitle h1{ font-size:18px; padding-bottom:6px;}
.Hrtitle .date{ float:right; color:#0180cf; font-size:12px;}
.Hrtitle .price{color:#0180cf;}
.Hrcon{ padding:12px 0px; font-size:14px;}
.Hrcon li{ width:33.333%; float:left; line-height:24px; padding:4px 0;}
.Hrcon li i{ display:inline-block; margin:0px 5px 0px 15px; width:15%; vertical-align:middle;}
.Hrcon li i img{ max-width:100%;}

.Hrcon2{ padding:12px 15px; font-size:14px; border-top:15px solid #f5f5f5; border-bottom:15px solid #f5f5f5; line-height:2em;}
.f_gray{ color:#333;}
.homebtn{ position:fixed; right:27px; bottom:76px; width:38px; height:38px; border-radius:50%; border:1px solid #d9d9d9; background: #fff url(../images/home.png) center center no-repeat; background-size:cover;}
.pubbtn2{ position:fixed; right:27px; bottom:120px; width:38px; height:38px; border-radius:50%; border:1px solid #d9d9d9; background: #fff; text-align:center; color:#007cc2; font-size:18px;}
.pubbtn2 i{ vertical-align:middle; margin-top:7px;}

.homenav{ margin:10px 10px 0px 10px;}
.homenav ul{ margin-left:-10px;}
.homenav li{ width:33.333%; float:left; text-align:center;}
.homenav a{ display:block; margin-left:10px; font-size:18px; color:#fff; padding:10% 0;}
.homenav li i{ display:inline-block; vertical-align:middle; margin-right:10px; width:20%;}
.homenav a.a1{ background:#5cc094;}
.homenav a.a2{ background:#f37b5b;}
.homenav a.a3{ background:#609beb;}
.hometit{ clear:both; text-align:center; border-bottom:1px solid #e6e6e6; color:#000000; padding:4.5% 0; font-size:18px; font-weight:bold;}

.PostList .item{ border-bottom:1px solid #e6e6e6; padding:15px; font-size:14px;}
.PostList .item .head{ line-height:50px; height:50px; margin-bottom:10px;}
.PostList .item .head img{ display:block; width:50px; height:50px; border-radius:50%; float:left; margin-right:10px;}
.PostList .item .tit{ padding-bottom:4px; font-size:15px;}
.PostList .item .other{ padding:15px 0px 20px; color:#999999;}
.PostList .item .other li{ width:30%; float:left;}
.PostList .item .other a{color:#999999;}
.PostList .item p{color:#666;}
.PostList .item i{ margin-right:5px; vertical-align:middle; display:inline-block; margin-top:-3px;}

.change{ color:#f4b802; border:1px solid #e6e6e6; border-radius:5px; padding:0px 10px; display:inline-block; vertical-align:middle;}
a.hdbtn{ background:#f08800;}

@media screen and (min-width:320px) and (max-width:640px){
 /* body{ font-size:1.2em;}*/
}