@charset "utf-8";
/* CSS Document */
/*<style  type="text/css">*/
body {
    text-align: center
}
#bg_img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1; /*堆叠顺序*/
    width: 100%;
    height: 100%;
}
#link {
    margin: 0px auto; /*    width: 850px;*/
    text-align: center; /*    target: _blank;//无效，只能写到属性里*/
}
#link:after {
    content: ".";
    width: 100px;
    height: 0px;
    /*    display: inline;*/
    clear: both;
    visibility: hidden;
}
/* #link div{
    float:left;
} */
#link ul {
    display: table;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}
#link li {
    float: left;
    /*    width: 150px;*/
    /*宽度改由p来控制*/
    list-style: none;
    text-align: center;
}
/*    所有链接无下划线*/
a {
    text-decoration: none;
}
/*    超链接未被单击时*/
#link a:link {
    /*    灰黑色*/
    color: rgba(60, 64, 67, 1.00);
}
/*    鼠标点击后*/
#link a:visited {
    color: rgba(60, 64, 67, 1.00);
}
/*    鼠标悬停时的状态*/
#link a:hover {
    color: black;
}
/*    鼠标点击时*/
#link a:active {
    color: rgba(60, 64, 67, 1.00);
}



/*大屏幕设备*/
@media(min-width:768px) {
    #logo {
        padding-top: 55px;
        padding-bottom: 75px;
    }
    .w-100{
        display:none;
    }
    #link p {
        background-color: whitesmoke;
        border: solid whitesmoke 3px;
        border-radius: 15px;
        width: 100px;
        padding: 0;
        margin: 18px 25px;
        font-size: 18px;
        font-family: "微软雅黑";
        text-align: center;
    }
    
    #roll {
        display: inline-block;
           /* border: solid 1px red; */
        border-radius: 15px;
        background-color: rgba(95, 93, 93, 0.534);
        margin: 10px auto;
        padding: 0 20px;
        /* text-align: center; */
        color: whitesmoke;
        width: 550px;
        /* align-self: center; */
    }
    #roll .title {
        font-size: 20px;
        font-family: '微软雅黑';
        font: bold; /*align="left" behavior="scroll" direction="left" height="10" width="10" hspace="50" vspace="5" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()"*/
        margin:20px 0;
    }
    #roll .fcst{
        font-size: 18px;
        font-family: '微软雅黑';
        font: bold; 
        text-align: left;
        margin: 10px 0;
    }
    #roll .source{
        text-align: right;
        color:rgb(179, 170, 170);
        margin:20px 0;
    }
    #roll a:link{
        color:whitesmoke;
    }
    #roll a:visited {
        color: whitesmoke;
    }
    /*    鼠标悬停时的状态*/
    #roll a:hover {
        color: rgb(168, 132, 132);
    }
    /*    鼠标点击时*/
    #roll a:active {
        color: whitesmoke;
    }
}
/*中小屏幕设备*/
@media(max-width:767px) {
    #logo {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    #link p {
        background-color: whitesmoke;
        /*    border: solid whitesmoke 3px;*/
        border: none;
        border-radius: 12px;
        width: 75px;
        padding: 0;
        margin: 5px 15px 15px;
        font-size: 14px;
        font-family: "微软雅黑";
        text-align: center;
    }
    /*    所有链接无下划线*/
    #roll {
        display: block;
           /* border: solid 1px red; */
        border-radius: 12px;
        background-color: rgba(253, 242, 242, 0.514);
        margin: 2px 5px;
        padding: 2px 5px;
        text-align: center;
        color: rgba(60, 64, 67, 1.00);
        /* align-self: center; */
    }
    #roll .title{
        font-size: 16px;
        font-family: '微软雅黑';
        /* font: bold; align="left" behavior="scroll" direction="left" height="10" width="10" hspace="50" vspace="5" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()" */
        /* margin:20px 0; */
    }
    #roll .fcst{
        text-align: left;
        margin: 5px 2px;
        font-size: 14px;
    }
    #roll .source{
        text-align: right;
        font-size: smaller;
    }
    #roll a:link{
        color:rgba(60, 64, 67, 1.00);;
    }
    #roll a:visited {
        color: rgba(60, 64, 67, 1.00);;
    }
    /*    鼠标悬停时的状态*/
    #roll a:hover {
        color: rgb(50, 62, 71);;
    }
    /*    鼠标点击时*/
    #roll a:active {
        color: rgba(60, 64, 67, 1.00);;
    }
}

/* footer */
footer a:link {
    text-decoration: none;
    color: rgb(196, 196, 196);

}
footer a:visited {
    text-decoration: none;
    color: rgb(196, 196, 196);
}
footer {
    z-index: -1;
    clear: both;
    position: fixed;
    bottom: 2px;
    width: 100%;
    text-align: center;
    color: rgb(196, 196, 196);
    font-size: 11px;
    left:0px;
}
footer p{
    margin: 5px 20px;

}