﻿body {font-size:12px;margin:0px;padding:0px;/* color:#666; */background: #f6f6f6;}

html,body { min-height:100%;} 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:16px/26px 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif';color:#333;}

input{box-sizing:border-box}
p { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6{padding:0px;margin:0}
ul,li{list-style:none;margin:0px;padding:0px;}
a{text-decoration:none;color: #2d374b;-webkit-tap-highlight-color:none;}
a:link {/* color: #000000; */text-decoration: none;}
a:visited {/* color: #000000; */text-decoration: none;}
a:hover{color: #000000;text-decoration:none}
a:active{color: #000000;text-decoration:none}
.ads {height: auto;overflow: hidden;background-color: #fff;border:0px;margin-bottom: 10px;}
.adst{width:100%;margin:0 auto;margin-bottom: 10px;background: #f2f2f2;}
.adst img {border-radius: 10px;width:100%;}
.ad {text-align: center;margin-bottom:2px;width:98%;margin:0 auto;background: #fff;height: auto;}
.greenFont{color:green}
.redFont{color:#f1564e}
.orangeFont { color:orange; }
.wrap {width:auto;float:none;height:auto;overflow:hidden;}
.fff{background:#fff;}
.box {border-top:1px solid #eee;background:#fff;width:auto }
.water{color:#ddd}
.loading { border: 2px solid #65AF32; width: auto; padding: 10px 20px; background: #fff; color: #232329;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-25px }

/*分类信息、房产幻灯*/
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;/* height:100%; *//* position:relative; */}
.swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.infoPicSide{width:100%; overflow:hidden; position:relative; height:0px; padding-bottom:70%; text-align:center;}
.infoPicSide .swiper-slide {background-position:center; background-size:cover; padding-bottom:70%;}
.infoPicSide .swiper-slide img{display:none;}
.infoPicSide .pagination{color:#FFFFFF; background-color:#000000; width:80px; height:30px; width:80px; position:absolute; top:10px; left:auto; right:10px; font-size:16px; height:30px; line-height:30px; border-radius:20px; opacity:.7; z-index:10; float:right;}


/*可删了*/
#headers {height: 40px;width:100%;top:0px;z-index:1000;padding-right:40px;box-sizing:border-box;position:relative;}
#headers .top-bar{width:100%;height: 40px;background: #f1564e;}
#headers .top-bar{animation-duration:0.4s;-webkit-animation-duration:0.4s; position: fixed; top: 0; left: 0; font-size:12px;/* border-bottom:1px solid #f0efed; */-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,0.05); box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.05);z-index:99}

#headers a { display: block; }
#headers .back { width: 40px;line-height:44px; height:44px;float:left;color:#fff;font-size:24px;text-align:center}
#headers em { display: none; }
#headers .title{text-align:center;font-size:16px;color:#fff;padding:0 10px 0 10px;line-height:40px;box-sizing:border-box;overflow:hidden;line-height: 40px;height: 40px;left: -40px;}
#headers .title a{color:#fff;}
#headers .left-nav { overflow: hidden; width:100%}
#headers .left-nav p { width: 1000px; }
#headers .right-nav {padding:0px 0px 0 0;position:absolute;top:0px;right:0px;line-height: 40px;height: 40px;}
#headers .icon {width: 40px;color: #fff;float: left;text-align: center;font-size:12px;line-height: 40px;height: 40px;}
#headers .icon i { display: block; width:30px;margin:0 auto;background-size:115px auto;font-size:20px }
#headers .right-nav .me-icon i {}
#headers .right-nav .logined i { color:#caff9b}
#headers .right-nav .search-icon i { }
#headers #t_users { position: relative; }
#headers #t_users a {animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s; position: absolute; bottom: 10px; right: 2px; background: #fff; width: 12px; height: 12px;line-height:12px;text-align:center; overflow: hidden; border-radius: 50%;color:#e33737 }
#headers .logined{color:#fee596;}
#headers .logined:after{position:absolute;content:" ";width:6px;height:6px;font-size:1px;background:#66dc1e;right:9px;bottom:12px;border-radius:50%}
#headers{padding:0 40px;}
#headers .fl{position:absolute;left:0px;top:0}

#drop-menu{position:absolute; top:50px; right:2px; width:90%; z-index:9999;height:100px;display:none;-webkit-animation-duration:0.5s;animation-duration:0.5s;line-height:16px }
#drop-menu.show-drop { display:block}
#drop-menu p { width: 100%;  background:rgba(255,255,255,0.85);border-radius:2px;height:auto;overflow:hidden;padding:5px 0 10px 0}
#drop-menu span{border-width:0 6px 7px;border-color:transparent transparent #fff;border-style:solid;width:0;height:0;line-height:0; position:absolute; right:18px; top:-7px;opacity:0.85;-moz-opacity:0.85}
#drop-menu i { width: 42px; height: 42px; line-height: 42px; margin: 0 auto 5px auto; display: block; font-size:28px;color:#fff;border-radius:50%;text-align:center;border-radius:14px }
#drop-menu a { display: block; width: 25%; text-align: center; float: left; height:70px; color: #666;font-size:12px;padding-top:10px }
/*可删了*/

.top-nav{position: relative;width: auto;overflow: auto;background:#000;padding:5px 10px;line-height:28px;}
.top-nav a{color:#fff;font-size:14px;margin-right:6px;font-weight:normal;padding:4px 5px 3px 5px;height:20px;line-height:20px}
.top-nav .cur{background:#f1564e;color:#000;border-radius:4px}
.top-nav2{background:#ddd;padding:5px 10px;line-height:28px}
.top-nav2 a{color:#333;font-size:12px;padding:3px 8px;font-weight:normal;}
.top-nav2 .cur { background:#f1564e;color:#fff;border-radius:4px}

.top-nav2 { height: 45px;line-height:48px; width: 100%;padding:8px;border-bottom:1px solid #e5e5e5;overflow:hidden;line-height:2.0em;box-sizing:border-box;position:relative;background:#fff}
.top-nav2 a { display: block; float: left;font-size:16px ;width:auto;color:#2d2d2d;/* width:20%; */text-align:center;float:left}
.top-nav2 a.on { color: #f1564e; }
.top-nav2 .mmore { position: absolute; /* bottom: 8px; */ right: 0px; background:#fff;}
.top-nav2 .mmore i {transform:rotate(-90deg);display:inline-block;-webkit-transform:rotate(-90deg); }
.top-nav2.expand { height: auto; }
.top-nav2.expand .mmore i {transform:rotate(90deg);-webkit-transform:rotate(90deg);}



#content{position:relative;width:auto;overflow:auto;min-height:300px}

#content .recomm {  margin-bottom: 10px; margin-top:8px }
#content .recomm li {height:40px;line-height:40px;border-bottom:1px solid #ececec;overflow:hidden;padding:0 15px;font-size:15px }
#content .recomm li:last-child { border: 0px; }
#content .h3 { background: #f9f9f9; border-top: 2px solid #ec6c53;padding:0 15px;margin-bottom:5px;color:#ec6c53 }
#content .h3 { position: relative;font-size: 16px; height: 40px; line-height: 40px; font-weight:normal; }
#content .ad_b{padding-top:10px;}
#content .ad_b img{border-radius: 0px;}
.comment{margin-bottom:10px;}
.comment ul { padding: 0 10px; }
.comment li { position: relative; padding: 10px 0 10px 50px; height:auto;overflow:hidden;border-bottom:1px solid #f0f0f0}
.comment li:last-child { border: 0px; }
.comment img { position: absolute; left: 0px; top: 10px; width: 40px; height: 40px;border-radius:20px }
.comment li h3 { font-size: 12px;color:#333;height:22px }
.comment li h3 a{ color:#f1564e }
.comment .time { float: right; font-size: 12px; font-weight: normal;color:#999 }
.comment .c-b { color: #666; padding: 2px 0;line-height:1.8em;font-size:14px}

.mask { position: absolute; background: #000; height: auto; overflow: hidden; top: 0px; left: 0px; z-index: 1000; }
.mask-info { position:fixed;top:20%; color: #f1564e; font-size: 14px; text-align: center;  z-index: 1001; }
.mask-info2 span { display: inline-block; }
.mask-info span {  padding: 10px 20px;background:#ffddc5;opacity:0.8 }




/* 分页*/
#page{PADDING: 3px;  TEXT-ALIGN: center;width:auto;margin:20px 0;height:24px}
#page a,#page span {BORDER: #ddd 1px solid; padding:2px 8px;  COLOR: #aaa; margin:0 5px 5px 0; TEXT-DECORATION: none;display:inline-block}
#page a:hover {BORDER: #a0a0a0 1px solid;  }
#page a:active {BORDER: #a0a0a0 1px solid; }
#page span.current {FONT-WEIGHT: bold;  COLOR: #aaa; border:0px}
#page span.disabled {BORDER: #f3f3f3 1px solid;  COLOR: #ccc;}


#footer{font-size:12px;/* border-top:1px solid #e6e6e6; */width:auto;/* height:30px; */margin-bottom: 60px;text-align:center;color:#666666;padding:10px 0;line-height:2.0em;}
#footer i{font-style:normal;color:#cccccc;}
#footer a{color:#666666;margin:0 10px}
#footer span{color:#aaaaaa;}
#footer img{vertical-align:-5px;margin-left:5px;}
#footer .gaba{margin:0px;}

/* 底部菜单*/
.footer_menu ul li i {background:url(../images/job_sprites-min.png) no-repeat 0 0/404px auto}
.footer_menu{height:50px;position:fixed;left:0;bottom:0;width:100%;box-shadow:0 -5px 10px 0 rgba(137,148,143,.1);padding-top:4px;background-color:#fff;z-index:3}
.footer_menu ul li{float:left;width:20%;text-align:center; position:relative;}
.footer_menu ul li a{font-size:12px;color:#b2b2b2;display:block;line-height:18px;padding-top:3px;}
.footer_menu ul li i{display:block;margin:0 auto;width:23px;height:23px;}
.footer_menu ul li .i1{background-position:-354px -5px}
.footer_menu ul li .i2{background-position:-354px -104px}
.footer_menu ul li .i3{background: url(../images/menu_icon0.png) no-repeat;background-size: 32px auto;width:50px;height:50px;border-radius:25px;margin-top:-24px;background-position: center;background-color:#f1564e;}
.footer_menu ul li.hh{position:relative;top:-10px;z-index:3}
.footer_menu ul li .i4{background-position:-214px -280px}
.footer_menu ul li .i5{background: url(../images/menu_icon4.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i6{background-position:-237px -342px}
.footer_menu ul li.on .i1{    background: url(../images/menu_icon1.png) no-repeat 0 0 /23px auto;background-position:0px -24px}
.footer_menu ul li.on .i2{background-position:-354px -71px}
.footer_menu ul li.on .i4{background-position:-247px -280px}
.footer_menu ul li.on .i5{background-position:-280px -280px}
.footer_menu ul li.on .i6{background-position:-203px -342px}

.footer_menu ul li .i_map{background: url(../images/menu_icon7.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i_zhongjie{background: url(../images/menu_icon8.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i_tiezi{background: url(../images/menu_icon2.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i_dongtai{background: url(../images/menu_icon3.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i_zhuanti{background: url(../images/menu_icon6.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li .i_video{background: url(../images/menu_icon9.png) no-repeat 0 0 /23px auto;}
.footer_menu ul li.on .i_video{background-position:0 -23px;}
.footer_menu ul li.on .i_zhuanti{background-position:0 -23px;}
 .fatie3 {width:46px;height:46px;border-radius:23px;margin-top:-24px;background-color:#5cc55c;}
 .fatie3{background:url(../images/o_icons_2.png) no-repeat;background-size:150px auto;}
.footer_menu ul li em{position: absolute;background-color: #ff5e4d;color: #fff;font-size: .25rem;min-width: .38rem;height: .38rem;border-radius: .18rem;line-height: .33rem;left: .8rem;padding-left: .04rem;padding-right: .04rem;box-sizing: border-box;top: -.10rem;border: solid .03rem #fff;}

  /* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes new {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes new {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes new {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes new {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* 定义blink类*/
.footer_menu ul li em{
    animation: blink .95s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .99s linear infinite;
    -moz-animation: blink .99s linear infinite;
    -ms-animation: blink .99s linear infinite;
    -o-animation: blink .99s linear infinite;
    color: #fff;
}
.footer_menu ul li  .fatie3 {background-position:-38px -1311px;}


/* 底部菜单 可删*/
#b-menu {animation-duration:0.4s;-webkit-animation-duration:0.4s;position: fixed;bottom: 0;left: 0;height: 48px;background:#fff;width:100%;font-size:12px;border-top:1px solid #f0efed;-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,0.05);box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.05);z-index:2;}
#b-menu a {display: inline-block;float: left;text-align: center;color:#727272;position:relative;line-height: 20px;}
#b-menu i {  height: 28px; line-height: 30px;  display: block; font-size:20px;text-align:center;color:#c7c7c7;clear:both;width:30px;margin:0 auto;}
#b-menu .sel i { background: #f1564e;color:#fff;border-radius:50% ;position:absolute;top:-13px;left:50%;margin-left:-21px;width:38px;height:38px;line-height:38px;border:2px solid #fff}
#b-menu .sel{color: #f1564e;padding-top:28px}
@font-face {font-family: 'iconfont_tt';
  src: url('/images/tt/font_k6tl6ss2015ah5mi.eot');
  src: url('/images/tt/font_k6tl6ss2015ah5mi.eot?#iefix') format('embedded-opentype'),
  url('/images/tt/font_k6tl6ss2015ah5mi.woff') format('woff'),
  url('/images/tt/font_k6tl6ss2015ah5mi.ttf') format('truetype'),
  url('/images/tt/font_k6tl6ss2015ah5mi.svg#iconfont') format('svg');
}
.iconfont_tt{
    font-family:"iconfont_tt" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }

@font-face {font-family: 'sysiconfont_tt';
  src: url('/images/tt/font_f1lhya9ajt0rudi.eot');
  src: url('/images/tt/font_f1lhya9ajt0rudi.eot?#iefix') format('embedded-opentype'),
  url('/images/tt/font_f1lhya9ajt0rudi.woff') format('woff'),
  url('/images/tt/font_f1lhya9ajt0rudi.ttf') format('truetype'),
  url('/images/tt/font_f1lhya9ajt0rudi.svg#sysiconfont') format('svg');
}
.sysiconfont_tt{
    font-family:"sysiconfont_tt" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
        

@font-face {font-family: 'iconfont';
    src: url('/images/iconfont/iconfont.eot'); /* IE9*/
    src: url('/images/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/images/iconfont/iconfont.woff?v=6') format('woff'), /* chrome、firefox */
    url('/images/iconfont/iconfont.ttf?v=6') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/images/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
@font-face {font-family: 'sysiconfont';
    src: url('/images/sysiconfont/iconfont.eot?v=6'); /* IE9*/
    src: url('/images/sysiconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/images/sysiconfont/iconfont.woff?v=6') format('woff'), /* chrome、firefox */
    url('/images/sysiconfont/iconfont.ttf?v=6') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/images/sysiconfont/iconfont.svg#sysiconfont') format('svg'); /* iOS 4.1- */
}
.sysiconfont{
    font-family:"sysiconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*可删*/
#indexnew .artList {/* padding:0px 10px; */}
#indexnew .artList dt {float:left;width:80px;position:absolute;left:0px;top:2px;height:60px;overflow:hidden}
#indexnew .artList dt img { width: 100%; height:100%}
#indexnew .artList dd {float:left;margin-left:0px;}
#indexnew .artList dd { float: left; width: 100%; }
#indexnew .artList dl {height:auto;overflow:hidden; position:relative; min-height:60px}
#indexnew .artList dl.artImg {padding-left:86px;margin-top:8px;margin-bottom:8px}
#indexnew .artList  a { display: block;padding:0;  box-sizing: border-box;width:100%;overflow:hidden;border-bottom:1px solid #f7f7f7;line-height:1.5em;font-size:12px;}
#indexnew .artList h4{color:#2f2f2f;font-size: 14px;min-height:31px;max-height:31px; margin-bottom: 0px;font-weight:normal;height:auto;overflow:hidden;margin-top: 3px;line-height: 1.2em;padding-left:0px;background-color: transparent;}
#indexnew .artList .tags span{font-size:13px;color:#fe8e85;border:1px solid #fe8e85;border-radius:2px;padding:0px 4px;margin-right:3px;height:19px;line-height:17px;display:inline-block;box-sizing:border-box}
#indexnew .artList .tags span:nth-child(2n){color:#ffb11b;border-color:#ffb11b}
#indexnew .artList .tags span:nth-child(3n){color:#95e0fe;border-color:#95e0fe} 
#indexnew .artList .tags span:nth-child(4n){color:#ffc9eb;border-color:#ffc9eb} 
#indexnew .artList .tags span:nth-child(4n){color:#b4c7ff;border-color:#b4c7ff}
#indexnew .artList .tags{color:#a6a6a6;float:left}
#indexnew .artList  p {float: right;color:#b8bac0; margin-top:5px;}
#indexnew .artList p em { float: right; }
#indexnew .artList .top:after{content:"头条";font-size:12px;background:#f1564e;color:#fff;padding:1px;position:absolute;width:60px;text-align:center;-webkit-transform:rotateZ(-45deg);left:-17px;top:5px;display:inline-block;height:16px;line-height:16px}
#indexnew .artList a:last-child { /* border-bottom: 0px; */ }
em,i { font-style: normal; }
/*可删*/


.cbox { background: rgba(250,252,255,0.95); width: 100%; height: 50px;padding:10px; border-top: 1px solid #e5e5e5; position: fixed; bottom: 0px; left: 0px;box-sizing:border-box;animation-duration:0.4s;-webkit-animation-duration:0.4s; }
.cbox .input { border: 1px solid #e5e5e5;width:60%;height:30px ;line-height:30px; float:left;padding:0 5px;box-sizing:border-box;font-size:12px;color:#999}
.cbox a { display: inline-block; width: 20%; text-align: center; float: right;height:30px;line-height:30px;color:#fa9979 }
.cbox a em { font-size: 12px;vertical-align:middle;font-style: normal; }
.cbox .frist_p{display: inline-block; float: left; text-align: center; color:#727272;position:relative}
.cbox .frist_p i {  height: 12px; line-height: 15px;  display: block; font-size:20px;text-align:center;color:#c7c7c7;clear:both;width:30px;margin:0 auto;}

.actionSheet_wrap { width: 100%; }
.actionSheet_wrap .mask { position: fixed; }
.cus_actionsheet { position: fixed; left: 0; bottom: 0; transform: translate(0, 100%);-webkit-transform:translate(0, 100%); backface-visibility: hidden; z-index: 3; width: 100%; background-color: #fff; transition: transform .3s;-webkit-transition:transform .3s }
.cus_actionsheet_toggle { transform: translate(0, 0);-webkit-transform: translate(0, 0); }
.actionSheet_wrap  .h3{height:42px;line-height:42px;border-bottom:1px solid #dedede;padding:0 10px;color:#333;text-align:center;font-size:16px}
.actionSheet_wrap .h3 em{overflow:hidden;position: absolute; top:1px; right: 0px; color:#535353;display:block;width:30px;text-align:center}
.actionSheet_wrap  .h3 em i{color:#bbb}
.mask { display: none; position: fixed; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); transition: background .3s;-webkit-transition: background .3s; }
.btn{ background:#3fb9f4;box-sizing:padding-box;font-size:18px;color:#fff!important;width:auto;text-align:center;padding:10px 0;display:block;border-radius:3px;width:100%;border:0px}
.btn:visited { color: #fff!important; }
.btn:visited { color: #fff!important; }
.btn_red { background: #f1564e; }
.btn { background: #f1564e; }
#commentor { width: 100%; bottom:0px;left:0px;z-index:90;}
#commentor .c-b{position:relative;z-index:99;background:#fff;animation-duration:0.2s;-webkit-animation-duration:0.2s;}
#commentor .h3{height:42px;line-height:42px;border-bottom:1px solid #dedede;padding:0 10px;color:#333;text-align:center;font-size:16px;margin-bottom:10px}
#commentor .h3 em{overflow:hidden;position: absolute; top:0px; right: 0px; color:#535353;display:block;width:30px;text-align:center}
#commentor .h3 em i{display:inline-block;color:#bbb}
#commentor .rate b { font-weight: normal; height: 30px;display:inline-block;float:left;line-height:22px;font-size:14px }
#commentor .rate {height: 30px;padding:10px 0 0 10px;font-size:12px }
#commentor .rateor { width: 180px; height: 22px; background: url(../images/rate.png) no-repeat;display:inline-block;float:left }
#commentor .rateor em { width: 22px; font-style: normal; height: 22px; float: left; display: inline-block;cursor:pointer }
#commentor .rateor label { float: left; display: inline-block; margin-left: 10px; color: #777; }
#commentor textarea { border:1px solid #fcdab8; padding: 5px; width: 100%; height:140px; line-height: 2em;border-radius:2px;box-sizing:border-box}
#commentor .textarea{margin:12px 8px 22px 8px;box-sizing:border-box}
#commentor .com-btn { width: auto;padding:0 8px 20px 8px;box-sizing:border-box}

.cus_toast { position: fixed; z-index: 9999; width: 9em; min-height: 1.5em;line-height:1.5em; top: 180px; left: 50%; margin-left:-4.5em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF;font-size:14px;
         animation: cs_an_in 400ms;-webkit-animation: cs_an_in 400ms
}

.cus_toast1 { position: fixed; z-index: 9999; width: 9em; min-height: 1.5em;line-height:1.5em; top: 180px; left: 50%; margin-left:-4.5em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF;font-size:14px;
         animation: cs_an_in 400ms;-webkit-animation: cs_an_in 400ms
}

.cus_toast i { display: block; clear: both; width: 2.0em; height:1.3em;line-height:1.3em; margin: 0 auto; font-size:3em;margin-bottom:10px;margin-top:8px}
.cus_toast .txt { margin: 8px 10px; }

.module {padding: 15px 0 5px 0;border:0px;height: auto;overflow:hidden;margin-bottom: 10px;background: #fff;}
.module i {width: 42px;height: 42px;line-height:42px;margin: 0 auto 2px auto;display: block;font-size:28px;color:#fff;background:#ff8a3b;border-radius:16px;text-align:center;}
.module a {display: block;width: 20%;text-align: center;float: left;height:59px;color: #333;font-size: 14px;margin-bottom:5px;padding: 7px 0px;}
/*图片切换*/
.focus { width: 100%; margin: 0px auto 0px auto;position:relative }
.focus .p { position: relative;height: 100%;overflow:hidden}
.focus .p  img { width: 100%; border:0px;height:100%}
.focus .wa{height:30px;position:absolute;bottom:-1px;left:0px;width:100%;/* background:url(/images/index_fg.png) center bottom no-repeat; */background-size:115% auto;}
.focus span { position: absolute; bottom: 5px; left: 5px; font-size: 14px;color:#fff }
.focus .title{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;font-size: 16px;line-height: 25px;padding: 10px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);text-align: left;}
.focus .swipe-btn { position: absolute; bottom: 0px; right: 0px;height:24px ;z-index:2;width:100%}
.focus .swipe-wrap { height: 100%; }
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; text-align: center; height:100%}
.swipe-wrap img { max-width:100%}
.swipe-btn {text-align:center;height:24px }
.swipe-btn li { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #f0efed;  margin: 0 5px; cursor: pointer; }
.swipe-btns {text-align:center;height:18px }
.swipe-btns li.on { background: #f1564e; }
.swipe-btns li {padding: 0px;border:0px;display: inline-block;width: 5px;height: 5px;border-radius: 8px;background: #D8D8D8;margin: 0 5px;cursor: pointer;}
.swipe-btn2 { margin-right: 0px; }
.swipe-btn2 li { width: 4px; height: 4px;background: #D8D8D8; border: 2px; margin:0 1px}
.swipe-btn2 li.on { background: #f1564e;width: 10px;}

.ablock{margin:0px auto;height:auto;overflow:hidden;margin-bottom:10px;font-size:16px;background-color:#fff;width: 100%;}
.block{margin:0px auto;height:auto;overflow:hidden;margin-bottom:10px;font-size:16px;/* width:98%; border-radius: 10px; */padding: 0 10px;background-color: #fff;}
.block h4{height:40px;font-size:16px; line-height:40px;font-weight:normal;padding-left:10px;margin-bottom:10px}
.block h4 a{display:inline-block;padding:0 15px;background:#fff;}
.block .blue{color:#0026ff}


.m-color a:nth-child(1n) i {background:#9fdb2f; }
.m-color a:nth-child(2n) i {background:#ff88b8; }
.m-color a:nth-child(3n) i {background:#ffb11b; }
.m-color a:nth-child(4n) i {background:#ad83cd; }
.m-color a:nth-child(5n) i {background:#f35e58; }
.m-color a:nth-child(6n) i {background:#4cd5ff; }
.m-color a:nth-child(7n) i {background:#879de6; }
.m-color a:nth-child(8n) i {background:#71c152; }
.m-color a:nth-child(9n) i {background:#ffb11b; }
.m-color a:nth-child(10n) i {background:#66c79c; }
.m-color a:nth-child(11n) i {background:#71c152; }

.m-color a:nth-child(1n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1ee0db), to(#5588e7)); }
.m-color a:nth-child(2n) i {background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbb782), to(#f93860));}
.m-color a:nth-child(3n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fee847), to(#fbb30c)); }
.m-color a:nth-child(4n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9b40f), to(#fe6b14)); }
.m-color a:nth-child(5n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#32eb9d), to(#21c4af)); }
.m-color a:nth-child(6n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#62db33a6), to(#44a320));}
.m-color a:nth-child(7n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe9c72), to(#fa770e)); }
.m-color a:nth-child(8n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fd936e), to(#f42e25)); }
.m-color a:nth-child(9n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fd6ad4), to(#fc3c6d)); }
.m-color a:nth-child(10n) i { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b295fd), to(#4babe4));}

#sec .cus_actionsheet { max-height: 100%; }
.sec-box { max-height: 80%; }
.sec-box ul {overflow:auto;padding:10px 5px;}
.sec-box h2 {height: 44px;line-height: 44px;color: #fff;padding: 0 10px;font-size: 18px;background:#e33737;text-align:center;font-weight:normal;}
.sec-box h2 i { float: right; }
.sec-box li {float:left;width: 33%;border-radius: 10px;color: #888;font-size: 14px;height: 35px;text-align: center;line-height: 35px;}
.sec-box  a {font-size: 16px;color: #888;text-align:center;}
.mask { background: rgba(0,0,0,0.55); position: absolute; height: 110%; width: 100%; }
.actionSheet_wrap { width: 100%; }
.actionSheet_wrap .mask { position: fixed; }
.cus_actionsheet {position: fixed;left: 0;bottom: 0;transform: translate(0, 100%);-webkit-transform:translate(0, 100%);backface-visibility: hidden;z-index: 99;width: 100%;background-color: #fff;transition: transform .3s;-webkit-transition:transform .3s;}
.cus_actionsheet_toggle { transform: translate(0, 0);-webkit-transform: translate(0, 0); }
.actionSheet_wrap  .h3{height:42px;line-height:42px;border-bottom:1px solid #dedede;padding:0 10px;color:#333;text-align:center;font-size:16px}
.actionSheet_wrap .h3 em{overflow:hidden;position: absolute; top:1px; right: 0px; color:#535353;display:block;width:30px;text-align:center}
.actionSheet_wrap  .h3 em i{color:#bbb}

#footers {text-align: center;padding: 10px 0 10px 0;font-size:12px;color:#999;line-height:2.0em;}

/**手机端按钮正常显示**/
input[type="submit"], 
input[type="text"], 
input[type="reset"], 
input[type="button"], 
button { 
-webkit-appearance: none; 
}

.list_loading { height: 50px; line-height: 50px; width: 100%;font-size:14px;color:#999 }
.list_loading .loadingAn { width: 20px; height: 20px; float:left;margin-top:15px}
.list_loading .ll_box { width: 130px; margin: 0 auto;height:30px }
.list_loading .ll_txt { float: left;padding-left:10px }
.loadingAn { width: 60px; height: 60px; background-color: #67CF22;  -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }
#moretip{line-height: 45px;width: 100%;/* border-top: 1px solid #E9E9EB; */font-size: 12px;color: #aaa;text-align: center;background: #fff;}
@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px); }
    50% { -webkit-transform: perspective(120px) rotateY(180deg); }
    100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
}

@keyframes rotateplane {
    0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

.cus_checkbox_1 { display: none;font-size: 1em; }
.cus_checkbox_1 + label { background-color: #fafbfa; padding: 9px; border-radius: 50px; display: inline-block; position: relative; margin-right: 30px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 40px; height: 15px; }
.cus_checkbox_1 + label:after { content: ' '; position: absolute; top: 0; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; left: 0; width: 100%; height: 100%; border-radius: 100px; box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4); }
.cus_checkbox_1 + label:before { content: ' '; position: absolute; background: white; top: 1px; left: 1px; z-index: 2; width: 31px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; height: 31px; border-radius: 100px; box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3); }
.cus_checkbox_1:active + label:after { box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee; }
.cus_checkbox_1:active + label:before { width: 37px; }
.cus_checkbox_1:checked:active + label:before { width: 37px; left: 20px; }
.cus_checkbox_1 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.cus_checkbox_1:checked + label:before { content: ' '; position: absolute; left: 26px; border-radius: 100px; }
.cus_checkbox_1:checked + label:after { content: ' '; font-size: 1.5em; position: absolute; background: #4cda60; box-shadow: 0 0 1px #4cda60; }

.cus_checkbox_1.medium+ label  { width:30px; height: 5px;  }
.cus_checkbox_1.medium + label:after {  width: 100%; height: 100%;}
.cus_checkbox_1.medium + label:before {  width: 21px;height:21px;    }
.cus_checkbox_1.medium:checked + label:before { left: 26px; }

.cus_checkbox_1.small+ label  { width:16px; height: 0px;  padding:7px 9px;margin-right:20px}
.cus_checkbox_1.small:checked + label:before { left: 20px; }
.cus_checkbox_1.small + label:before {  width: 12px;height:12px; }


.cus-select2 {height:44px;line-height: 40px;text-align: left;padding-right:40px;border: 1px solid #ddd;padding-left: 10px;}
.cus-select2::after {line-height: 30px;content: "";position: absolute;/* top: 50%; */right: 30px;margin-top: 17px;width: 8px;height: 8px;border-top: 1px solid #dddddd;border-right: 1px solid #dddddd;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cus-select2-list-box { width: 100%; }
.cus-select2-list-box .mask { position: fixed; }
.cus-select2-list {position: fixed; left: 0; bottom: 0; transform: translate(0, 100%);-webkit-transform:translate(0, 100%); backface-visibility: hidden; z-index: 1001; width: 100%; background-color: #fff; transition: transform .3s;-webkit-transition:transform .3s ;max-height:100%;overflow:auto;box-sizing:border-box}
.cus-select2-list-toggle { transform: translate(0, 0);-webkit-transform: translate(0, 0); }
.cus-select2-list a {display: block;line-height: 44px;padding: 0 15px;border-bottom:1px solid #f0efed;color:#666;float: left;text-align: center;width: 25%;box-sizing: border-box;}
.cus-select2-list a.sel {color: #e33737;}
.cus-select2-list a:first-child {/* height: 44px; *//* line-height: 44px; *//* color: #fff; *//* padding: 0 10px; *//* font-size: 16px; *//* background:#e33737; *//* text-align:center; */font-weight: bold;}

/*关注提示*/
.wx-focus-tip{display:none;position:fixed;top:46px;left:0px;width:100%;height:46px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;box-sizing:border-box;padding: 2px 80px 5px 50px;z-index:1000;}
.wx-focus-tip .img{width:36px;height:36px;position:absolute;top:5px;left:5px}
.wx-focus-tip .img img{width:36px;background:rgba(255,255,255,0.9);border-radius:3px}
.wx-focus-tip .f-t{font-size: 15px;height: 19px;}
.wx-focus-tip .f-d{height:20px;overflow:hidden;    font-size: 14px;}
.wx-focus-tip em{position:absolute;background:#f7662e;padding: 2px 12px;right:30px;top: 9px;border-radius:3px;}
.wx-focus-tip i{position:absolute;padding:4px 6px;right:0px;top:10px;border-radius:3px}

.wx-focus{display:none;background:#fff;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1001}
.wx-focus .wb{background:#fff;width:80%;position:fixed;top:20%;left:10%;font-size:14px;color:#ccc;text-align:center;z-index:10000;border-radius:3px; }
.wx-focus .wb img{width:80%;margin-bottom:5px;clear:both}
.wx-focus .wb p{height:40px;font-size:16px;color:#333;height:50px;margin-top:20px}
.wx-focus .cr{color:#eee;text-align:center;position:fixed;bottom:60px;left:0px;width:100%}
.wx-focus i{font-size:24px;width:100%;height:46px;position:fixed;bottom:0;left:0px;text-align:center;line-height:46px;display:block;color:#ccc}

/*弹出框
.sys_tips { background-color:rgba(0,0,0,.8); border-radius:6px; padding:6px; position:fixed; left:50%; z-index:9999; margin-left:-120px; width:240px; box-shadow:0px 0px 8px rgba(0,0,0,.4);}
#sys_tips_info a{ text-decoration:underline; font-weight:bold;}
.sys_tips .hd { text-align:left; font-size:14px; font-weight:bold; color:#fff; padding:3px 0 6px 6px; text-shadow:1px 1px 0 rgba(0,0,0,.3);}
.sys_tips .bd { padding:5px 5px; border-radius:4px; font-size:16px; color:#fff; text-align:center;}
.sys_tips .bd .btn {margin:15px 0;cursor: pointer;background: none;}
.sys_tips .btn1,.sys_tips .btn2 { border:1px solid #dadada; background-color:#f3f3f3; display:inline-block; *display:inline; *zoom:1; margin:0; font-size:14px; font-weight:bold; padding:4px 10px; border-radius:2px;}
.sys_tips .btn1 { border:1px solid #c5cbc1; background-color:#f6fcee; margin-right:8px;}
.sys_tips .bd .close { color:#36c;}.sys_tips .bd .close:hover { color:#d00;}
*/
.sys_tips .ico,.sys_tips .close_btn { background:url(../images/msys_tips_bg.png) no-repeat -101px 0/192px auto;}
.sys_tips { position:fixed; left:0; right:0; top:0; bottom:0; z-index:1009; background-color:rgba(0,0,0,.4);}
.sys_tips .inner { text-align:center; background-color:#fff; border-radius: 4px; position:fixed; top:50%; left: 10px; right: 10px; z-index: 1006; box-shadow: 0px 0px 8px rgba(0,0,0,.2);}
.sys_tips .ico { width:51px; height:51px; margin:25px auto 10px;}
.sys_tips .ico.success { background-position:-51px 0;}
.sys_tips .ico.fail { background-position:0 0;}
.sys_tips .ico.waring { background-position:-101px 0;}
.sys_tips .close_btn { background-position:-167px -25px; width:9px; height:9px; position:absolute; top:10px; right:10px;}
.sys_tips .hd { text-align:left; font-size:14px; font-weight:bold; color:#fff; padding:3px 0 6px 6px; text-shadow:1px 1px 0 rgba(0,0,0,.3);}
.sys_tips .bd { padding:5px 18px; font-size:16px; color:#404040; text-align:center;}
.sys_tips .bd .txt1 { font-size:18px; color:#333; margin:5px 0 10px;}
.sys_tips .bd .txt2 { font-size:14px; color:#999;}
.sys_tips .bd .btn { margin:15px 0;background:none;}
.sys_tips .btn1,.sys_tips .btn2 { background-color: #f1564e; color: #fff; display: block; padding: 4px 10px; border-radius: 3px; line-height: 36px;}
.sys_tips .txt1 a{color:#333!important; text-decoration:underline;}
.sys_tips .btn a:hover{color:#fff!important;}
.sys_tips .btn1 { background-color:#f6fcee; margin-right:8px; color:#666;}
.sys_tips .btn .black { background-image:linear-gradient(45deg,#333,#666); color:#E6CA98; border:0 none;}
.sys_tips .bd .close { color:#36c;}.sys_tips .bd .close:hover { color:#d00;}

#guestPub{display: flex;  min-height: 100vh;flex-direction: column;}/*css3 chui zhi ju zhong*/
#guestPub ul{position: absolute;top:50%;left:50%;width:360px;width:6.522rem;transform:translate(-50%,-50%);text-align: center;}
#guestPub ul li{ background:#d00; margin:10px; padding:15px; color:#fff;font-size:18px;border-radius:6px;}        

/*上传图片*/
.my_prop_img { margin:15px 0; border:1px solid #ccc; padding:10px 10px 0 0; border-radius:2px; -webkit-box-shadow:1px 1px 2px #DDD inset; -webkit-box-sizing:border-box;  width:100%; color:#888;}
.my_prop_img .title { padding-left:15px;}
.my_prop_img_inner { padding-left:2px; font-size:12px;}

.my_prop_imgitem_node { text-align:center; margin-right:10px;}
.my_prop_imgitem,.upimgFileBtnNode{ float:left; position:relative; *zoom:1; z-index:2; width:25%; padding-left:10px; margin-bottom:10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.my_prop_imgitem .sp_img { padding-top:100%; display:block; background-size:100% 100%;}
.upimgFileBtnNode { z-index:1;}
.my_prop_imgitem .move_prev,.my_prop_imgitem .move_next,.my_prop_imgitem .set_FM { display:block; position:absolute; top:0; left:10px; background-color:#000; line-height:20px; opacity:.8;}
.my_prop_imgitem .move_prev,.my_prop_imgitem .move_next { width:19px; height:14px; background:url(../../images/upimg_pub.png) no-repeat -2px -96px; background-size:23px auto; text-indent:-999em; overflow:hidden; top:50%; margin-top:-10px;}
.my_prop_imgitem .move_next { right:0; left:auto; background-position:-2px -114px;}
.my_prop_imgitem .set_FM { top:auto; bottom:0; right:0; width:auto; padding:0 5px; font-size:12px; color:#fff; text-decoration:none;}
.my_prop_imgitem .set_FM.checked { background-color:#f1564e;}
.my_prop_imgitem .i_img_alt { display:none;}
.my_prop_imgitem input{ border:1px solid #cccccc;}
.my_prop_imgitem .del { display:block; position:absolute; top:-5px; right:-5px; width:18px; height:18px; background:url(../../images/upimg_pub.png) no-repeat -3px -71px; background-size:23px auto; text-indent:-999em; overflow:hidden;}
.my_prop_imgitem .imgview,.upimgFileBtn { display:block; vertical-align:top; width:100%; height:auto; border:1px solid #ddd; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color: #f9f9f9;}
.upimgFileBtn { cursor:pointer;}


/*2019*/
.header .back,.header .search,.header .type,.header .my {background:url(../images/headIcon.png) no-repeat;background-size:100px auto;}
.header,.nav_bottom {height:45px;line-height:45px;color:#333; background-color:#fff;font-size:16px;text-align:center; position:relative; z-index:9; box-shadow:0 0 8px rgba(0,0,0,.15);}
body{padding-top:45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom: 60px;}
.nav_bottom,.header{width:100%;position:fixed;top:0;left:0;z-index:1004;}

.windowIframe .header,.addeditNode .header { position:relative; z-index:9;}
.header .back,.header .search,.header .type,.header .my{position:absolute;width:36px;height:45px;top:0;left:8px;font-size:16px;overflow:hidden;}
.header .search,.header .type,.header .my{left:auto;right:40px;text-indent:-999px;}
.header .back,.header.header_transparent_no .back{background-position:3px -631px; text-align: left; height: 45px; display: block; opacity: 1; text-shadow: none; width: 40px; overflow: hidden; text-indent: -1000em;}
.header .search,.header.header_transparent_no .search{background-position:7px -808px;}
.header .type,.header.header_transparent_no .type{background-position:7px -767px;right:4px;transition: .3s;}
.header .my,.header.header_transparent_no .my{background-position:7px -674px;}
.header .ico_ok,.header.header_transparent_no .ico_ok{background-position:7px -719px;}
.header.header_transparent_no { background-color:#fff; color:#333;}

.header_transparent { color:#fff; background-color:transparent; box-shadow:none;}
.header_transparent .back{background-position:-47px -631px;}
.header_transparent .search{background-position:-43px -808px;}
.header_transparent .type{background-position:-43px -767px;}
.header_transparent .my{background-position:-43px -674px;}
.header_transparent .ico_ok{background-position:-43px -719px;}
.header_transparent_no_bg { position:fixed; z-index:1003; left:0; right:0; top:0; height:45px; background-color:#0CBB73;}
.login_ico_index{left:0px!important}

.nav_APP { position:fixed; right:0; left:0; top:45px; background-color:#fff; display:none;}
.nav_APP ul { display:table; width:100%;}
.nav_APP ul li { display:inline-block; width:25%; text-align: center; box-sizing: border-box; vertical-align: top; padding:7px 0;}
.nav_APP a { color:#333; display:block; padding-top:46px; font-size:14px; line-height:18px; margin:0 auto; position:relative; max-width:4em; overflow:hidden; white-space: nowrap;}
.nav_APP .s { display:block; position:absolute; top:0; left:50%; background-size:42px auto; background-repeat:no-repeat; width:42px; height:42px; background-position:0 0; margin-left:-21px;}
/*.nav_APP .arrow-up { position:absolute; top:-6px; right:13px; display:none; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #000; opacity:.75;}*/
.nav_APP .arrow-up { position:absolute; background-color:rgba(0,0,0,.6); left:0; right:0; top:0; bottom:0; z-index:1;}
.nav_APP .arrow-up:after { display:block; content:''; position:absolute; bottom:15px; left:50%; margin-left:-10px; width: 20px; height: 20px; background: url(../images/hicon_sort.png) no-repeat 7px -45px; background-size: 14px auto;}

.nav_APP_header { bottom:0; border-top:1px solid #f6f6f6; animation:topFadeIn .3s ease-out; background-color: transparent;}
.nav_APP_header ul { background-color:#fff;text-align: left; position:relative; z-index:2;}
.nav_APP_header ul li { border-right: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; padding:15px 0;}
#ipageTitle { display:inline-block; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;max-width: 12em;}

.header_transparent .top-bar{ color:#fff; background-color:transparent; box-shadow:none;}
.header_transparent .back{background-position:-47px -631px;}
.header_transparent .search{background-position:-43px -808px;}
.header_transparent .type{background-position:-43px -767px;}
.header_transparent .my{background-position:-43px -674px;}
.header_transparent .ico_ok{background-position:-43px -719px;}
.header_transparent_no_bg { position:fixed; z-index:1003; left:0; right:0; top:0; height:45px; background-color:#0CBB73;}

/*快捷按钮、生成海报*/
.left{ float:left;}.right{ float:right;}
.liveList_sys_wap .item .hd .shang,.liveList_sys_wap .item .foot span:before,.liveList_sfc_wap .item .ding,.liveList_sfc_wap .item .tit .zhi,.liveList_sfc_wap .item .tit:before,.liveList_sfc_wap .item .info:before,.liveList_sfc_wap .item .guoqi,.liveList_sfc_wap .item .fache,.liveList_sfc_wap .item .info:before,.liveList_sfc_wap .item .tel,.m-nv i,.liveList_sys_wap .item .ding,.liveList_sys_wap .item .chengjiao,.fixed_live_fabu .sj .link:before,.fixed_live_fabu .sj .link:after,.fixed_live_fabu .sj .link:before,.fixed_live_fabu .close,.guoqi_fixed .ico,.liveList_sys_wap .item .guoqi,.live_detail_header .chengjiao,.live_detail_header .guoqi,.live_detail_header .txt .shang,.live_detail_header .foot span:before,.live_detail_header .fare,.article_body .address:before,.article_body .address:after,.live_jubao .s:before,.live_comment .hd .s,.fixed_live_bottom .left_item a i,.fixed_live_bottom .write_cmt:before,.live_detail_header .guoqi,.live_detail_header .fache,.live_detail_header .sfc .ico_che,.live_detail_header .sfc .bd li .sp:before ,.liveList_sfc_wap .item .tit2 .zhi,.filter2 .tab .more a .s,.fixed_live_bottom .right_po .inner a i,.liveList_sys_wap .item .address .inner:before,.live_detail_sj_header .foot .btn:before,.liveList_sys_wap .item .hd .tel_btn:before,.live_detail_header .address:before { background: url(../images/live_v10_sp_wap.png) no-repeat 0 0/250px auto;}
.display10,.display0,.display_0_0 { display:none;}
.sys_right_fixed {position:fixed;right: 5px;bottom: 100px;z-index:99;}
.sys_right_fixed li { width:50px; height:50px;}
.sys_right_fixed li .ico { width:50px; height:50px; background:url("../images/headIcon.png") no-repeat 0 0/100px auto;}
.sys_right_fixed .fare .ico { background-position:0 -959px;}
.sys_right_fixed .haibao .ico { background-position:0 -856px;}
.sys_right_fixed .retop .ico { display:none; background-position:0 -908px;}
.html2canvas_wrap {position:absolute;left:-9999px;}
.html2canvas_node {background-color: #f64e4e;padding:10px;width:100vw;}
.html2canvas_node_hd { background-color:#fff; border-radius:6px;}
.html2canvas_node .ft { background-color:#f64e4e; color:#fff; position:relative; padding:15px 80px 5px 0px;}
.html2canvas_node .ft img { width: 50px; height: 50px; vertical-align: top; position: absolute; right: 5px; top: 16px; padding: 5px; background-color: #fff;}
.html2canvas_node .ft h6 { margin:6px 0; font-size:18px; font-weight:normal; height:26px; overflow:hidden;}
.html2canvas_node .ft p { line-height:18px; font-size:12px; height:18px; overflow:hidden;}
.html2canvas_node .ft2 { position:relative; text-align: center; color: rgba(255,255,255,.5); font-size: 12px; margin-top:3px;}
.html2canvas_node .ft2 span { background-color:#f64e4e; padding:0 6px; display:inline-block; vertical-align:middle; position:relative; z-index:2;}
.html2canvas_node .ft2:after { display:block; position:absolute; z-index:1; content:''; height:1px; left:30px; right:30px; top:13px; background-color:rgba(255,255,255,.5);}
.html2canvas_fixed { display:none; position:fixed; z-index:1009; background-color:rgba(0,0,0,.4); left:0; right:0; top:0; bottom:0;}
.html2canvas_fixed .inner{ position:absolute; top:50%; left:15px; right:15px; transform: translateY(-50%); background-color:#fff; border-radius:6px; padding:0 10px;}
.html2canvas_fixed .hd { padding:12px 0; font-size:14px; color:#aaa; text-align:center;}
.html2canvas_fixed img { max-width:100%; vertical-align:top; max-height:70vh; margin:0 auto; display:block;}
.html2canvas_fixed .closes { background: url(../images/mSGwindowShow_ico.png) no-repeat -167px -25px/192px auto; width: 9px; height: 9px; position: absolute; top: 10px; right: 10px;}
.html2canvas_fixed .btn {background:none;text-align:center;font-size:16px;color: #999!important;text-align:center;padding:12px 0;}


.live_detail_header { position:relative; z-index:3; background-color:#fff; padding: 10px 0 10px 0;}
.live_detail_header .chengjiao,.live_detail_header .guoqi,.live_detail_header .guoqi,.live_detail_header .fache { position: absolute; right: 90px; top: 10px; width: 58px; height: 58px; background-position: -1px -147px;}
.live_detail_header .guoqi { background-position:-1px -32px;}
.live_detail_header .fache { background-position:-1px -89px;}
.live_detail_header .guoqi,.live_detail_header .fache { display:none;}
.live_detail_header.item_2.disabled .guoqi,.live_detail_header.item_1.disabled .fache ,.live_detail_header.item_3.disabled .guoqi{ display: block;}
.live_detail_header .user_face { position: absolute; left: 15px; top: 15px;}
.live_detail_header .user_face img { border-radius: 2px; width: 40px; height: 40px; display: block;}
.live_detail_header .txt { padding: 0 0 0 60px;}
.live_detail_header .txt .username {font-size: 14px; color: #666; font-weight: normal;}
.live_detail_header .txt .geren,.live_detail_header .txt .jing { display: inline-block; vertical-align: middle; background-color: #f64e4e; color: #fff; padding: 0 6px; margin-left: 6px; line-height: 16px; font-size: 12px; border-radius: 8px;}
.liveList_sys_wap .item .foot span:before,.live_detail_header .foot span:before {display:inline-block;vertical-align:middle;content:'';width:19px;height:13px;margin-right:3px;}
.live_detail_header .txt .jing { background: linear-gradient(135deg,#ffb28f 0,#ff9567 100%); color:#fff;}
.live_detail_header .txt .shang { display: inline-block; vertical-align: -4px; margin-left: 7px; width: 15px; height: 18px; background-position: -28px -1px;}
.live_detail_header .txt .sfc_cat { display:inline-block; vertical-align:1px; background-color:#deffaa; color:#fff; padding:0 3px; border-radius:2px; margin-left:6px; line-height:18px; font-size:14px;}
.live_detail_header.item_1 .txt .sfc_cat { background-image:linear-gradient(-45deg,#3f83dc,#3a9eff);}
.live_detail_header.item_2 .txt .sfc_cat { background-image:linear-gradient(-45deg,#ffa219,#ffce3a);}
.live_detail_header.item_3 .txt .sfc_cat { background-image:linear-gradient(-45deg,#3bc368,#5ad289);}
.live_detail_header .foot { padding-right:10px;}
.live_detail_header .fare { position:absolute; right:10px; top:10px; background-position:-186px -49px; width:26px; height:26px;}
.article_body .address,.live_detail_header .address {font-size:14px;margin-top:10px;padding-bottom:5px;position:relative;z-index:1;color:#666;}
.article_body .address .daohang,.live_detail_header .address .daohang { color:#999; padding-left:17px; font-size:12px;}
.liveList_sys_wap .item .foot .view:before, .live_detail_header .foot .view:before {
    vertical-align: -2px;
    background-position: -47px -1px;
}

.article_body .address:before,.live_detail_header .address:before { display:inline-block; content:''; width:12px; height:14px; background-position:-120px -27px; vertical-align:-2px;}
.article_body .address:after,.live_detail_header .address:after { display:block; content:''; position:absolute; right:0; top:4px; width:8px; height:16px; background-position:-242px -21px;}
.article_body .address .inner,.live_detail_header .address .inner {max-width:20em;overflow:hidden;text-overflow:ellipsis;display: inline-block;vertical-align: middle;white-space:nowrap;}

.live_detail_header .tit { font-size:16px; color:#333; padding:10px; word-break:break-all;}
.live_detail_header .tit .cat { color:#325F9C; margin-right:8px;}

.live_detail_header .sfc { padding:20px 10px;}
.live_detail_header .sfc .hd,.live_detail_header .sfc .ft { height:1px; position:relative; z-index:1; background-color:#eee;}
.live_detail_header .sfc .bd { padding:10px 0;}
.live_detail_header .sfc .bd li { position:relative; z-index:1; line-height:42px; color:#444; padding-left:90px;}
.live_detail_header .sfc .bd li .sp { display:block; position:absolute; left:0; top:0; color:#999;}
.live_detail_header .sfc .bd li .sp:before { display:inline-block; vertical-align:1px; content:''; width:9px; height:9px; margin-right:6px;}
.live_detail_header .sfc .bd .li_0 .sp:before { background-position:-120px -200px;}
.live_detail_header .sfc .bd .li_1 .sp:before { background-position:-120px -217px;}
.live_detail_header .sfc .bd .li_2 .sp:before { background-position:-120px -234px;}
.live_detail_header .sfc .bd .li_3 .sp:before { background-position:-120px -251px;}
.live_detail_header .sfc .ico_che { position:absolute; background-position:-138px 0; width:22px; height:10px; top:-5px; background-color:#fff;}
.live_detail_header .sfc .hd .ico_che { left:0; padding-right:5px;}
.live_detail_header .sfc .ft .ico_che { right:0; padding-left:5px; background-position: -133px 0;}
.live_detail_header .sfc_tag { text-align:center;}
.live_detail_header .sfc_tag span { display: inline-block; margin-right: 5px; padding: 0 18px; border-radius: 2px; background-color: #eff6fe; color: #208ff8; font-size: 14px; line-height: 30px;}
.live_detail_sj_header { padding:15px 0;}
.live_detail_sj_header .user_face { top:-30px;}
.live_detail_sj_header .user_face img { width:60px; height:60px;}
.live_detail_sj_header .txt { padding:28px 0 0 15px;}
.live_detail_sj_header .txt .number2 { font-size:12px; color:#aaa;}
.live_detail_sj_header .txt .number2 s { width:1px; height:12px; display:inline-block; vertical-align:middle; background-color:#f1f1f1; margin:0 8px;}
.live_detail_sj_header .foot { position:absolute; right:0; bottom:18px;}
.live_detail_sj_header .foot .btn { background:rgba(36,194,129,0.1); border-radius:4px; color:#0CBB73; font-size:14px; padding:0 9px; display:block; line-height:30px;}
.live_detail_sj_header .foot .btn:before { display:inline-block; content:''; vertical-align:middle; margin-right:4px; background-position:-173px -224px; width:12px; height:14px;}
.liveList_sys_wap .item .foot,.live_detail_header .foot{padding-right: 10px;color:#aaa;font-size:12px;}
.article_body { font-size:19px; color:#000; line-height:30px; padding: 1px 10px; background-color: #fff;}
.article_body * { max-width: 100%!important; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; word-wrap: break-word!important;}
.article_body img { vertical-align:top; max-width:100%;}
.article_body p { margin:15px 0;}
.article_body em { font-style:italic;}

#n_img_copy { padding:0 5px 15px; display:table;}
#n_img_copy .img_item { display:table-cell; padding:0 5px;}
#n_img_copy .img_item img {max-height: 80px;}

.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix,.col-sub,.col-extra{*zoom:1;}
button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
     -webkit-appearance: none; 
     -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.clear{width:100%; height:0px; overflow:hidden; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both; float:none;}
.clear10{width:100%; height:10px; overflow:hidden; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both; float:none;}
.clear40{ width:100%; height:40px; overflow:hidden; float:none; clear:both;}
.clear80{ width:100%; height:80px; overflow:hidden; float:none; clear:both;}
