.article{

	padding:.2rem 0 .1rem 0;

}

.article h2{

	margin-bottom: .2rem;

	line-height: 1em;

	font-size: .24rem;

	color: #000;

	text-align: center;

}

.article p,.article div{

	margin-bottom: .1rem;

	font-size: .24rem;

	line-height: 1.5em;

	color: #333333;


	text-align: justify;

}

.article .cont{

	position: relative;

}

.article .article-cont.hide{

	height: 2rem;

    overflow: hidden;

}

#art-more{

    display: none;

    transition:all .2s;

}



#click-more{

    position: absolute;

    bottom: 0;

    left: 0;
    
    margin-bottom:0;
    
    padding-top: 1.22rem;

    width: 100%;

    text-align: center;

    background-image: -webkit-linear-gradient(90deg,#FFF 37%,rgba(255,255,255,0) 100%);

    background-image: linear-gradient(0deg,#FFF 37%,rgba(255,255,255,0) 100%);

    box-sizing:border-box;



}



.click-more span{

    display: inline-block;

    line-height: .5rem;

    font-size: .24rem;

    color: #863114;

    text-align: center;



}



.click-more .ar-down{

    position: relative;

    top:0rem;

    display: inline-block;
    
    margin-bottom:0;

    content: '';

    width: .3rem;

    height: .3rem;

    background: url(../images/ar_down.png) center bottom no-repeat;

    background-size: .23rem;

    animation: unfold-arrow-animation 300ms infinite alternate;



}



@keyframes unfold-arrow-animation{

    from{top:.05rem;}

    to{top:0rem;}



}