#header{background-image:url(images/bg2.jpg);}

#bannerAd{margin-bottom:20px;border:0; background:none;}
#container #contentBtmAd{padding:0px 45px 20px 90px;margin-top:0px;border:0px;background:#b6b6b6;}
#contentBtmAd div{float:left;width:250px;margin-right:45px;}

#container.single{padding:0;position:relative;width: 1000px;float: left;margin-right: 40px;-moz-box-shadow: 0px 2px 15px rgba(40,40,80,.1);-webkit-box-shadow: 0px 2px 15px rgba(40,40,80,.1);box-shadow: 0px 2px 15px rgba(40,40,80,.1);}
#container #sitePics{ height:auto; background:#fff;padding:0px;font-size: 16px;line-height: 28px;color: #333;}
#container #sitePics p{padding:0em 3%;}
#container #sitePics img{float:none;max-width:100%;height:auto;margin:0 auto;margin-bottom:10px;border:0;}
#container.wxct #sitePics img{margin-bottom: -10px;}
#container.wxct #sitePics p{margin-bottom: 0px;}
 #container.h5-detail #sitePics{padding: 50px 0px 30px 0px;text-align: center;}
 #container.h5-detail #sitePics img{max-width: 85%;}
#container #site_main_info{height:auto;border:0;padding:20px;}
#container h1{padding:30px 30px 0px 80px;line-height: 1.3em;}
#container .postmetadata{padding:10px 30px 0px 79px;color:#999;margin-bottom:15px;}
#container .postmetadata a{color:#999;}
#container .comments-template{padding:20px 90px;}
#container #downBtnWrap{padding-bottom:25px;text-align:center;}
#container #downBtnWrap a{color:#fff;}

#right-panel {width: 250px;float: left;position: absolute;right:0;top:0;}
#right-panel.btm{position: absolute;bottom:65px;right:0;top:auto;}
#right-panel #fixed-ele{width:250px;position: relative;top:0px;transition:all ease 0.45; -moz-transition:all ease 0.45; -webkit-transition:all ease 0.45;}
#right-panel #fixed-ele.fixed{position: fixed;top:80px;transition:all ease 0.45; -moz-transition:all ease 0.45; -webkit-transition:all ease 0.45;}
.abs #right-panel{position: static;}
.abs #right-panel #fixed-ele.fixed {position: absolute;bottom: -15px;right: 0px;height: auto;top: auto;}
#fixed-ele.fixed .post-info,
#fixed-ele.fixed .btm-ad,
#fixed-ele.fixed .hotList{display: none;}
#right-panel #fixed-ele.fixed.btm{position: static;}

#right-panel section{margin-bottom: 20px;text-align: left;    background:#fff;    box-shadow: 0px 0px 10px rgba(40,40,80,.06);-moz-box-shadow:0px 0px 10px rgba(40,40,80,.06);-webkit-box-shadow: 0px 0px 10px rgba(40,40,80,.06);    padding: 6% 10%;border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#right-panel section:after{content:"";display: block; clear:both;}
#right-panel section.detail-ad{padding:0;background: none;box-shadow: none;border-radius: 0;}
#right-panel section.detail-ad img{max-width: 100%;height:auto;}
#right-panel section.auhtor-panel {background: #d6d6d6;background-size: 120px auto;padding: 10px;text-align: center;overflow: hidden;position: relative;}

#right-panel section.wechat{padding-left:110px;padding-right: 15px;font-size: 12px; color:#999; line-height: 1.3em; margin-top:25px;border-radius: 5px;-webkit-border-radius:5px; -moz-border-radius:5px;height:100px;background:rgba(255,255,255,.5) url(../images/wechat.gif) 10% center no-repeat; background-size: 80px 80px;box-shadow: 0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,.1);}
#right-panel section.wechat h4{padding-top: 22px;color:#333;margin-bottom:10px; }

