﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p , form, fieldset, legend, input, button, textarea, th, td {margin:0; padding:0; }
table {border-collapse:collapse; border-spacing:0; }
li {list-style:none; }
em,i{font-style:normal; }
body{background: #fbfbfb; color:#333; font:100%/1.7 "Microsoft YaHei" ,Tahoma, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53"; }
.clearfix:after,
.row:after {clear:both; content:'\0020'; display:block; height:0; }
.clearfix, .row {zoom:1; }
.clear {clear:both; }
button,input,textarea{font-family:Tahoma, Geneva, "\5fae\8f6f\96c5\9ed1", "\5B8B\4F53"; font-size:12px; }
button {cursor:pointer; outline:none; }
textarea {overflow:auto;-webkit-appearance: none;}
input {vertical-align:middle;-webkit-appearance:none;border-radius:0;border:1px solid #ccc;}
img {border:0;background:url(../img/loading.gif) no-repeat center;}
a{text-decoration:none;color:#555555;}
.fl{float:left;}
.fr{float:right;}

/* Modify */
.bs{box-shadow:0 0 5px #ddd;}
.bb{border-bottom:1px solid #ddd;}
.b-1{border:1px solid #ddd;}

/* Margins */
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.m-5{margin:5px;}
.m-10{margin:10px;}
.m-15{margin:15px;}
.m-20{margin:20px;}

/* Filling */
.p-5{padding:5px;}
.p-10{padding:10px;}
.p-15{padding:15px;}
.p-20{padding:20px;}


@font-face {font-family: 'search-icon';
    src:url('../fonts/search-icon.ttf') format('truetype');
}
.search-icon{
    font-family:"search-icon" !important;
}

@font-face {font-family: 'menu-icon';
    src:url('../fonts/menu-icon.ttf') format('truetype');
}
.menu-icon{
    font-family:"menu-icon" !important;
}

@font-face {font-family: 'close-icon';
    src:url('../fonts/close-icon.ttf') format('truetype');
}
.close-icon{
    font-family:"close-icon" !important;
}

@font-face {font-family: 'right-icon';
    src:url('../fonts/right-icon.ttf') format('truetype');
}
.right-icon{
    font-family:"right-icon" !important;
}
@font-face {font-family: 'appraisal-icon';
    src:url('../fonts/appraisal-icon.ttf') format('truetype');
}
.appraisal-icon{
    font-family:"appraisal-icon" !important;
}
@font-face {font-family: 'appraisal-icon';
    src:url('../fonts/appraisal-icon.ttf') format('truetype');
}
.appraisal-icon{
    font-family:"appraisal-icon" !important;
}
@font-face {font-family: 'share-icon';
    src:url('../fonts/share-icon.ttf') format('truetype');
}
.share-icon{
    font-family:"share-icon" !important;
}


/* header */
#header{
    height:50px;
    line-height:50px;
    z-index: 100000;
    background: #fff;
    width: 100%;
}
.logo a{
    width:120px;
    height:30px;
    background:url(../img/logo.png) no-repeat;
    background-size:100%;
    display: block;
    text-indent:-999em;
}
.h-fun>a{
    height:50px;
    line-height:50px;
    display: block;
    float: left;
    width:40px;
    text-align: center;
    position: relative;
    z-index:1;
    font-size:18px;
}
.h-fun>.add{
    background:#f0f0f0;
}
.h-form{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    background:#fff;
}
.h-form-i{
    position: relative;
    margin-right:42px;
    margin-left:35px;
}
.h-form input{
    width:100%;
    height:30px;
    line-height:30px;
    text-indent:5px;
    background:#fcfcfc;
    border-color: #eee;
}
.h-form-i i{
    width:35px;
    text-align: center;
    font-size:20px;
    position: absolute;
    top:0;
    left:-35px;
}
.h-menu{
    position: absolute;
    top:50px;
    width:100%;
    background:rgba(0,0,0,.9);
    left:0;
    z-index: 9;
}
.menu-list{
    overflow: hidden;
    zoom: 1;
}
.menu-list li{
    height:40px;
    line-height:40px;
    border-bottom:1px solid #222;
    position: relative;
    width: 50%;
    float: left;
}
.menu-list li a{
    color:#fff;
    padding:0 10px;
    font-size:14px;
    display: block;
}
.menu-list li i{
    color:#fff;
    position: absolute;
    top:0;
    right:12px;
}
.h-form , .h-menu{
    display: none;
}


.nav-2-list{
    margin:0 5px;
}
.nav-2-list li{
    width:50%;
    height:40px;
    float: left;
    text-align: center;
    line-height:40px;
    margin:2px 0;
}
.nav-2-list li a{
    display: block;
    color:#fff;
    margin:0 2px;
    background:orange;
}

/* swipe */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  height:215px;
}
.swipe-wrap > div img{
    width: 100%;
    display: block;
}
/* slider-btn */
.slider-btn{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}
.sb-list{
    text-align: center;
}
.sb-list li{
    width:10px;
    height:10px;
    background:#fff;
    display: inline-block;
    border-radius:50%;
}
.sb-list .current{
    background:#b6b6b6;
}

#app_show{
    width:100%;
    overflow-x:scroll;
}
.as-list{
    width:1000px;
}
.as-list li{
    padding:2px;
    width:100px;
    border:1px solid #f0f0f0;
    float: left;
    background:#fff;
    margin:0 5px;
}
.as-list .as-pic{
    width:100px;
    display: block;
}   
.as-list .as-pic img{
    width:100%;
    vertical-align: middle;
}
.as-list .as-name{
    font-size:.8em;
    width:100%;
    height:1.5em;
    line-height:1.5em;
    overflow: hidden;
    text-align: center;
}


.title {
    line-height: 1.8em;
    text-align: center;
    font-size: 1em;
    color: #006baf;
}
.pos-tit{
    text-align: left;
    color: #999;
}
.not-list p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.not-list .pic{
    margin-top: 5px;
}
.not-list .pic span{
    display: block;
    text-align: center;
    font-size: .9em;
}
.list>li{
    overflow: hidden;
    zoom: 1;
    background: #fff;
    padding: .5em;
    border-radius:2px;
    box-shadow: 0px 0px 2px #ddd;
    margin: 5px;
}
.list .pic{
    float: left;
    margin-right: .5em;
    width: 100px;
    max-width: 180px;
    max-height: 120px;
}
.list .pics span{
    width: 31.13%;
    max-width: 180px;
    max-height: 120px;
    float: left;
    padding: 1.1%;
}
.list .pics img,
.list .pic img{
    vertical-align: middle;
    width: 100%;
}
.list h2,
.list .h2{
    font-weight: normal;
    font-size: 1em;
    overflow: hidden;
    height: 25px;
    display: block;
}
.list p{
    line-height: 1.8em;
    font-size: .9em;
    color: #888;
}
.list .i-date{
    text-align: right;
    margin-top: -1.4em;
    color: #ccc;
    line-height: 1em;
    font-size: .6em;
}
.list .pic-group{
    overflow: hidden;
}


.c2-hide{
    height:0px;
    overflow: hidden;
}
.c2h-list{
    height:10000px;
}
.c2-list{
    padding: 0 5px;
}
.c2-list li , .c2h-list li{
    width:50%;
    float:left;
    margin-bottom:10px;
}
.c2-list .c2-w ,.c2h-list .c2h-w{
    margin:0 5px;
    box-shadow:0 0 1px #ddd;
}
.c2-list .c2-pic , .c2h-list li img{
    width:100%;
    font-size:0;
    display: block;
}
.c2-list .c2-word{
    font-size:12px;
    line-height:14px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
}
.c2-zt-list .c2-word{
    height: 23px;
    line-height: 23px;
}
.c2-list .c2-pic img{
    width:100%;
    vertical-align:top;
    display: inline-block;
}
.loading,#loading{
    height:30px;
    line-height:30px;
    text-align: center;
}

.c1-list>li{
    background:#fff;
    border-radius:2px;
    box-shadow: 0px 0px 2px #ddd;
    margin-bottom:5px;
}
.c1-list>li .c1-word{
    padding:5px;
    word-spacing: normal;
    border-bottom:1px solid #f0f0f0;
}
.c1-list>li .c1-word img{
    width:100%;
}
.c1-list>li .c1-fun{
    padding:5px;
}
.c1-list>li h1{
    padding: 5px 5px 0;
    font-size: 20px;
}
.c1-fun{
    height:30px;
    line-height:30px;
}
.c1-appraisal{
    width:50%;
}
.c1-appraisal li{
    width:50%;
    float: left;
}
.c1-appraisal li i{
    font-size:18px;
    margin:0 5px;
}
.c1-list .share{
    font-size:20px;
    display: block;
    width:40px;
    text-align: center;
}
.c1-appraisal .addAnimation{
    display: block;
    -webkit-animation:toBig .8s;
    color:orange;
}
@-webkit-keyframes toBig 
{   
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform:scale(1.3);}
    100% {-webkit-transform:scale(1);}
}

.d-box{
    position: relative;
    overflow: hidden;
    zoom: 1;
    background: #fff;
    padding: .5em;
    border-radius:2px;
    box-shadow: 0px 0px 2px #ddd;
    margin: 5px;
}
.art-box img{
    max-width: 100%;
}
.d-title{
    padding:5px;
}
.d-title h1{
    font-weight:normal;
    line-height:1.2em;
    font-size:1.2em;
    border-bottom: 1px solid #eee;
    padding-bottom: .4em;
}
.d-title span{
    font-size:12px;
    line-height:16px;
}
.d-title span em{
    font-weight: bold;
    color:orange;
    font-size:14px;
}
.go-btn{
    position: absolute;
    height:30px;
    background:url(../img/prev.png) left center no-repeat,
    url(../images/next.png) right center no-repeat;
    top:50%;
    margin-top:-15px;
    left:0;
    width:100%;
    z-index:-1;
}
.db-pic img ,.db-pic .db-word{
    pointer-events:none;
}
.db-pic .db-word{
    line-height:18px;
    font-size:12px;
}

.n-list li{
    position: relative;
    height:35px;
    line-height:35px;
    border-bottom:1px dotted #ddd;
    vertical-align:top;
}
.n-list li a{
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left:15px;
    font-size: 1em;
}
.n-list li span{
    position: absolute;
    left:4px;
    top:0;
    font-size:30px;
    color:#ccc;
}
.n-list li:last-child{
    border-bottom: none;
}
.paginator{
    text-align:center;
    padding: 1em 0;
	clear: both;
}

.paginator a{
    text-decoration:none;
    background-color:#efefef;
    padding: .4em 1em;
    height: 1em;
    border-radius: 5px;
}

.paginator span {
    color:#A8A8A8;
    padding: .4em 1em;
    margin-left: -3px;
}
.d-box .section-title-b,
.d-box .section-cbox-b{
    background: no-repeat;
}
.d-box .section-list-wap,
.d-box .section-cbox-wap{
    padding: 0;
}
.d-box .section-title-wap{
    padding: .5em 0;
}

/*add by show*/
.linker {padding:10px 10px 0 10px;line-height: 25px;overflow: hidden;text-align: left;}
.linker a{text-shadow:none;text-decoration:color:#000; none;font-weight: normal;}
.linker a:visited {color: #000;}

