* {
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    height:100%;
    font-family:"黑体", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
ul li{
    list-style-type: none;
}
img {
    border: none;
}

.hegemony{background-color: #6087fe;}

.hegemony .top{ width: 1200px; margin: 0 auto}

.hegemony .first-active-column,.active-column{
    background: #fff;
    border-radius: 1.5rem;
    width:50%;
    margin:0 auto;
    text-align:center;
}
.hegemony .active-column{
    margin-top: 80px;
}
.hegemony .first-active-column .title,.active-column .title{
    width:20%;
    color:#fff;
    border-radius: 1rem;
    background: #4570fa;
    padding:10px;
    text-align: center;
    margin: -25px auto;
    position: absolute;
    left:39.5%;
}

.hegemony .first-active-column .active-content,.active-column .active-content{
    padding:40px;
}
.hegemony .first-active-column .active-content h2{
    color:#7373d7;
}
.hegemony .first-active-column .active-content img,.first-active-column .active-content p{
    margin-top: 40px;
}
.hegemony .first-active-column .active-content p{
    text-align: left;
    display: inline-block;
    line-height: 40px;
    color:#7373d7;
}
.hegemony .active-column .active-content p{
    color:#333;
    line-height: 30px;
    text-align: left;
}
.hegemony .active-content .first-list-detail h2,.active-content .list-detail h2{
    color:#6f64e4;
}
.hegemony .active-content .first-list-detail,.active-content .list-detail{
    margin-top:30px;
}
.hegemony .active-content .first-list-detail p{
    width:90%;
    color:#fff;
    background: #4e96fa;
    background: linear-gradient(180deg, #5b97f9, #6f73fb);
    border-radius: 5px;
    margin-top: 30px;
    padding:10px 20px;
    text-align: left;
    font-size: 18px;
    display: inline-block;
    line-height: 40px;
}
.hegemony .active-content .list-detail .list{
    width:90%;
    font-size: 18px;
    color:#fff;
    background: #4e96fa;
    background: linear-gradient(180deg, #5b97f9, #6f73fb);
    border-radius: 10px;
    margin-top: 30px;
    padding:10px 20px;
    text-align: left;
    display: inline-block;
    line-height: 40px;
}
.hegemony .prompt{
    width:50%;
    margin: 30px auto;
    text-align: left;
    color:#fff;
    line-height: 40px;
}
.hegemony .prompt div{
    margin-left: 40px;
}


        #indexheadpopup .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
        #indexheadpopup .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
#indexheadpopup .bigbox{   
     width: 840px;
     margin: 0 auto;
     overflow: hidden;
}
        #indexheadpopup .bigbox>.imgbox{
    position: fixed;
    
    width: 400px;
    height: auto;
    overflow: hidden;

    bottom: 0;
    right: 0;}
        #indexheadpopup .bigbox>.imgbox>img{width:100%;}
        #indexheadpopup .imgbox:hover{cursor:zoom-in}
        #indexheadpopup .mask:hover{cursor:zoom-out}
        #indexheadpopup .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        #indexheadpopup .mask>img:hover{cursor:pointer}


#client{
    position:absolute;
    right:0px;
    top:80%;
    margin-top:-80px;
    z-index: 2;
    display: none;
    background: #ffffff center center;
    background-size: 80%;
    height: 60px;
    width: 60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    }

#client img{
    width: 30px;
    height: 30px;
    margin-top: 13px;
    margin-left: 3px;
}


#client a{
    width:60px;
    height:60px;
    text-align:center;
    padding:0px 0px;
    display:block;
    }



#indexheadpopup{ 
    position:absolute;
    width:370px; 
    height:auto; 
    overflow:hidden;
    display: none; 
    margin:0 auto;
    z-index:12001;
    border-radius: 8px;
    }

#bgwarp{ 
    display: none;  
    position: absolute; 
    top: 0%;  
    left: 0%;  
    width: 100%;  
    height: 100%;  
    background-color: black;  
    z-index:11001;  
    -moz-opacity: 0;  
    opacity:0;  
    filter: alpha(opacity=0);
    }

