﻿@charset "utf-8";

body,p,ul,ol,li,dl,dt,dd,table,th,td,form{margin:0;padding:0}
body{color:#333;font-size:16px;font-family:"Microsoft YaHei",Tahoma,Arial,sans-serif;-webkit-text-size-adjust:none;word-break:break-all}
body{max-width:640px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0,font-size:100%;font-weight:normal}
ul li{list-style-type:none}
img{border:0;vertical-align:middle}
em,small{font-style:normal}
a{color:#222;text-decoration:none}
a:hover{color:#f50}
.mt2{margin-top:2%}.mb2{margin-bottom:2%}.mt1{margin-top:1%}.mb1{margin-bottom:1%}.pd1{padding:10px;}
.fl{float:left;}.fr{float:right;}
.c_1,.c_2,.c_3,.c_4,.c_5{clear:both;text-align:center;margin-left:auto;margin-right:auto;overflow:hidden}
.left{float:left;}.right{float:right;}.tc{text-align:center;}.tr{text-align:right;}
.bread{padding:5px 10px;font-size:12px;color:#333;max-width:640px}
.bread h1{font-size:13px; color:#333;}
.bread h2{font-size:13px; color:#333;}
.bread {font-size:13px; color:#333;}
.bread a{color:#333;}
.bread{background:#f2f2f2;}
/*-TOP-*/
.head_fixxx{height:43px;line-height:43px}
.topfix{max-width:640px;margin:0 auto;}
.topfixxx{position:fixed;top:0px;width:100%;}
.headbox{background-color:#ff6b9c;color:#fff}
.head{margin:0px 2%;height:42px;line-height:42px;text-align:center}
.head span{display:block;font-size:18px;font-weight:400;height:42px;overflow:hidden}
.head h1{display:block;font-size:18px;font-weight:400;height:42px;overflow:hidden}
.head a.logo{float:left;margin-top:9px;width:24px;height:24px;background:url(images/m_icon.png) no-repeat 0 -0px}
.head a.navbtn{float:right;margin-top:9px;width:24px;height:24px;background:url(images/m_icon.png) no-repeat 0 -24px}
.head a{display:block;color:#fff}

.swiper-container{position:relative;width:100%;height:160px;background-color:#2f2f2f; overflow:hidden;font-size:14px;}
.swiper-wrapper{width:100%;height:100%;}
.swiper-slide{position:relative;float:left;width:100%;height:100%; text-align:center;overflow:hidden;}
.swiper-slide img{display:block;width:100%;}
.swiper-slide p{position:absolute;left:0; bottom:0;width:98%;padding-left:2%;height:40px; line-height:30px; text-align:center;color:#fff; background:rgba(0,0,0,0.6);}
.pagination{position: absolute;left:0;bottom:2px;width:100%; text-align:center;z-index: 20;}
.swiper-pagination-switch{display: inline-block;width: 12px;height: 3px;background: #fff; margin-right: 6px; cursor: pointer;}
.swiper-active-switch{background:#c00;}

.titles{position:relative;height:40px;line-height:40px;font-size:18px;color: #ff6b9c; font-weight:bold;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;background:#f4f4f4;}
.titles:before{content:" ";float:left;display:block;width:3px;height:20px;margin-left:10px;background-color:#ff6b9c;margin-top:10px;margin-right:8px;}
.more{display:block;height:36px; line-height:36px; border:1px solid #ccc;color:#666; -webkit-border-radius:18px;-moz-border-radius:18px; border-radius:18px;background:#f3f3f3; text-align:center;}   

.tximg {clear:both;background:#fff;margin-left:auto;margin-right:auto;overflow:hidden}       
.tximg li{float:left;width:47%;margin-left:2%;margin-top:2%;margin-bottom:3px;}
.tximg li a{display:block;border:1px solid #eaeaea;border-radius:5px;cursor:pointer;text-decoration:none;overflow:hidden}
.tximg li img:hover{opacity:0.8}
.tximg img{display:block;width:94%;height:100%;padding:3%;overflow:hidden}
.tximg img.tu{height:120px}
.tximg h3{clear:both;font-size:13px;font-weight:400;color:#333;background:#f2f2f2;height:28px;line-height:28px;padding:0 3px;text-align:center;overflow:hidden}
.tximg p{clear:both;font-size:13px;font-weight:400;color:#333;background:#f2f2f2;height:28px;line-height:28px;padding:0 3px;text-align:center;overflow:hidden}

.tpimg {clear:both;background:#fff;margin-left:auto;margin-right:auto;overflow:hidden}       
.tpimg li{float:left;width:47%;margin-left:2%;margin-top:2%;margin-bottom:3px;}
.tpimg li a{display:block;border:1px solid #eaeaea;border-radius:5px;cursor:pointer;text-decoration:none;overflow:hidden}
.tpimg li img:hover{opacity:0.8}
.tpimg img{display:block;width:94%;height:130px;padding:3%;overflow:hidden}
.tpimg img.tu{height:120px}
.tpimg h3{clear:both;font-size:13px;font-weight:400;color:#333;background:#f2f2f2;height:28px;line-height:28px;padding:0 3px;text-align:center;overflow:hidden}
.tpimg p{clear:both;font-size:13px;font-weight:400;color:#333;background:#f2f2f2;height:28px;line-height:28px;padding:0 3px;text-align:center;overflow:hidden}

.title h1{line-height:23px;font-weight:bold;font-size:12pt;text-align:center;border-bottom:1px dashed #CCC;margin:0;padding:2px 5px 10px 5px;margin-bottom:5px;}
.articleTime{ line-height:16px; font-size:12px; color:#999; padding:5px 10px;}
.content{color:#555;font-size:14px;line-height:28px;overflow:hidden}
.content p{border-bottom:1px dotted #e7e7e7;text-transform:capitalize}
.content i{display:block;color:#ccc;font-size:14px;font-family:"Vani";line-height:16px;overflow:hidden}
.tx li{float:left;width:calc(50%);text-align:right}.tx li:nth-child(2n){text-align:left}.tx li{list-style-type:none}.tx img{width:200px;height:200px;margin:5% 3% 0;border-radius:15px}

.page {clear:both;font-size:12px;font-family:simsun,Arial;line-height:25px;margin-top:5px;text-align:center;display:block;zoom:1;padding:5px 0 1px 0}
.page a{vertical-align:middle;zoom:1;color:#999;background:#fff;border:#DDD 1px solid;margin:1px;padding:5px 6px;}
.page a.current{background-color:#ff6b9c;color:#fff;border:1px solid #ff4a72;}
.page span{background-color:#ff6b9c;color:#fff;border:1px solid #ff4a72;}
.page a:hover{background-color:#ff6b9c;color:#fff;border:1px solid #ff4a72;}

.pageturn{clear:both;width:200px;margin-top:8px;margin-bottom:15px;margin-left:auto;margin-right:auto;overflow:hidden}
.pageturn img{display:block;width:90px;height:34px;}
.pageturn .pre{float:left;}.pageturn .next{float:right;}

.paget {clear:both;margin:3%;display:block;overflow:hidden}
.paget img{display:block;width:90px;height:35px;}
.paget a{background: #f8f8f8;border:1px solid #e8e8e8;text-align:center;color:#666;display:inline-block;padding:10px 0px;width:48%;}
.paget a:hover{background:#fff; border:1px solid #e8e8e8; }

.tagkey{font-size: .8em;padding: 0 5px 0 15px;color:#999999;margin-bottom:2%}
.tagkey a {color:#ff6b9c;display: inline-block;height: 24px;line-height: 24px;padding: 0 3px;}
.linef{margin: 0 1px;border-top: 1px dotted #ccc;padding: 1px 0;height: 8px;margin-right: 15px;margin-left: 15px;}

.feedbeet{overflow: hidden; padding:0 5px 0 15px;zoom:1;}
.feedbeet .tags{font-size: .8em;color:#999999;}
.feedbeet .tags{ float:left; display:inline-block;}
.feedbeet .tags a {color:#999999;display: inline-block;height: 24px;line-height: 24px;padding: 0 3px;}
.feedbeet .mark_dc{overflow:hidden;display:block;zoom:1; float:right;}
.feedbeet .mark_dc a{color:#8F8F8F;display:inline-block;font-size:12px;height:21px;line-height:21px;padding-left:25px;width:40px;}
.feedbeet .mark_dc a:hover,.feedbeet .tags a:hover{color:#F84474;text-decoration:none;}

.likebox-1{background:url("images/like-ico-on.gif") no-repeat scroll left center;}
.likebox-1:hover{background:url("images/like-ico.gif") no-repeat scroll left center;}
.likebox-2{background:url("images/bad-ico.gif") no-repeat scroll left center;}
.likebox-2:hover{background:url("images/bad-ico-on.gif") no-repeat scroll left center;}
.act-msg{position:absolute;background:#666;height:30px;line-height:30px;padding:0 10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;z-index:99999;}
.act-msg-olike{background:url("images/vote-olike.png") no-repeat left top;width:104px;height:64px;}
.act-msg-olike{#background:none;#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vote-olike.png");}
.act-msg-like{background:url("images/vote-like.png") no-repeat left top;width:80px;height:49px;}
.act-msg-like{#background:none;#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vote-like.png");}
.act-msg-drop{background:url("images/vote-drop.png") no-repeat left top;width:80px;height:49px;}
.act-msg-drop{#background:none;#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vote-drop.png");}
.act-msg-ofav{background:url("images/vote-ofav.png") no-repeat left top;width:104px;height:64px;}
.act-msg-ofav{#background:none;#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vote-ofav.png");}
.act-msg-fav{background:url("images/vote-fav.png") no-repeat left top;width:104px;height:64px;}
.act-msg-fav{#background:none;#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/vote-fav.png");}

.fibox{margin-right:-0px}
.fibox li{float:left;position:relative;width:50%;text-align:center;text-transform:uppercase;display:block;overflow:hidden}
.fibox li img{display:block;width:94%;height:150px;margin-left:3%;margin-right:3%}
.fibox li a{border-bottom:solid 1px #EFEFEF;border-right:solid 1px #EFEFEF;display:block;padding:5px 0px}
.fibox li .t_b{width:93.6%;height:27px;position:absolute;z-index:8;bottom:6px;background-color:#000;opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.5;margin-left:3%;margin-right:3%;overflow:hidden}
.fibox li span{display:block;width:93.6%;font-size:14px;position:absolute;z-index:9;bottom:6px;height:27px;line-height:27px;text-align:center;color:#fff;cursor:pointer;margin-left:3%;margin-right:3%;overflow:hidden}

.rel h3{background-color:#fafafa;border-bottom:1px solid #eaeaea;color:#333;font-size:16px;font-weight:700;height:40px;line-height:40px;position:relative;text-align:left;text-indent:2%}
.rel ul{width:100%;padding-bottom:2%}
.rel li{float:left;border-bottom:1px dotted #dadada;height:40px;line-height:40px;width:47%;padding:0 1% 0 2%;position:relative}
.rel li:last-of-type:nth-of-type(2n+1){width:100%}
.rel li:nth-of-type(2n+1):not(:last-of-type):after{background-color:#E0E0E0;content:'';height:19px;position:absolute;right:0;top:13px;width:1px}
.rel li a{display:block;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.rel li a:hover{color:#F84474}

.pagelist{clear:both;display:table;font-size:14px;height:40px;line-height:40px;text-align:center;width:100%;margin-top:2%;margin-bottom:2%;overflow:hidden}
.pagelist .prev-btn{float:left;width:31%;display:block;color:#fff!important;display:table-cell;padding:0 2% 0 2%;overflow:hidden}
.pagelist .num{float:left;background:#fff;width:30%;text-align:center;overflow:hidden}
.pagelist .num .pager_select{background:#fbfbfb;border:1px solid #ccc;display:block;font-size:14px;height:42px;padding:0;vertical-align:middle;width:100%;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.pagelist .num .pager_select:hover{background:#f7f7f7;border:1px solid #ff4a72}
.pagelist .num .pager_select option{font-size:14px;margin-top:5px;text-align:center;overflow:hidden}
.pagelist .next-btn{float:right;width:31%;color:#fff!important;display:table-cell;padding:0 2% 0 2%}
.pagelist .next-btn a,.pagelist .prev-btn a{background-color:#ff6b9c;border:1px solid #ff6b9c;color:#FFF!important;display:block;font-size:14px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.pagelist .next-btn a:hover,.pagelist .prev-btn a:hover{background-color:#ed3577;border:1px solid #ff4a72;color:#fff!important}
.pagelist .next-btn a{color:#fff!important}

.mfoot{clear:both;color:#fff;padding:35px 2% 35px 2%;background:#FC6B96;border-top:0px solid #e5e5e5;font-size:16px;height:20px;line-height:20px;overflow:hidden;text-align:center;}
.mfoot a{color:#fff;display:block;}

.tag{ background-color:#fff; overflow:hidden;zoom:1; padding-top:0px;text-align:center;width:100%;margin-top:10px;}
.tag{ text-align:center; padding:0px color:#ff6f9e; font-size:12px;}
.tag li{ width:24.8%; height:30px; border:5px solid #fff; float:left;-webkit-box-sizing: border-box;border-width: 0 10px 4px;text-align:center;overflow:hidden; white-space:nowrap; overflow:hidden;}
.tag li a{ display:block; width:100%; color:#6d6d6d; background:#f3f3f3; border-radius:10px; line-height:20px;}
.tag li a:hover{ display:block; width:100%; color:#fff; background:#ff97b9; border-radius:10px; line-height:20px;}
.tag li.active a{ display:block; width:100%; color:#fff; background:#ff97b9; border-radius:10px; line-height:20px;}

.tag2{width:100%;overflow:hidden;border-top:1px solid #e5e5e5; padding-top:4%;}
.tag-bd li{float:left;display: inline; width:20%;margin-left: 4%; margin-bottom: 4%;}
.tag-bd li a{height: 25px;line-height: 26px;border: 1px solid #e5e5e5;border-bottom-width: 2px;display: block;overflow: hidden;text-align:center;font-size: 16px;padding: 0 2%;}
.tag-bd li.color a{border: 1px solid #0a904b;border-bottom-width: 2px;background:#0a904b; color:#FFFFFF}


@media only screen and (max-width:640px){.tx img{width:160px;height:160px}
}
@media only screen and (max-width:320px){.tx img{width:140px;height:140px}
}