span.by {text-align: left;font-size: 12px;display: block;}
a.company_cover {display: block;width: 138px;height: 138px;margin: 0 auto;background-size: cover;background-position: center center;margin-top: 10px;border-radius: 50%;overflow: hidden;border: 2px solid #fff;}
.likeButton span{width:auto;}

.author-works{background: #111;padding-bottom:30px;}
.author-bar{padding:15px 40px;background: #262626; color:#ccc; margin-bottom: 35px;}
	.author-bar .more{float: right;}
	.author-bar em{font-size: 20px; color:#fff;padding-right:4px;}

.related-list .post.fxlist{background: none;width:210px; margin:0px 0px 0px 36px;}
.related-list .post.fxlist .imgBox{height:150px;margin-bottom: 15px;}
.related-list .fxlist.post .imgBox img{min-height:150px;}
.related-list .post.fxlist h4{font-size: 14px; line-height:22px;height:22px;overflow: hidden;margin: 0px 5px;}
#container .related-list .postmetadata{padding: 0px;margin:0px 5px 35px 5px;margin-top: 0;opacity: 0.6;}
.related-list a{color:#999;display: block;min-height: 45px;}

#relate-posts{clear:both; padding-top: 30px;}
#relate-posts .post h2{height:25px;}
#relate-posts .post{margin-bottom: 35px;}
#relate-posts .postmetadata{height: 30px;}
#relate-posts h3{font-size: 18px;font-weight: normal;color:#333;margin-bottom: 35px;margin-left:15px;}
#relate-posts a.more{display: block;clear: both;background: #d4d5d8;line-height: 50px;font-size: 16px;color:#666;text-align: center;margin:0px 0px 45px 15px;border-radius: 5px;}
#relate-posts a.more:hover{background: #ccc;color:#333; }

/*company*/
#content.company{position: relative;}
#content.company:before{position:absolute; width: 290px;height:100%; left:10px; top:0px; z-index:0;content:" ";background: #f2f4f4;border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px;    box-shadow: inset -5px 0 5px -5px rgba(0,0,0,0.25);}
.company .related-list{margin: 100px 0px 50px 0px;padding-left:60px;}
.company .related-list .post.fxlist{margin-left:25px;width:260px;}
.company .related-list .post.fxlist .imgBox{height:180px;}
.company .related-list a{color:#333;}
.company #container{float:right; margin-right: 0px;margin-left: 0px;border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px;}
.company #right-panel{position:relative; z-index:10;float: left;margin-left:10px;_margin-left:5px;width:280px;}
.company #right-panel section.auhtor-panel{background: none;padding-top: 35px;margin-bottom: 25px;}
.company #right-panel section{padding:0px 40px 10px 40px; border-bottom: 1px solid #e8e8e8;    font-size: 14px;line-height: 1.8em;color: #666;box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow:none;background: none;}
.company a.company_cover{width: 138px;height: 138px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-position: center center;background-size: cover;}
.company .company_city{    margin-top: -12px;display: block;margin-bottom: 10px;color: #666;}
.company .company_url{display: block;margin: -10px 0px 10px 40px;color: #EA6088;}
.company #right-panel .iconfont{display: inline-block;width: 26px;height:26px;background: #999;text-align: center; line-height: 26px;margin-right: 10px;border-radius: 13px;-moz-border-radius:13px;-webkit-border-radius:13px;color:#fff;}

.post_content .auhtor-panel,
.post_content .tags{display:none;}

#category_selector{position: absolute;width: 100%;height: 60px;line-height: 60px;left: 0;top: 5px;text-align: center;border-bottom: 1px solid #e8e8e8;}
#category_selector a{display: inline-block; height:59px; padding: 0px 3px; margin:0px 10px;text-decoration: none; letter-spacing: 2px;font-size: 16px;}
#category_selector a.cur,
#category_selector a:hover{border-bottom: 2px solid #999;}
#category_selector a span{font-size: 14px;letter-spacing: 0px;padding-left: 5px;color: #bbb;}
.h5Cat .site,
.h5Cat .wen,
.siteCat .h5,
.siteCat .wen,
.wenCat .h5,
.wenCat .site{display: none;}


#right-panel .meta-list{font-size: 14px; line-height: 30px;color:#444;margin: 15px 0px;}
#right-panel .meta-list span{float:right; font-size: 22px;color: #333;font-weight: normal;}
#right-panel h1{font-size: 1.5em;line-height: 1.5em;margin:3% 0px; }
#right-panel .postmetadata {color:#aaa;;}
#right-panel .postmetadata .iconfont{font-size: 17px;}
.nopost{width:100%;line-height: 80px; text-align: center; font-size: 36px;color: #333;}


.xg-posts{margin:25px 0px;padding:20px 60px;overflow: visible;}
.xg-posts h4{color:#999;margin-bottom: 30px;}
.xg-posts.related-list .post.fxlist{margin-left:10px;}

section.tags a{display: inline-block;
    font-size: 14px;
    color: #666;
    outline: none;
    text-decoration: none;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    margin: 0px 5px 8px 0px;;
    transition: all 650ms ease;
    -webkit-transition: all 650ms ease;
    -moz-transition: all 350ms ease;
    padding: 5px 10px 6px 10px;
    background: #f7f8fa;}
section.tags a:hover{border-color: #EA6088;color: #ba3c5a;text-decoration: none;}
blockquote { padding: 0px 30px 30px 30px; text-align: left;}

#container .likeButton{top:35px;}
#container .downloadBtn{top:35px;}

h3,h4{clear: both;}

span.h5ot,
span.h5ow{display: block; position:absolute;z-index:10;width:31px;height: 57px; top:-10px;right:15px; background: url(../h5/images/h5ot.png) left top no-repeat; transition:ease all 0.3s; -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s;}

span.h5ot:hover,
span.h5ow:hover{top:0px;}

span.h5ow{right:50px;background-image: url(../h5/images/h5w.png);}

/*手机酷站*/
#container #sitePics ol{margin-left:110px;text-align: left; list-style: none;}
#container #sitePics ol li{margin:40px 20px;width:665px; height:334px;background:url(../images/phone2.png)left top no-repeat;}
#container #sitePics ol li img{width: 578px;height: auto;margin: 4px 0px 0px 16px;clip: rect(0px,577px,325px,57px);position: absolute;}
#container #sitePics ol.bigx li img {width: 658px; margin: 14px 0px 0px -29px;clip: rect(0px,653px,325px,73px);}
#container #sitePics ol.bigx li{margin:40px 20px;width:665px; height:334px;background:url(../images/iphonex.png)left top no-repeat; background-size: 665px auto;}

#container #sitePics ol.lg{margin-left:90px;}
#container #sitePics ol.lg li{width:730px; background-image:url(../images/phone3.png);}
#container #sitePics ol.lg li img{margin: 4px 0px 0px 76px;clip: rect(0px,730px,325px,0px);}

/*手机酷站*/
#container #sitePics ul{text-align: left; margin-left:110px;zoom:0.75;}
#container #sitePics ul li{float:left;margin:20px 20px; width:334px; height:665px;background:url(../images/phone.png)left top no-repeat;}
#container #sitePics ul li img{  width: 325px;
  height: auto;
  margin: 19px 0px 0px 5px;
  clip: rect(57px,325px,573px,0px);
  position: absolute;}
#container #sitePics ul video{
	width:325px;
	height:580px;
	margin:40px 0px 0px 5px;
}

#container #sitePics ul.bigx li{
    background: url(../images/iphone11.png) left top no-repeat;
    background-size: 334px auto;
    position: relative;
    height: 670px;
}

#container #sitePics ul.bigx li:after{
    content: '';
    width: 173px;
    height: 25px;
    background: url(../images/liuhan1.png)left top no-repeat;
    background-size: 173px auto;
    position: absolute;
    top: 21px;
    left: 79px;
    z-index: 10;
}
#container #sitePics ul.bigx li img {
    clip: rect(65px,325px,629px,0px);
    transform: none;
    border-radius: 0px;
        width: 290px;
    height: auto;
    margin: 0px 0px 0px 22px;
    max-width: 90%;
}


#container .entry{position: relative;}

#container span.h5ot,
#container span.h5ow{display: block; position:absolute;z-index:10;width:31px;height: 57px; top:-10px;right:90px; background: url(../h5/images/h5ot.png) left top no-repeat; transition:ease all 0.3s; -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s;}

#container span.h5ot:hover,
#container span.h5ow:hover{top:0px;}

#container span.h5ow{right:130px;background-image: url(../h5/images/h5w.png);}