.close_popup{
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    padding: 5px;
    background-image: url(../images/adver/close_adver.png);
    background-size: 100%;
    width: 24px;
    height: 24px;

    }

.img-responsive {
    display: inline-block;
    height: auto;
    max-width: 100%;
}


.hot_link{
    position: absolute;
    top: 495px;
    font-size: 14px;
    color: #ffffff;
    font-family: "黑体";
    left: 55px;

}

.hot_link span a{

    text-decoration: none;
    display: inline-block;
    width: 105px;
    border-radius: 6px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;

}



.hot_link span a {
    font-weight: bold;
	border:1px solid #ffaa22;
	background:-moz-linear-gradient( center top, #ffec64 8%, #ffab23 97% );
	background:-ms-linear-gradient( top, #ffec64 8%, #ffab23 97% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(8%, #ffec64), color-stop(97%, #ffab23) );
	background-color:#ffec64;
	color:#111111;
	display:inline-block;
	text-shadow:0px 0px 0px #ffee66;
 	-webkit-box-shadow:inset 0px 0px 0px -50px #fff6af;
 	-moz-box-shadow:inset 0px 0px 0px -50px #fff6af;
 	box-shadow:inset 0px 0px 0px -50px #fff6af;
}
.hot_link span a:hover {
	background:-moz-linear-gradient( center top, #ffab23 8%, #ffec64 97% );
	background:-ms-linear-gradient( top, #ffab23 8%, #ffec64 97% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(8%, #ffab23), color-stop(97%, #ffec64) );
	background-color:#ffab23;

}
.hot_link span a:active {
	position:relative;
	top:1px;
}



.safe-container .top{
    text-align: center;
    margin: 0 auto;
}
.safe-container .stripe-img{
    text-align: center;
}
.safe-column{
    background: #fdfce8;
    border-radius: 1rem;
    width:50%;
    margin:0px auto;
    text-align:center;
}
.safe-column .title .title-bar{
    position: relative;
    top:20px;
}
.safe-column .title h3{
    position: relative;
    bottom: 50px;
    color: #fff;
}
.product-content .text{
    position: relative;
    bottom:15px;
    left:10px;
}
.product-content .content-text{
    padding:30px;
}
.product-content .content-text li{
    text-align: left;
    display: block;
    line-height: 40px;
}
.product-content .content-text li span{
    color:#ff4e00;
}




/*rank*/

.rank_list .container{
    width: 980px;
    margin: 0 auto;
}

.rank_list .title h2{
    text-align: center;
}
.rank_list .table,.grid-table{
    width:90%;
    margin: 30px auto;
}
.rank_list table.grid-table {
    color:#333333;
    border:1px solid #f0f0f0;
    border-collapse: collapse;
}
.rank_list table.grid-table th {
    padding: 15px;
    border:1px solid #f0f0f0;
    background-color: #fc7d5a;
    color:#fff;
    font-size: 18px;
}
.rank_list table.grid-table tr:nth-child(even){
    background: #fff;
}

.rank_list table.grid-table td {
    border:1px solid #f0f0f0;
    padding: 5px 15px;
    text-align: center;
    font-weight: bold;
}

.rank_list .call-out-fix{
    width: 500px;
    margin: 0 auto;
    display: flex;
}
.rank_list .call-out-fix .call-out-trumpet{
    display: inline-block;
}
.rank_list .call-out-fix .call-out-button{
    display: inline-block;
    text-align: center;
}
.rank_list .call-out-fix .call-out-finger{
    display: inline-block;
}

.rank_list .call-out-fix .call-out-finger img{
    z-index: 111;
    position: absolute;
    margin-left: -80px;
    margin-top: 15px;
}


.rank_list .call-out-button{
    background: #fdab01;
    border-radius: 25px;
    padding:10px;
    width:400px;
   /* text-align: center;*/
    margin: 0 auto;
    color:#fff;
    line-height: 26px;
    cursor: pointer;
}

.rank_list .copyright{
    width:60%;
    text-align: right;
    margin: 30px auto;
    color:#6f6f6f;
    padding-right:20%;
}

.rank_list .data_time{
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 248px;
    font-size: 2.5rem;
    color: #ffffff;
    margin-left: -130px;
}