* {margin: 0;padding: 0;border:0;}
body,html {width:100%;height:100%;background-color: #fff;}
a{text-decoration:none;}
.clear {clear: both;}

#wrap{ width: 50vw; margin: 0 auto;-webkit-overflow-scrolling: touch;}

/*上下浮动层*/
.uploadtip {width:50vw; height: 1.5rem;  position:fixed; background-color: #fff; display: none;}
#top_open {top:0;}
#bottom_open {bottom:0;z-index: 999;}
.aboutword {width: 95%; margin:0.35rem auto 0 auto;}
.aboutword .open_app_logo {float: left; width: 0.9rem;}
.aboutword .open_app_logo img {width: 0.9rem; height: 0.9rem;}
.aboutword .slogan { float: left; margin-left: 0.2rem;}
.aboutword .slogan .title { font-size: 0.4rem;}
.aboutword .slogan .desc {font-size: 0.3rem; margin-top: 0.05rem; color: #ccc; font-family: "SimSun";}
.aboutword .open_app_now { float: right; display: block; width:1rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background-color: #2075b4; border-radius: 0.3rem; color: #fff; margin-top: 0.1rem; font-size:0.25rem; }
/*#bottom_open .aboutword .slogan .title, #bottom_open .aboutword .slogan .desc { float: left; line-height: 0.9rem;}
#bottom_open .aboutword .slogan .desc {margin-left: 0.2rem;}*/

    /*文章*/
    .article {  width:50vw; margin: 1.3rem auto 0 auto; padding-bottom: 100px;}
    .article h1 {font-weight: bold; font-size: 0.45rem;line-height: 0.55rem; color: #3B3B3B; margin: 2rem 0 0.6rem 0;text-align: justify;}
    .article h4 {font-weight: 100; color: #9a9a9a; margin: 0.3rem 0 0.6rem 0;}
    .article h4 #author {font-size: 0.28rem;/*float: right;*/}
    .article h4 .create-span {display:block; width:60vw;font-size: 0.3rem !important; font-weight: bold; line-height: 0.4rem;}
    .article h4 .source-span {display:block; width:60vw;font-size: 0.26rem; line-height: 0.4rem;}
    .article .line-solid {border-top:solid #ccc 1px; margin: 0.3rem 0 0.6rem 0;}

    .sidebar-box {
        margin: 20px 0 0 0;
    }

    .sidebar-box p, .sidebar-box section, .article .abstract, .sidebar-box span {font-size: 0.24rem; line-height: 2em;   color: #3B3B3B; margin-bottom: 0.2rem;}
    .sidebar-box .desc {margin-bottom: 0.6rem;}
    .sidebar-box img {width: 100%; height: auto; border-radius: 10px;}
    .sidebar-box video {max-width: 9rem !important; margin: 0 auto;}
    .editor-font {margin-bottom: 1.5rem;}

    .sidebar-box {
        max-height: 18rem;
        position: relative;
        padding: 0px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .sidebar-box .read-more {
        position: absolute;
        top:15rem;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0px 0 0px 0;

        /* "transparent" only works here because == rgba(0,0,0,0) */
        /*background-image: -moz-linear-gradient(top, transparent, white);*/
        /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));*/

        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='#ffffff',GradientType=0 );
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#ffffff 100%);
    }
    .arrow {
        display: block;
        width: 20px;
        height: 18px;
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -11px;
        border: 5px solid transparent;
        /*border-top: 5px solid #000;*/
        /*border-left: 5px solid #000;*/
        background-image: url("11.jpg");
        background-position: center;
        z-index: 99;
        opacity: .8;
        /*-webkit-transform: rotate(225deg);*/
        -webkit-animation: arrow 1.5s infinite;
        z-index:9999;
        box-sizing: border-box;
    }
    
.more { display: block; margin: 0 auto; width:50vw; height: 1rem; line-height: 1rem; text-align: center; color: #fff; border-radius: 0.5rem; background-color: #2075b4; }

@media screen and (max-width : 750px) {    
    .article h1 {font-weight: bold; font-size: 0.55rem; line-height: 0.77rem; margin: 2rem 0 0.6rem 0;text-align: justify;}
    .sidebar-box p, .sidebar-box section, .article .abstract, .sidebar-box span {font-size: 0.5rem; line-height: 2em;}

    #wrap{ width: 100vw;}
    .uploadtip {width:100vw;}
    .article {width: 92vw;}
    .more {width:90vw;} 
}

@-webkit-keyframes arrow {
    0% {
        opacity:0;
        -webkit-transform:translate(0, -5px)
    }
    50% {
        opacity:1;
        -webkit-transform:translate(0, 0px)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(0, 5px)
    }
}


.spanTitle {
    font-size: 14px !important;
    display: block;
    color: #9a9a9a !important;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    text-indent: 0em !important;
    margin-top: 10px;
    text-align: left;
    border-bottom: #f2f2f4 solid 3px;
    margin-bottom: 10px;
}