html, body, div, ul, ol, li, p, form, input, button, textarea,article, a{margin:0;padding:0;}
header, footer, section, article {display: block;}
body, button, input, textarea {font: normal 100% Helvetica Neue, Arial, sans-serif; font-size:16px;}
html, body, img {border:0;}
body{background-color:#f6f6f6}
li {list-style: none;}
a{color: #333333;}
a:hover{color:#f00056;}
a, a:hover {text-decoration: none;}
.db {max-width:768px;margin: 0 auto;min-width: 320px;height:auto; display:block; overflow:hidden; margin-bottom:10px;}
.dc {width:100%;height:auto; display:block; overflow:hidden;}
.db img{display:block;}
.category{color:#aaaaaa;}

.top{position:relative;height:35px;width: 100%;overflow: hidden;margin:0 auto; background:#FFFFFF; border-bottom:solid 1px #e9e7ef; margin-bottom:10px;}
.top .logo{float:left}
.top .prev{background:url(images/arrow_11.gif) no-repeat 10px 14px;display:inline-block; font-size:14px; line-height:36px;color:#aaaaaa; padding-left:20px; padding-right:20px;}
.wrapper {position:relative;height:40px;max-width: 768px;margin: 0 auto;min-width: 320px;overflow: hidden; margin-bottom:10px; background:#f00056;}
.wrapper .scroller {position:absolute;}
.wrapper .scroller li {height:40px;float: left;line-height:40px;text-align: center;}
.wrapper .scroller li a{color:#e9e7ef;display:block;margin:0 8px;padding:0 2px}
.wrapper .scroller li.cur a{color:#ffffff;height:37px;border-bottom:3px solid #eeeeee;}

.topv{position:fixed;height:42px; line-height:42px;width: 100%;overflow: hidden;margin:0 auto; background:#414141; margin-bottom:10px;z-index: 2;}
.topv .prev{background:url(images/arrow_11.gif) no-repeat 10px 14px;display:inline-block; font-size:14px; line-height:36px;color:#bfbfbf; padding-left:20px; margin-top:3px; position:fixed; }
.topv .tits{color:#f7f7f7;width:100%;font-size:14px; text-align:center;display:inline-block; }

.nav {opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 100ms;transition-duration: 100ms;}
.nav_acti .nav {opacity: 1;z-index: 3;background-color:#414141; border-top:solid 1px #717171;}
.nav_list {margin: 0;padding: 10px 20px}
.nav_list li{width: 100%;display: inline-block; height:36px; line-height:36px;}
.nav_list li a{margin:5px 0;line-height:21px; white-space:nowrap; display:inline-block;text-align:left; color:#ffffff;}
.nav_trig {display: block;position: fixed;width:24px;height: 20px;right: 10px;top: 6px;z-index: 2;}
.tels {display: block;position: fixed;width:24px;height: 20px;right: 40px;top: 12px;z-index: 2;}
.telsi {display: block;position: fixed;width:24px;height: 20px;left: 20px;top: 12px;z-index: 2;}
.nav_acti .nav_trig {opacity: 0.5;}
.nav_icon {display: inline-block;position: relative;width: 20px;height: 3px;background-color: #bfbfbf;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 100ms;transition-duration: 100ms;}
.nav_icon:before,
.nav_icon:after {content: '';display: block;width: 20px;height: 3px;position: absolute;background: #bfbfbf;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 100ms;transition-duration: 100ms;}
.nav_icon:before {margin-top: -6px;}
.nav_icon:after {margin-top: 6px;}

.menu .nav {-webkit-transform: translateX(+100%);transform: translateX(+100%);width:40%; position:fixed; margin-top:42px; right:0;}
.menu .nav_acti .nav {-webkit-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;-webkit-transform: translateX(0);transform: translateX(0);}
.menu .nav_acti .nav_icon {background: rgba(0, 0, 0, 0);}
.menu .nav_acti .nav_icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu .nav_acti .nav_icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mask {background-color: #333333; width:100%; height:100%;opacity:0.4; -moz-opacity:0.6;position:fixed;z-index:1;}

.g-mn {max-width: 768px;margin: 0 auto;min-width: 320px; padding-top:40px;}
.m-box {margin-bottom:10px;padding-left:10px;padding-right:10px;padding-bottom:10px; background:#FFFFFF; position:relative;}
.m-box-hd {padding: 4px 0;position: relative;z-index: 0;border-bottom: 1px dashed #ececec; padding-top:8px;}
.m-box-hd .tt {font-weight:bold; line-height:26px;}
.m-box-hd .more {position:absolute; top:10px; right:0;}
.m-box-hd .more a{font-size:12px;color:#aaaaaa;}
#list_mark{background:#f6f6f6; width:100%; display:inline-block;}
#list_mark span{width:50%; display:inline-block; text-align:center; line-height:32px; color:#666666;}
#list_mark .emon{background:#ffffff; color:#000000;}

.focus{margin:auto 0; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:0px;}
.focus .hd ul .on{ background:#FF4000;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.m-article-list{padding: 4px 0px;}
.m-article-list li {color: #aaaaaa; position:relative;z-index: 0;line-height: 2;padding: 3px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; border-bottom:solid 0.5px #dddddd}
.m-article-list li.has-cover {margin-top:8px;padding-left: 132px;min-height: 85px;white-space: normal;padding-bottom:8px;}
.m-article-list li.has-cover .title {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:-4px;}
.m-article-list li .cover {position: absolute;left: 0;top: 6px;width: 120px;height: 80px;}
.m-article-list li .desc {display: block;font-size: 14px;line-height: 1.4;max-height: 50px;}

.arlist{ margin-bottom:5px; margin-top:15px; width:49%; display:inline-block;}
.arlist .title{display: block;width:100%; line-height:26px; text-align:center;}
.arlist .title a{ width:100%;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.arlist .pic img{display: block; width:100%;margin-bottom:5px;}
.arlist .text{display: block;margin-top:5px;margin-bottom:5px;}
.arlist .text a{font-size: 14px;line-height: 1.5;color:#aaaaaa}

.sclist{ margin-bottom:10px; margin-top:10px; padding-bottom:10px; padding-top:10px; border-bottom: 1px dashed #ececec;}
.sclist .title{display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height:26px;}
.sclist .text{display: block;margin-top:5px;margin-bottom:5px;}
.sclist .text a{font-size: 14px;line-height: 1.5;color:#aaaaaa}

.pager{margin-bottom:10px;padding-left:10px;padding-right:10px;background:#ffffff;font-size: 14px;color:#aaaaaa}
.pager li{width:33.3%;display: inline-block;text-align:center;height:36px; line-height:36px;}
.pager li:first-child a{background:url(images/arrow_14.gif) no-repeat 0 12px;display:inline-block; width:80%; height:36px;color:#999999}
.pager li:last-child a{background:url(images/arrow_15.gif) no-repeat right 12px;display:inline-block; width:80%; height:36px; color:#414141;}

.article-title {font-size: 18px;padding-top:15px;padding-bottom: 10px;width: 100%; }
.article-meta {font-size: 12px;color: #666666;border-bottom: 1px dashed #414141; line-height:1.5; padding-bottom:10px;}
.vlm{position:absolute; left:10px;}
.vlm a{color:#5a8ea1;}.rlm{position:absolute; right:10px;}
.article-content {line-height: 2; color:#383838;padding-top:15px;}
.article-content a{color:#383838}
.article-content img {width: 100%;height: auto; vertical-align:middle;}
.article-content p {max-width: 100%;line-height: 2;}
.article-content .post_tags {font-size: 14px; color:#666666;padding:4; line-height:2.5;}


.btn {font-size:14px;text-align: center; border:none;display: inline-block; border-radius: 3px; line-height:32px; height:32px; width:100%;}
.primary {background-color: #414141; color: #ffffff;}
.danger {background-color: #FF6666; color: #ffffff;}
.warning {background-color: #FFB400; color: #ffffff;}
.disabled {background-color: #CCCCCC; color: #F0F0F0;}
.hollow {background-color: #FFFFCC; color: #FF3366;}


.smnav{padding-top:7px; padding-bottom:3px; background:#f0f0f0; }
.smnav a{margin:5px; padding:3px; color:#999999;display:inline-block;}
.smnav .cur{color:#000000; font-weight:bold;}

.g-ft {padding: 10px; height:32px;margin-top: 5px;position: relative; background:#eeeeee}
.g-ft .fl{font-size:12px; color:#aaaaaa; text-align:center;}

.footdh{width:100%; border-top:solid 1px #f1f1f1; background-color:#FFFFFF;position:fixed; left:0; bottom:0; z-index:5}
.footdh span{width:50%; line-height:42px; height:42px;display: inline-block; text-align:center;}
.footdh .goumai{background-color:#FF0033;  }
.footdh .goumai a{color:#FFFFFF;}