*{margin:0;padding:0;}
html,body{margin:0; padding:0;  width:100%; height: 100%;}
body{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
    font:normal 14px/1.5 Microsoft Yahei,Lucida Grande,Tahoma,Verdana,STXihei,hei;
    color:#333;
    background-color: #f2f2f2;
}
ul,ol,li,em,p,span,h1,h2,h3{margin:0; padding:0; font-weight:normal; list-style:none; font-style:normal}
a {text-decoration: none; color: #00a5ec;}

/* loading box*/
#loading{display:table;position:fixed;z-index: 100;
    width:100%;height:100%;
    left:0;right:0;top:0;bottom:0;
    background-color:#000;
    font-weight: bolder;}
#loading .tip{display: table-cell;
    vertical-align: middle;
    font:1.6em/2 '';
    color: white;
    text-align: center;
}
#percent{margin-top: 20px;}
.loading-pic {position: relative;margin-top: 50px;}
.loading-pic span {position: absolute; left:0; top:14px; width:100%; text-align: center; font-size: 11px;}
.loading-pic img{
        animation:rolling 3s linear infinite;
        -webkit-animation:rolling 3s linear infinite;
        -moz-animation:rolling 3s linear infinite;
    }
#loading .logo {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: 10%;
    margin-left: -30px;
    width: 60px;
}
/* weixin share overlay*/
.overlay-wxshare {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(20,20,20,.95) url(paper-logo.svg) no-repeat center 98%; z-index:150;}
.wxmenu-tips{position:absolute; right:2em; top:1em; width:50px; height:60px; background:url(wxmenu-tips.svg) no-repeat;}
.tips-text {margin-top:100px;}
.tips-text p {width:100%; text-align:center; color:#fff; font-size:1.4em; line-height:2em;}

/*container box*/
.container{
    position: relative;
}
.tlwrap {background-color: #000; border-bottom: 1px solid #ddd;}
.pc .tlwrap {
  border: 1px solid #ddd;
  margin: 0 auto 0;
  border-radius: 4px;
  width:720px;
}
.tlt {color:#fff;}
.tl-cover img {width: 100%; vertical-align: top;}
.pc .tlt {padding:30px;}
.tlt h1 {margin:1em auto;}
.tl-desc {text-align: left; padding: 20px 20px 40px;}
.tl-desc p {margin-bottom: 10px; font-size: 14px;}
.pc .tl-desc p {font-size: 16px;}
.tsection {text-align: center; padding: 0 10px;}
.pc .tsection {padding: 0 20px;}
.secinner {position: relative; padding-bottom: 25px; text-align: left;}
.line {
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 60px;
    z-index: 1;
    width: 1px;
    background-color: rgb(255,187,0);
}
.pc .line {left: 90px;}

.sectitle h2 {background: transparent url(../assets/clock.png) 46px 5px no-repeat;
    font:bolder 14px/20px '';
    color: rgb(255,187,0); padding: 10px 0; height: 30px; position: relative; z-index: 6;
    background-size: 30px 30px;
}
.pc .sectitle h2 {font-size: 20px; background-position: 76px 5px; height: 60px;}
.tnode {visibility: hidden; margin: 0 0 10px; position: relative; z-index: 5;
        background: transparent url(../assets/dot.png) 55px 5px no-repeat;
        background-size: 10px 10px;
    }
.pc .tnode {margin: 20px 0 30px; background-position: 86px 5px;}
.acrosscol { background-image: none; border-radius: 4px;}
.acrosscol,
.tnode:last-child {border-bottom-style: none;}

.tnode.blue {background-color: #f00;}

.current {
    visibility: visible;
    -webkit-animation:fadeIn 0.5s ease-in both;
    animation:fadeIn 0.5s ease-in both;
}
.current:nth-child(1) {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.current:nth-child(2) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.current:nth-child(3) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.current:nth-child(4) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.current:nth-child(5) {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.current:nth-child(6) {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.current:nth-child(7) {-webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.current:nth-child(8) {-webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.current:nth-child(9) {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.current:nth-child(10) {-webkit-animation-delay: 1s; animation-delay: 1s;}

.ntime {color: #fff; float: left; width: 50px; padding-right: 10px; text-align: right;}
.pc .ntime {width: 70px;}
.nconwrap {overflow: hidden; margin-left: 70px;}
.pc .nconwrap {margin-left: 110px; margin-right: 10px;}
.nconwrap h3 {font-size: 16px; color: #fff;}
.pc .nconwrap h3 {font-size: 16px; color: white;}
.nodetext {margin-bottom: 10px;}
.nodetext p {font-size: 14px; color: #999;}
.nodemedia {margin-bottom: 10px;}
.acrosscol .nodemedia {margin-bottom: 0; text-align: center;}
.nodemedia img{max-width: 100%; vertical-align: top;}
.nodemedia audio {width: 100%;}
.nodemedia video {width: 100%;}
.highlight, .highlight h3 {font-weight: 700;}
.mediainfo {margin-top: 5px; font-size: 12px;color:#aaa;}

.sharebar{height: 120px; text-align: center; padding-top: 20px;}
.pc .sharebar{height: 150px; padding-top: 40px;}
.exlinks {margin: 0 0 50px; font-size: 18px;}
.pc .exlinks {font-size: 24px;}

.sharebar a {text-decoration: none;}
.appdl {display: inline-block; color: #778087; padding: 5px 20px;margin-top: 10px;}
.appdl img {width: 40%;}
.appdl span {display: block;}
.pc .appdl {margin-top: 20px;}

/*share box*/
.show-share .sharewrap {display: block;}
.bgcimg img {width: 100%;}
.share-title{color: #778087; font-style:normal; display: inline-block; width: 60px; height: 30px; vertical-align: middle;}
.share-arrow{color:#7c272d; -webkit-transform:rotate(90deg);transform:rotate(90deg);}
.paper-share a { display: inline-block; width:60px; height:30px;}
.share-span span {display:block; width:100%; height:100%; cursor:pointer;}
.jiathis_button_weixin span,.paper-weixin span{background:url(weixin.svg) no-repeat center center;}
.jiathis_button_tsina span{background:url(tsina.svg) center center no-repeat;}
.sharewrap .brand {display: block; margin-bottom: 20px; text-align: center; border: 0 none;}

@media screen and (min-width: 700px) {
    /* .container{width:600px;margin: 0 auto;} */
  }

/*animation keyframes*/
/*loading rolling*/
@-webkit-keyframes rolling{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@keyframes rolling{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@-webkit-keyframes fadeIn{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes fadeIn{
    0%{opacity: 0;}
    100%{opacity: 1;}
}