@media screen and (max-width: 767px) {
    body{
    padding: 0;
    margin: 0;
    max-width: 100vw;
    height: 100vh;
    overflow-y:auto;
    background-color: #000000;
    }    
    .mian_page{
    width: 100%;
    height: 100vh;
    background: url("//bz.5qmn.com/?type=web");
  background-size: cover;
    /*no-repeat center center;*/
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
    background-color: rgb(0,0,0,0.3);
    }
}
@media screen and (min-width: 768px) {
    body{
    padding: 0;
    margin: 0;
    max-width: 100vw;
    height: 100vh;
    overflow-y:auto;
    background-color: #000000;
    background: url("//bz.5qmn.com/?type=pc")
    no-repeat center center;
    background-size: cover;
    background-attachment: fixed;    
    }    
    .mian_page{
    width: 100%;
    height: 100vh;
    background-color: rgb(0,0,0,0.3);
    }
}
/*body{*/
/*    padding: 0;*/
/*    margin: 0;*/

/*max-width: 100vw;*/
/*height: 100vh;*/
/*    overflow-y:auto;*/
/*background-color: #000000;*/
/*background: url("//bz.6qmn.com/")*/
/*no-repeat center center;*/
/*background-size: cover;*/
/*background-attachment: fixed;*/
/*}*/
body::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮�*/
width:2px;/*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
height:4px;
}
body::-webkit-scrollbar{
    width:0;
}
body::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
border-radius:5px;
-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
background:rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬�*/
-webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1);
}
/*body::-webkit-scrollbar {  background-color: #eee;  width: 8px;}*/


/*.mian_page{*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    background-color: rgb(0,0,0,0.3);*/
/*}*/
.index_name{
    color:#FFFFFF;
    font-size:2.5vh;
    font-weight:bold;
    letter-spacing:5px;
    position: absolute;
    left: 10vw;
    top: 70vh;
}
.index_yiyan{
    max-width: 90vw;
    position: absolute;
    left: 10vw;
    top: 75vh;   
    font-size:2vh;
    font-weight:bold;
    letter-spacing:5px;  
    color:#FFFFFF;
}
.index_name .circle{float:left;margin-right:10px;letter-spacing:0}
.index_name .circle span{display:inline-block;width:13px;height:13px;background-color:#fff;border-radius:100%;margin-right:5px}
.index_name .circle span:first-child{background-color:#ff493f}
.index_name .circle span:nth-child(2){background-color:#f7c900}
.index_name .circle span:nth-child(3){background-color:#00ff37}
.index_next{
    position: absolute;
    left: 0;
    bottom: 2vh;   
    color:#FFFFFF;
    width: 100%;
    text-align: center;
    transform: rotate(90deg);
    font-size: 20px;
	-webkit-animation:1.5s shake linear infinite normal;
	animation: 1.5s shake linear infinite normal;

}
@keyframes shake {
  0% {
    bottom: 2vh; 
  }
  50% {
    bottom: 4vh; 
  }
  100% {
    bottom: 2vh;
  }
}
.mian_page2{
    max-width: 100vw;
    width: 100%;
    background-color: rgb(0,0,0,0.8);
    color:#FFFFFF;
}
.index_info{
    padding: 5vh;
}
.index_user_pic{
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
}
.index_user_name{
    width: 100%;
    padding: 10px;
    text-align: center;
}
.user_info{
    line-height: 5vh;
    margin-bottom:2vh;
}
.user_title{
    font-weight:bold;
    margin-bottom: 3vh;
}
.user_name{
    font-size: 20px;
}
.user_signature{
    font-size: 18px;
}
.user_pic{
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    
}
.user_contact{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.user_contact li{
    padding: 10px;
}
.user_contact li span{
    font-size: 30px;
}
.link_style{
    text-align: center;
    padding: 2vh;
}
.link_ui{
    padding: 10px;
}
.link{
    padding: 10px 15px 10px 15px;
    border: 1px #FFFFFF solid;
    border-radius: 35px;  
    margin-bottom: 1vh;
    font-size:18px;
    color:#FFFFFF;
}
.link:hover{
   color:#FFFFFF; 
   background-color: rgb(255,255,255,0.5);
}
.copyright{
    margin-top: 10vh;
    margin-bottom: 5vh;
    text-align: center;
}
.copyright_name{
    font-weight:bold;
    font-size: 20px;
    letter-spacing:15px;
}
.copyright_icp{
    margin-top: 2vh;
    font-size: 16px;
    color:#DDDDDD;
}
.copyright_text{
   margin-top: 2vh;
    font-size: 16px;   
    color:#AAAAAA;
}