html, body{
    height: 100%;
    width:100%;
}
body{margin:0;font-family:"微软雅黑","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;overflow-x: hidden;color: #3a4049;height: 100%;background: #fff}
body.withHeader {
    padding-top: 85px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
    padding: 0;
    margin: 0;
}*,*:before,*:after {
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box
 }
.clear:before,.clear:after{
    content: " ";
    display: table;
}
input,select,textarea {
    outline: 0;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    display: inline-block;
    padding: 5px 6px 3px;
    font-size: 12px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    resize: none;
}
em {
    font-style:normal;
    font-weight:normal;
}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
ol,ul,li {
    list-style-type:none;
    padding:0;
    margin:0;
}
ol,ul,li {
    list-style-type:none;
}
a {
    text-decoration:none;
    outline:none;
    color: #333;
    text-shadow:none;
    resize: none;
}
a:hover {
    outline:none;
    text-shadow:none;
}
div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li,i {
    border-radius: 0 ;/*!important*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0 ;
    outline:0 none;
}
/* 底部浮层 */
.positionFooter {
    background: #f3f3f3;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 200;
    border-top: 1px solid #ddd
}
.positionFooter li {
    float: left;
    position: relative;
    text-align: center;
    width: 25%;
    color: #3096c6;
    padding: 5px 0
}
.positionFooter li a {
    color: #8e8e8e;
    padding-top: 30px;
    font-size: 12px;
    display: block
}
.positionFooter li a.a1 {
    background: url(../img/b1.png) no-repeat top center;
    background-size: 25px 25px
}
.positionFooter li a.a2 {
    background: url(../img/b2.png) no-repeat top center;
    background-size: 25px 25px
}
.positionFooter li a.a3 {
    background: url(../img/b3.png) no-repeat top center;
    background-size: 25px 25px
}
.positionFooter li a.a4 {
    background: url(../img/b4.png) no-repeat top center;
    background-size: 25px 25px
}
header{
    display: block;
    z-index: 999;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.top_bar{
    height: 44px;
    position: relative;
    background: rgba(255,50,50,.95);
}
.top_bar .abs_m {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 44px;
}
.top_menu_bar{background:rgba(255,255,255,0.95); border-bottom: 1px solid #f0f0f0; padding-top: 53px;}
.top_menu{overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; }
.top_menu::-webkit-scrollbar { display: none; }
.top_menu_list {
    white-space: nowrap;
}
.top_menu_list .btn.cur {
    color: #d00;
    font-size: 15px;
    background: #ddd;
    border-radius: 20px;
}
.top_menu_list .btn {
    white-space: nowrap;
    display: inline-block;
    padding: 0 10px;
    color: #333;
    width: 65px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 36px;
    height: 36px;

    border-radius: 20px;
}
.btn-login {
    display: inline-block;
    width: 48%;
    height: 40px;
    border-radius: 3px;
    background: #B9B9B9;
    text-decoration: none;
    line-height: 39px;
    text-align: center;
    font-size: 17px;
    color: rgb(255, 255, 255);
}
/*文章列表   图片左显示布局*/
.list_content{-webkit-user-select:none;position: relative;}
section{ border-top:1px solid #f0f0f0; position: relative; background-color: #fff}
.list_content section:last-child{ border-bottom: 1px solid #f0f0f0; }
section .article_link{ display:block; padding:10px 10px 10px 14px; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,.1); -webkit-touch-callout:none;}

section h3{ color:#464646; font-size:16px; font-weight:normal; margin: 0; padding:0px 0px 0px 90px; line-height: 1.6em; text-align: justify;}
.iphone section{ padding: 2px }
.iphone section .article_link,
.iphone section h3{ font-weight: bold;}
.item_info{ font-size: 11px; line-height: 11px; margin-top: 10px;padding:0px 0px 0px 90px; color: #999; position: relative; }
/*section.middle_mode .article_link{ padding-right: 110px;}*/
section.middle_mode h3{ min-height: 2.4em;}
section.middle_mode .list_img_holder{ overflow: hidden; position: absolute; left: 10px; top:50%; margin-top: -31px;border-radius: 5px;}

/*文章列表   图片右显示布局*/
/*

.list_content{-webkit-user-select:none;position: relative;}
section{ border-top:1px solid #f0f0f0; position: relative; background-color: #fff}
.list_content section:last-child{ border-bottom: 1px solid #f0f0f0; }
section .article_link{ display:block; padding:10px 10px 10px 14px; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,.1); -webkit-touch-callout:none;}

section h3{ color:#464646; font-size:17px; font-weight:normal; margin: 0; padding:0; line-height: 1.6em; text-align: justify;}
.iphone section{ padding: 2px }
.iphone section .article_link,
.iphone section h3{ font-weight: bold;}
.item_info{ font-size: 11px; line-height: 11px; margin-top: 10px; color: #999; position: relative; }
section.middle_mode .article_link{ padding-right: 110px;}
section.middle_mode h3{ min-height: 2.4em;}
section.middle_mode .list_img_holder{ overflow: hidden; position: absolute; right: 10px; top:50%; margin-top: -31px;border-radius: 5px;}
*/

/* 点赞 */
.icon_praise_gray{ background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto;display: inline-block;height: 13px;vertical-align: middle;width: 13px;}
.icon_praise_gray.active {
    background-position: 0 -19px;
}



/* 信息流大图,中图,小图 */
.list_img_holder{ background:url(data:image/gif;base64,R0lGODlh7AA5AIAAAOHh4f///yH5BAEAAAEALAAAAADsADkAAAL/jI+py+0Po5y02ouz3hv4D4YhR2YiWAbnmJrry3bwTNdeRFNwWbeYPeMAh0SAJHd8kYpMZbIZ+0GnUUcP59RQt8/tzeWdTq6PnTYMxaK/l3V6HISYpe6iHKjCt+t2XdyaZcHHVKZnYOg3iNi1Uti4pzgESIYgmXjS8genqTBXQQmJtLBYSTqJmcLJ+DgauOkZKlpq4wh6KpIJ+8ra6aqme2mbR3tHXIzKA7yK28rrE6t6aMpgWcuc7BuMPLstaHwryx1+PN7rLJP9LF7l/Z1A1FCtrXxAD82uvo4iRCpvLjyMzbtp0s6dSZcv4DV+xOCBS2fQn74PuRBO3LeMYio+/wkLdsP28aDBfyOpWaTjpaPHkAxZonQ50F5MmCLfdARYEx+YkiRp1juJro9KhTxf6jR6tBlQohjz2bxZLujClj4vNjVZNCchqNGkJm2XdeZJmUjFOI2qVSPIqmJpkv006OxbuJFwPkw695eiZ1291g2rtGTeu3Ga+Fh67+/UeToHB3bHFHLOhIrRkouI+LHdp0OXVHbcdnFkgbskY3XYmernr3wzewacmutq0bJpy2UbbzZQ0IRJD+W903ZG3UassWastnNfdcB/Ehe+8njpo885Vb9O0Dluvbaxf/QOfrfry9TDJ49uHjz5836vWiWuGXtsu+jZp7Vfv3r86/Mt5+wvvlZ35p2mnnKmWVURbIll9x98vx2I4Ebj0SUUZRP251+EAUq3IH29hZZcc2VtJ2JPHFJoGFjdeLLcYRDuB+BrCk63FXIx/gcifi5mCGOC2w03Ao/vmcheiev9qB10KCq5JCtC4kikby3exySBJx7pG5VNeQhllDc2yNyLxunmoy9CKoPmhb1dCaNiY3LR5pdeWtmYkUnayd+bZsUpp4ajCahmjlViGQmQNdKJlyselshgk3/RmKKeOsLC45S5cWljXJBWuGaWugxmqZdsEuqGipxJ6qmZM/5paqCdohFbrMAgGWuttt6Ka2wFAAA7) #efefef no-repeat center center; background-size:54px; width:90px; height:63px;}
.list_img_holder img{ border:none; display:block; width:100%; min-height:100%; -webkit-transition:opacity 300ms ease; -moz-transition:opacity ease .3s;  pointer-events: none}
.list_img_holder_large img{border:none; display:block; width:100%; pointer-events: none}
.list_img_holder_large_fix img{ position: absolute; }
.list_image ul{ display:block; margin: 0; padding:0; list-style-type: none; }
.list_image ul li{ display:inline-block; float:left; overflow:hidden; width:33.3%}
.list_image ul li .list_img_holder{ margin:0 auto}
.list_image ul li:first-child .list_img_holder{ float:left}
.list_image ul li:last-child .list_img_holder{ float:right}

/*@media screen and (min-width: 360px) {
    section h3{ font-size:19px;}
    section.middle_mode h3 {min-height: 54px;}
    .list_img_holder{width:106px; height:73px;}
    section.middle_mode .list_img_holder{ margin-top: -36px}
    !*section.middle_mode .article_link{ padding-right: 130px;}*!
}

@media screen and (min-width: 400px) {
    section h3{ font-size:21px;}
    section.middle_mode h3 {min-height: 58px;}
    .list_img_holder{width:114px; height:80px;}
    section.middle_mode .list_img_holder{ margin-top: -40px }
    !*section.middle_mode .article_link{ padding-right: 135px }*!
}

@media screen and (min-width: 700px) {
    section h3{ font-size:20px}
    .list_img_holder{width:203px; height:140px;}
    section.middle_mode .list_img_holder{ margin-top: -70px }
    !*section.middle_mode .article_link{ padding-right: 230px }*!
    section.middle_mode h3{ min-height: 120px}

    section .media_avatar img{ width: 96px; height: 96px;}
    section .media_info h3{ font-size: 22px;  margin-bottom: 10px;}
}*/
.item_info span{margin-right: 5px;opacity: .75}
#more-loading{ border-top:1px solid #f0f0f0;background-color: #fff}
#more-loading a{text-align:center;font-size: 16px;;display:block; padding:10px 10px 10px 14px; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,.1); -webkit-touch-callout:none;}
.nothing{text-align: center;padding:20px 10px;font-size: 20px;color:#999}
.nothing i{color:#bbb;opacity: .5}


.w {
    background-color: #FFFFFF;
    float: left;
    /*min-width: 320px;*/
    width: 100%;
    margin-top: 1%;
    /*margin-right: 1.5%;*/
    margin-bottom: 1%;
    margin-left: 1.3%;
}



.search_input {
    width: 85%;
    margin: 0px;
    padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 40px;
    float: left;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    outline: none;
    font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
    background-image: url(../images/iconfont-sousuo.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    width: 80%;
    border: 1px solid #ddd;
}
.search_submit {
    float: left;
    width: 18%;
    height: 44px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    outline: none;
    font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #66c6c2;
    -webkit-appearance:none;
}

body {
    line-height: 1.6;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* {
    margin: 0;
    padding: 0;
}

.weui_navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    background-color: #fafafa;
}
.weui_navbar:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #BCBAB6;
    color: #BCBAB6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.weui_navbar + .weui_tab_bd {
    padding-top: 50px;
    padding-bottom: 0;
}
.weui_navbar_item {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 13px 0;
    text-align: center;
    font-size: 15px;
    -webkit-tap-highlight-color: transparent;
}
.weui_navbar_item:active {
    background-color: #ededed;
}
.weui_navbar_item.weui_bar_item_on {
    background-color: #eaeaea;
}
.weui_navbar_item:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #cccccc;
    color: #cccccc;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}


/*//文章底部正在加载样式*/
#loader{
	bottom:62px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 200;
    display: none;
}
#loader img{
	width: 15px;
	height: 15px;
}
#shareit {
  -webkit-user-select: none;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1000;
}
#shareit img {
  max-width: 100%;
}
.arrow {
  position: absolute;
  right: 0%;
  top: 0%;
}