@charset "UTF-8";

html ,body{ width:100%; height:100%;}
* ,body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0; border:none;}
body{ color:#555; font-size:14px; font-family:"微软雅黑", Arial; border:none; background:#fff;}
.clear{ float:none; clear:both; height:auto; border:none;}
ol,ul {list-style:none;}
.fl {float:left;}
.fr {float:right;}
img {border:0;}
a ,a:hover ,a:active{ text-decoration:none; color:#555; -webkit-tap-highlight-color: rgba(0,0,0,0);}
input ,select ,textarea ,button{ border:0; -webkit-appearance:none; border-radius:0;outline: none;}

dl,dt,dd{ padding:0; margin:0; border:0;}
i,em{ font-style:normal;}
.hide{ display:none;}
.posrel{ position:relative;}
.posabs{ position:absolute;}

.wrapper{ max-width:640px; margin:0 auto; overflow:hidden; padding:42px 0 70px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}

.fc1 , a.fc1:active , a.fc1:hover , a.fc1:link , a.fc1:visited{ color:#ff7a9a;}/*粉红色*/
.fc2 , a.fc2:active , a.fc2:hover , a.fc2:link , a.fc2:visited{ color:#ffb400;}/*黄色*/
.line10{ height:10px; background:#f8f8f8;}

/*radio*/
input[type="radio"]{ display:inline-block; width:13px; height:13px; background:url(../images/user/radio.png) no-repeat center; background-size:13px; margin-right:5px;}

input[type="radio"]:checked{ background:url(../images/user/radio_hover.png) no-repeat center;background-size:13px; }
label{ margin-right:10px;}

/*头部*/
header{ position:fixed; height:42px; top:0; width:100%; max-width:640px; z-index:100; overflow:hidden; background:#fff; line-height:42px; box-shadow:0 3px 8px rgba(0,0,0,0.05); text-align:center; z-index:10; font-size:16px;}
header .logo{position:absolute;background:url(../images/logo.png) no-repeat 0 0;width: 80px;height: 20px;background-size: cover;top: 11px;left: 10px;}
header a.t_icon{ position:absolute; top:10px; width:20px; height:20px; display:block;background-size:20px; background-repeat:no-repeat; line-height:20px; font-size:14px; color:#999;}
header a.t_l{ left:10px; width:auto;}
header a.t_r{ right:10px; width:auto;}
header a.icon_menu{ right:10px; background-image:url(../images/icon_menu.png); }
header a.icon_return{ left:10px; background-image:url(../images/icon_return.png);}
header a.icon_share{right:45px;background-image:url(../images/icon_share.png);display: none;}
header a.icon_navmore{ right:10px; background-image:url(../images/icon_arrow.png);}
header ul.nav{margin: 0 40px 0 200px;height:42px;}
header ul.nav li{ float:left; width:50%; text-align:center; font-size:14px;}
header ul.nav li a , header ul.navlist li a{ color:#aaa; display:inline-block;}
header ul.nav li.cur a , header ul.navlist li.cur a{ color:#ff7a9a; font-size:16px; border-bottom:3px solid #ff7a9a; padding:0 10px; height:39px;}

/*侧边栏菜单*/
.aside_layer{ position:fixed; height:100%; width:100%; max-width:640px; top:0; background:rgba(0,0,0,0.5); z-index:20; display:none;}
aside{ position:fixed; height:100%; width:120px; top:0; background:#fff; text-align:center; z-index:30; padding:10px; right:-140px;}
aside dt{ text-align:center; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #eee;}
aside dt img{ width:38px; height:38px; border-radius:38px; border:1px solid #ddd; overflow:hidden;}
aside dt span{ display:block; line-height:16px; font-size:13px; margin-top:5px;}
aside dt a , aside dd a{ display:block; color:#999;}
aside dd.cur a{ color:#ff568e;}
aside dd{ height:30px; line-height:30px; margin-bottom:20px; font-size:15px;}
aside dd em{ display:inline-block; width:30px; height:30px; background-image:url(../images/menu_icon.png); background-size:120px 60px; vertical-align:middle; margin-right:10px;}
aside dd em.menu1_icon{ background-position:0 0;}
aside dd em.menu2_icon{ background-position:-30px 0;}
aside dd em.menu3_icon{ background-position:-60px 0;}
aside dd em.menu4_icon{ background-position:-90px 0;}
aside dd.cur em.menu1_icon{ background-position:0 -30px;}
aside dd.cur em.menu2_icon{ background-position:-30px -30px;}
aside dd.cur em.menu3_icon{ background-position:-60px -30px;}
aside dd.cur em.menu4_icon{ background-position:-90px -30px;}

/*返回顶部*/
.return_top{ background:url(../images/return_top.png) no-repeat 0 0; width:30px; height:44px; background-size: cover; position:fixed; right:20px; bottom:100px; display:none;}

/*刷新提示条*/
.update_bar{ background:#fff0cc; height:30px; line-height:30px; text-align:center; color:#ffb400; font-size:13px;}

/*图文列表*/
.imgtxt_list li{ margin:10px 0 0; padding-bottom:10px; border-bottom:1px solid #f5f5f5;}
.imgtxt_list li:last-child{ padding:0; border:0;}
.imgtxt_list li dl , .imgtxt_list li dd{ font-size:0;}
.imgtxt_list li dt{ font-size:14px;}
.imgtxt_list li.imglist3 dl dt , .imgtxt_list li.imglist1 dl dt , .imgtxt_list li.imglist_b dl dt{ margin-bottom:5px; line-height:20px;}
.imgtxt_list li.imglist3 dl dd img , .imgtxt_list li.imglist1 dl dd img{ width:3.019rem; height:2.065rem;}
.imgtxt_list li.imglist3 span , .imgtxt_list li.imglist1 span , .imgtxt_list li.imglist_b span{ display:block; color:#bbb; font-size:12px; margin-top:10px; line-height:12px;height: 12px;overflow: hidden;}
.imgtxt_list li.imglist3 span em , .imgtxt_list li.imglist1 span em , .imgtxt_list li.imglist_b span em{ margin-right:15px; float:none; background:none; padding:0;display:inline-block;}
.imgtxt_list li.imglist3 span em.icon_com , .imgtxt_list li.imglist1 span em.icon_com , .imgtxt_list li.imglist_b span em.icon_com{ background:url(../images/list_com.png) no-repeat 0 2px; background-size:10px; padding-left:15px; display:none;}
.imgtxt_list li.imglist3 span i , .imgtxt_list li.imglist1 span i , .imgtxt_list li.imglist_b span i{ border:1px solid #ff7a9a; border-radius:3px; padding:0 5px; color:#ff7a9a; margin-right:5px;}
/*已阅*/
.imgtxt_list li.readed a{ color:#bbb;}
/*3小图*/
.imgtxt_list li.imglist3 dl dd{ display:inline-block; width:3.019rem;}
.imgtxt_list li.imglist3 dl dd:nth-child(3){ margin:0 0.194rem;}
/*1小图*/
.imgtxt_list li.imglist1 dl{ height:2.065rem;}
.imgtxt_list li.imglist1 dl dd{ width:3.019rem; float:left; margin-right:15px;}
.imgtxt_list li.imglist1 dl dt{ height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
/*大图*/
.imgtxt_list li.imglist_b img{ width:100%; height:auto;}
.imgtxt_list li.imglist_b dt{ margin-top:5px;}
.imgtxt_list li.imglist_b span{ margin-top:5px;}
/*小视频&大视频*/
.imgtxt_list li.videolist1 dd , .imgtxt_list li.videolist2 dd{ position:relative;}
.imgtxt_list li.videolist1 dd em , .imgtxt_list li.videolist2 dd em{ position:absolute; background:url(../images/icon_video.png) no-repeat 0 0; display:block; left:50%; top:50%;}
.imgtxt_list li.videolist1 dd em{ background-size:30px; width:30px; height:30px; margin:-15px 0 0 -15px;}
.imgtxt_list li.videolist2 dd em{ background-size:50px; width:50px; height:50px; margin:-25px 0 0 -25px;}
.imgtxt_list li.videolist1 span em.icon_video , .imgtxt_list li.videolist2 span em.icon_video{background: url(../images/list_video.png) no-repeat 0 2px;background-size:13px 10px;padding-left:18px;}

/*app下载*/
.app_download{ background:#fff; height:40px; position:fixed; padding:8px 0; bottom:0; width:100%; max-width:640px; z-index:15; box-shadow:0 -3px 8px rgba(0,0,0,0.05); display:none;}
.app_download span.a1{ float:left; width:180px; margin-left:10px;}
.app_download span.a1 em{ background:#fff url(../images/icon1.png) no-repeat center; background-size:40px; width:40px; height:40px; border-radius:10px; display:block; float:left; margin-right:10px;}
.app_download span.a1 strong{ line-height:22px; font-size:15px; font-weight:normal;}
.app_download span.a1 p{ font-size:12px;}
.app_download span.a2{ float:right; margin-right:20px;}
.app_download span.a2 a{ display:inline-block; height:30px; border-radius:5px; background:#ff7a9a; line-height:30px; padding:0 10px; color:#fff; float:left; margin-top:5px;}
.app_download i{ background:url(../images/download_close.png) no-repeat center; width:18px; height:18px; background-size:18px; position:absolute; right:0; top:0;}

/*分享*/
.share_layer{ background:rgba(0,0,0,0.5); height:100%; width:100%; max-width:640px; position:fixed; top:0; z-index:200; display:none;}
.share_box{ background:#fff; position:fixed; bottom:0; width:100%; max-width:640px; display:none; z-index:200; padding:10px 0;}
.share_box a{ width:25%; text-align:center; display:block; float:left; margin:10px 0;}
.share_box span{ display:block;}
.share_box em{ display:inline-block; width:36px; height:36px; background:url(../images/icon_sharelist.png) no-repeat 0 0; background-size:216px 36px; margin-bottom:5px;}
.share_box em.share_weixin{ background-position:0 0;}
.share_box em.share_friends{ background-position:-36px 0;}
.share_box em.share_qq{ background-position:-72px 0;}
.share_box em.share_sina{ background-position:-108px 0;}
.share_box em.share_qzone{ background-position:-144px 0;}
.share_box em.share_link{ background-position:-180px 0;}

/*分页*/
.page{ text-align:center; color:#999; margin-top:20px; clear: both;}
.page span, .page a { height:30px; line-height:30px; padding:0 10px; display:inline-block; border-radius: 5px;}
.page span{ background:#eee; color:#999;}
.page a { background:#FF7A9A; color:#fff;}
.page em { margin: 0 10px; display: inline-block; }
.page strong { font-size: 16px; margin: 0 2px; color:#FF7A9A; }
.page small { font-size: 14px; margin: 0 2px; }

/*勋章*/
i.xz_icon{ width:20px; height:20px; display:inline-block;}
i.xz_icon img{ width:100%; height:auto;}