/* Mobile CSS */
.cf:after,.cf:before{content:" ";display:table;clear:both}
*{padding: 0px;margin: 0px;box-sizing: border-box;}
.homepage{background: url("../image/bg_index.jpg") center 100px no-repeat #33333d;background-size:cover;}

.indexpage{width:100%;height:auto;background: url("../image/bg2.jpg") top center no-repeat;background-attachment: fixed;background-size:cover;}

.indexlogo{width:100%;height:auto;overflow: hidden;clear: both;text-align: center;padding-top:20px;margin: 0px auto;}
.indexlogo a.alogo{float: left;display: inline-block;}
.ttt{width:100%;height:auto;background: url("http://www.10002.cc/mobile/static/default/img/ttt.png") no-repeat;margin:10px auto 10px auto;overflow: hidden;display: flex;justify-content: center;}
.ttt a{display: flex;width:1000px;height:36px;align-items: center;justify-content: center;font-size:16px;}
.ttt img{height:18px;margin-right:5px;}

.vip {
	    text-decoration: none;
	    font-size:16px;
	    -webkit-mask-image: linear-gradient(to right,#ffff00,red);
	    background-image: linear-gradient(to right,#ffff00,red);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-background-size: 200% 100%;
	    animation: bgp 2s infinite linear;
	    font-weight: bold;
	}
@-webkit-keyframes bgp{
	0%{background-position:0 0}
	100%{background-position:-100% 0}
}

.xilie{width:100%;padding:0px 10px;box-sizing: border-box;}
.xilie ul{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;}
.xilie ul li{width:33.33%;height: 40px;line-height: 40px;border-radius: 5px;text-align: center;font-size:16px;font-weight: bold;margin-bottom: 10px;}
.xilie ul li a{background: linear-gradient(to bottom,#f2e6c3,#ef9416,#f2e6c3);-webkit-background-clip: text;color: transparent;display: block;text-decoration: none;}
.xilie ul li.active,.xilie ul li:hover{border-color: #f60;
    background: #f60;
    background-image: -webkit-linear-gradient(bottom,#c48533,#ef9416,#895006);
    background-clip: border-box;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #ffffff;}
.xilie ul li.active a{color: #fff;}

.panelbox{width:100%;overflow: hidden;padding: 0px 10px 50px 10px;box-sizing: border-box;}
.login_reg{width:100%;height:auto;margin-top:20px;text-align: center;background:rgba(5,27,79,0.6);border:1px solid rgba(255,255,255,0.3);overflow: hidden;border-radius:10px;padding-top: 10px;}
.login_reg .lname{float:left;width:100%;margin-top:10px;}
.login_reg .lname img{width:91px;height:91px;border-radius:50%;background: #fff;border:2px solid #99723f;}
.login_reg .thisdes{width: 100%; height:auto;margin-top:10px;overflow: hidden;}
.login_reg .thisdes h2{font-size:20px;/*background: linear-gradient(to bottom,#f2e6c3,#ef9416,#f2e6c3);-webkit-background-clip: text;color: transparent;*/font-weight: bold;color:#f99c22;}
.login_reg .thisdes h2,.login_reg .thisdes p{}
.login_reg .thisdes p{display: block;height: 26px; font-size:15px;color: #fff;line-height:26px;margin-bottom:0px;}

.alinks{width:auto;margin:10px 5px;}
.alinks ul li{width:50%;text-align: center;margin-bottom:8px;overflow:hidden;box-sizing: border-box;padding:0px 5px;}
.alinks ul li a{display: block;width: 100%;color:#fff;font-size: 16px;border-radius:6px;overflow: hidden;}
.alinks ul li,.alinks ul li a{height:43px;line-height:43px; }
.alinks ul li:nth-child(odd){float: left;}
.alinks ul li:nth-child(odd) a{background: #2c7;}
.alinks ul li:nth-child(odd) a:hover{background:#5d8;}
.alinks ul li:nth-child(even){float:right;}
.alinks ul li:nth-child(even) a{background: #0ae;}
.alinks ul li:nth-child(even) a:hover{background:#3bd;}
.alinks ul li:nth-child(5) a{background: #f60;}
.alinks ul li:nth-child(5) a:hover{background: #f90;}
.alinks ul li:nth-child(6) a{background: #0a8;}
.alinks ul li:nth-child(6) a:hover{background: #0ab;}

.header{width:100%;}
.header .inlogo{margin:30px 0px; text-align: center;}
.header menu{display: block;height:auto;overflow: hidden;}
.header menu ul li{float: left;width:20%;height:40px;line-height:40px;text-align: center;font-size:12px;background:#fff;border-bottom: 1px solid #ccc;}
.header menu ul li.active a{color: #de513d;font-weight: bold;}

.index-menu{width:100%;height:auto;clear: both;margin: 30px auto;padding: 0px 20px;}
.index-menu ul li{float:left;width:50%;height:auto;text-align: center;margin-bottom: 30px;}
.index-menu ul li img{height:130px;}

.footer{color:rgba(255,255,255,0.5);text-align: center;line-height: 30px;padding:0px 0px 10px 0px;}
video{width:100% !important;height:auto !important;}
/*vpn*/
.downlist{width:100%;margin:20px auto;padding: 0px 20px;}
.downlist .item{width:100%;height:auto;background:#e7edf2;box-shadow:0px 0px 20px rgba(0,0,0,0.1);border-radius:10px;margin-bottom:20px;text-align: center;padding-bottom: 20px;}
.downlist .item .blogo{display:block; width:100%;height:auto;padding: 20px 0px;}
.downlist .item .txt{padding-right:20px;}
.downlist .item .txt h3{font-size:24px;margin-top:15px;}
.downlist .item .txt .downlinks{width:100%;margin-top:10px;}
.downlist .item .txt .downlinks a{display:inline-block;height:auto;line-height:26px;background: #46a246;color: #fff;border-radius: 10px;padding:5px 8px;}
.downlist .item .txt p{margin-top:12px;font-size:15px;} 
.downlist .item .txt p a{color: #999;}
.downlist .item.c1 .txt h3 a{color:#46a246;}
.downlist .item.c2 .txt h3 a{color:#de513d;}
.downlist .item.c3 .txt h3 a{color:#0078d7;}
.downlist .item.c2 .txt .downlinks a{background: #de513d;}

.downlist .item.c3 .txt .downlinks a{background: #0078d7;}
.downlist .item .txt h3 a:hover{font-weight:400;}
.downlist .item .txt p a:hover{color:#de513d;}
.downlist .item .txt .downlinks a:hover{background: #000;}

.single{width:100%;color:#154f82;line-height:2;overflow: hidden;}
.single .content{margin:0px 20px 20px;background:#e7edf2;padding: 20px;box-shadow:0px 0px 20px rgba(0,0,0,0.1);font-size:16px;border-radius:10px;word-wrap:break-word;word-break:break-all;white-space: normal}

/*虚拟币*/
hr, p{margin:5px 0;}
.money{font-size:16px;}
.money .con{background:#e7edf2;padding: 20px;margin: 20px;box-shadow:0px 0px 20px rgba(0,0,0,0.1);border-radius:10px;}
.money .con .title{font-size:24px;font-weight: bold;color: #000;text-align: center;margin-bottom: 10px;}
.money .con h2{font-size:16px;background: #de513d;color: #fff;padding:10px 16px;border-radius:10px;margin: 0;}
.money .con h2 a{color: #fff;font-weight: bold;}