body{
    margin:0px;padding:0px;
     background:linear-gradient(#f9fcf1,white);
            background-repeat:no-repeat;
}

input{
    margin:0; padding:0;
}



.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}


hr{
    border:none;
    border-bottom:1px dashed #ddd;
    margin:10px 0px 10px 0px;
}


//动画
       @keyframes rotate {
        0% { transform: rotate(0deg); } /* 初始状态 */
        100% { transform: rotate(360deg); } /* 结束状态 */
        }

        .element {
        animation-name: rotate; /* 指定动画名称为 "rotate" */
        animation-duration: 2s; /* 设置动画持续时间为 2 秒 */
        animation-iteration-count: infinite; /* 无限次重复动画 */
        }





a.aButton{
    display:inline-block;
    box-sizing:border-box;
    text-align:center;
    text-decoration:none;
     background-color:forestgreen;
    padding:10px 20px;
    width:100%;
    font-size:20px;
    border-radius:30px;
    border:1px solid gray;
    color:white;

}



//大标题
#div_Header{
    .tc;

}

//页面标题
h2.h2Title{
    padding:0 8vw;
    text-align:center;
    color:#1f6004;
    font-size:5vw;
}



//文章内容
div.divAtricle{   
    padding:2vw 6vw 2vw 6vw;
    h3{
        color:#444;
        font-size:4.5vw;
    }

    p{
        font-size:3.5vw;
        text-indent:7vw;
        color:#666;
    }

    img.imgNormal{
        width:80vw;
        display:block;
        margin:0 auto;
        border-radius:3vw;

    }
}


//底部BUTTON层
div.fixBottom{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:3vw;
    background-color:white;
    border-top:1px solid #f4f4f4;   
}

button.btnMain{
        font-size:4vw;
        color:white;
        display:block;
        margin:0 auto;
        border:none;
        border-radius:2vw;
        background-color:forestgreen;
        width:75vw;

    }






//导航栏
#div_nav{
    background-image:radial-gradient(#eee,#f0f5e5);
    padding:15px;
    position:fixed;
    box-sizing:border-box;
    width:100%;
    bottom:0px;
    text-align:center;

    a{
        display:inline-block;
        text-decoration:none;
        padding:0px 3%;
        font-size:13px;
        border-right:1px solid gray;
        color:#313;
    }
    
    a:last-child{
        border:none;
    }
    
}

//面板
div.divPanel{
    background-color:white;
    border:1px solid #eee;
    border-radius:10px;
    padding:3vw;
    margin:15px 4%;
    box-shadow:rgba(128, 128, 128, 0.1) 2px 2px 3px ;
    .panelTitle{
        font-size:5vw;
        color:forestgreen;
    }
}

//区块
div.divSection{
    margin-bottom:15px;
   // background-color:#efa;
    label{
        display:block;
        padding:1vw;
        color:#333;
    }

    input{
        outline:none;
        width:100%;
        padding:7px 18px;
        border:1px solid #eee;
        border-radius:5px;
        box-sizing:border-box;
        font-size:1.3em;
    }
}


//###按钮
.btnLink{   //按钮形式的超链接
    display:inline-block;
    font-size:3.5vw;
    text-decoration:none;
    border:none;
    border-radius:2vw;
    background-color:rgba(128, 128, 128, 0.1);
    padding:3vw 6vw;
    color:#444;
    &.main{
        background-color:forestgreen;
        color:white;
    }
}



//提交按钮
#btn_Submit{
    border:none;
    background-color:forestgreen;
    padding:3.5vw;
    width:100%;
    font-size:20px;
    border-radius:3vw;    
    color:white;
}




//divClaim 申请列表
.divClaim{
    div{ 
        //border:1px solid silver;
    }
}




//### 文字标注
.impor{ //重要信息
        color:forestgreen;
        font-size:3.2vw;
}





//弹出层相关
#div_Pop{
    width:60vw;
    left:14vw;
    display:none;
    background-color:#fafafa;
    border:2px #eaeaea;
    border-radius:2vw;
    position:absolute!important;

    box-shadow:rgba(128, 128, 128, 0.1) 1vw 1vw 2vw ;
    top:10%;
    padding:6vw;
    z-index:999!important;      
    
    p{
        font-size:3.5vw;
    }
    
}

.divMask{
    display:none;
    position: fixed;
    top:0; left:0; bottom:0;right:0; 
    background-color:rgba(100,100,100,0.3);
    z-index:2;
}