@import "public.css";

body{
    background-color: #000122;
    color: #333;
}
.art-box{

}
.header-box .header-img{
    width: 100%;
    display: block;
}

.xy-yzmbox input {
    height: 73%;
    width: 78%;
    margin-left: 0.2rem;
    color: #333333;
    font-size: .7rem;
    border: none;
    padding-left: 0.3rem;
    background-color: whitesmoke;
}
.xy-yzmbox a {
    color: #2b76ff;
    width: 45%;
    margin-left: 0.4rem;
    margin-bottom: 0.2rem;
}
.xy-yzmbox {
    background: #f4f3f3;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    height: 2rem;
    line-height: 2rem;
    margin: .5rem 0 0;
    padding: 0 0.25rem;
}
.art-box{
    padding: 0 5% 5%;
    background-image: -webkit-gradient(linear,top 50%,bottom 50%,from(#000d43),to(#000122));
    background-image: -webkit-linear-gradient(to bottom,#000d43,#000122);
    background-image:         linear-gradient(to bottom,#000d43,#000122);
}
.sec-btn-box{
    margin: 0 -3%;
    position: relative;
}
.sec-btn-box .btn-lists li img{
    width: 100%;
    display: block;
}
.sec-btn-box .more-btn-box{
    margin: 6% 0;
    text-align: center;
    font-size: .25px;
}
.sec-btn-box .more-btn-box a{
    color: #fff;
}
.sec-content-box{
    position: relative;
    /*border-top: 1px dashed #fff;*/
}
.logo-box{
    margin: 8% 0 5%;
    text-align: center;
}
.logo-box img{
    width: 60%;
}
.go-btn-box{text-align: center}
.go-btn-box a img{
    width: 50%;
}
.content-box{
    margin: 8% 0 3%;
}
.content-box li{
    margin: 8% 0;
}
.content-box li img{
    display: block;
    width: 100%;
}
.popup-box .popup-container{
    width: 90%;
}
.popup-title-box{
    position: relative;
    z-index: 2;
}
.popup-title-box img{
    width: 100%;
    display: block;

}
.popup-content-box{
    padding: 10% 5%;
    background-color: #fff;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    position: relative;
    z-index: 1;
    margin: -5% 7% 0;
}
.popup-tst-box{
    font-size: .85rem;
    color: #000000;
}
.popup-tst-box .popup-rule-lists{
    text-align: left;
    line-height: 1.5em;
    max-height: 15em;
    overflow: auto;
}
.popup-tst-box .zf{
    color: #da1e2f;
    font-size: 1.2rem;
    line-height: 1.8;
}
.popup-btn-box li a{
    font-size: .85rem;
    width: 90%;
	max-width: 7rem;
}
.popup-btn-box li a.popup-btn-style{
    background-color: #33afef;
    color: #fff;
}
.popup-btn-box li a.popup-btn-style1{
    background-color: #ffb900;
    color: #fff;
}

/*新加*/
/*.download-img {
    width: 100%;
    display: block;
}
.down-btn {
    position: absolute;
    right: 2%;
    top: 17%;
    bottom: 17%;
    width: 26%;
}
.bottom-bar + .page {
    bottom: 2.75rem;
}*/

.bottom-bar {
    bottom: 0;
}

.bar {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
}
.download-img {
    width: 100%;
    display: block;
}
img {
    border: none;
    vertical-align: bottom;
}
.down-btn {
    position: absolute;
    right: 2%;
    top: 17%;
    bottom: 17%;
    width: 26%;
}