@charset "utf-8";
/*
名称：苹果cms 10x Layui框架自适应模板  响应式用户中心
版本：1.0v
开发者：金刚狼 qq：834023388
唯一更新发布网址：http://shop.datll.com
介绍：采集联盟原创模板，专业开发优质影视模板，承接苹果cms程序全功能大型模板开发和仿制
版权声明：模板开发不易，请勿随意传播分享，支持原创,购买正版享受免费跟随程序变动升级！
*/

.wapblock,.i-user-info,.mac_url_img,#output,.wadda,#user_nav{display:none;}.logo img{width:100%;height:100%;}#member #right .grade{width:170px;line-height:40px;text-align:center;color:#fff;margin-right:15px;display:inline-block;}*{margin:0;padding:0;}#container{position:absolute;height:150px;width:100%;z-index:-1;top:0;}#output{width:100%;height:150px;}.color{width:120px;height:20px;margin:0 auto;position:fixed;left:50%;margin-left:-60px;bottom:20px;}.color li{float:left;margin:0 5px;width:20px;height:20px;background:#ccc;-webkit-box-shadow:0 0 4px #FFF;box-shadow:0 0 4px #FFF;list-style:none;cursor:pointer;}.color li:nth-child(1){background:#002c4a;}.color li:nth-child(2){background:#35ac03;}.color li:nth-child(3){background:#ac0908;}.color li:nth-child(4){background:#18bbff;}
@media only screen and (max-width:360px){
.wapblock,.i-user-info,.mac_url_img,#output{display:block;}.i-user-info{float:right;height:31px;width:50%;}.i-user-info li{color:aliceblue;line-height:59px;font-size:19px;}.mac_url_img{width:100px;height:100px;overflow:hidden;float:left;margin-left:20px;margin-top:20px;position: relative;border-radius:50%;}.header{height:150px;padding:10px 0 0 0;overflow:hidden;margin-bottom:-40px;background-color:#16161600;}.logo{display:none;}.wapdisplay{display:none;}:root{--Layuibg:#393D49;--Layuigl:#4E5465;}.nav{float:right;height:31px;overflow:hidden;padding:30px 10px 0 0px;}#user_nav{display:block;}.layout{width:100%;margin:0 auto;}#member{width:100%;margin:40px auto;font-size:14px;}#member #right{width:100%;float:right;padding-top:20px;background-color:aliceblue;}#member #left{top:0;position:absolute;background:var(--Layuibg);border-right:1px var(--Layuibg) solid;width:200px;min-height:100%;float:left;margin-left:-202px;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s;}#member #left ul .hover{background:var(--Layuigl);border-left:4px #009688 solid;text-indent:-4px;width:197px;}#member #left ul li{border-bottom:1px var(--Layuibg) solid;}#member #left .tou{border-bottom:1px var(--Layuibg) solid;}#member #left .tou img{border-radius:50%;}.btn-warm a.nav-link{border-radius:5px;background-color:#009688;color:aliceblue;}.btn-danger a.nav-link{border-radius:5px;background-color:#FFB800;}#member #left ul .hover a{color:#ffffff;}.site-mobile #member #left{z-index:9999;margin-left:0px;top:0;position:absolute;}.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:1000;}#member #right #listCon .xiang{width:25%;display:inline-block;text-align:right;padding-right:5px;}#member #right .list li{border-radius:5px;margin-left:10px;}#member #right .list li.cur{background:#009688;color:#fff;}#member #right h2{margin-left:3%;}#member #right #listCon div{position:relative;}#member #right .member-input{width:35%;}#member #right .you{background:#5fb878 url(../images/member/duigou.png)no-repeat 43px center;}body #member #right span.i-user-q{width:13%;margin:0px 0 5px;line-height:30px;height:25px;background-size:10px 10px;padding-left:10px;margin-left:2px;font-size:10px;}#member #right .table a:link{font-size:12px;}#member #right .table{background:#e2e2e2;width:100%;padding:0 2px;}.line40{line-height:40px;padding:0px 10px;}#member #right .shengji{margin-top:15px;padding:0 10px;}#member #right .grade{width:48%;line-height:40px;text-align:center;color:#fff;margin-right:5px;display:inline-block;margin-top:5px;border-radius:5px;}.reg-w{float:left;padding:0;font-size:14px;}.reg-w form h4{margin-left:3%;margin-top:46px;}.reg-w form .btn-sub{width:200px;border-radius:5px;padding:15px 0;margin-top:0px;margin-left:20%;}.reg-w form .reg-group{position:relative;border:1px solid #ddd;width:95%;margin-bottom:25px;margin-left:2%;}.reg-w form .reg-group .reg-control{width:50%;}.reg-another{float:left;margin-top:12px;padding-left:81px;padding-top:5px;height:auto;border-left:1px solid #ddd;line-height:50px;}.wapyls{margin-top:-13%;z-index:1;position:relative;}#url{width:80%;}	
	
}


/*iphone6/7/8plus（大于413px，小于413px）*/
@media only screen and (min-width:374px) and (max-width:480px){.wapblock,.i-user-info,.mac_url_img,#output{display:block;}.i-user-info{float:right;height:31px;width:50%;}.i-user-info li{color:aliceblue;line-height:59px;font-size:19px;}.mac_url_img{width:100px;height:100px;overflow:hidden;float:left;margin-left:20px;margin-top:20px;position: relative;border-radius:50%;}.header{height:150px;padding:10px 0 0 0;overflow:hidden;margin-bottom:-40px;background-color:#16161600;}.logo{display:none;}.wapdisplay{display:none;}:root{--Layuibg:#393D49;--Layuigl:#4E5465;}.nav{float:right;height:31px;overflow:hidden;padding:30px 10px 0 0px;}#user_nav{display:block;}.layout{width:100%;margin:0 auto;}#member{width:100%;margin:40px auto;font-size:14px;}#member #right{width:100%;float:right;padding-top:20px;background-color:aliceblue;}#member #left{top:0;position:absolute;background:var(--Layuibg);border-right:1px var(--Layuibg) solid;width:200px;min-height:100%;float:left;margin-left:-202px;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s;}#member #left ul .hover{background:var(--Layuigl);border-left:4px #009688 solid;text-indent:-4px;width:197px;}#member #left ul li{border-bottom:1px var(--Layuibg) solid;}#member #left .tou{border-bottom:1px var(--Layuibg) solid;}#member #left .tou img{border-radius:50%;}.btn-warm a.nav-link{border-radius:5px;background-color:#009688;color:aliceblue;}.btn-danger a.nav-link{border-radius:5px;background-color:#FFB800;}#member #left ul .hover a{color:#ffffff;}.site-mobile #member #left{z-index:9999;margin-left:0px;top:0;position:absolute;}.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:1000;}#member #right #listCon .xiang{width:25%;display:inline-block;text-align:right;padding-right:5px;}#member #right .list li{border-radius:5px;margin-left:10px;}#member #right .list li.cur{background:#009688;color:#fff;}#member #right h2{margin-left:3%;}#member #right #listCon div{position:relative;}#member #right .member-input{width:35%;}#member #right .you{background:#5fb878 url(../images/member/duigou.png)no-repeat 43px center;}body #member #right span.i-user-q{width:13%;margin:0px 0 5px;line-height:30px;height:25px;background-size:10px 10px;padding-left:10px;margin-left:2px;font-size:10px;}#member #right .table a:link{font-size:12px;}#member #right .table{background:#e2e2e2;width:100%;padding:0 2px;}.line40{line-height:40px;padding:0px 10px;}#member #right .shengji{margin-top:15px;padding:0 10px;}#member #right .grade{width:48%;line-height:40px;text-align:center;color:#fff;margin-right:5px;display:inline-block;margin-top:5px;border-radius:5px;}.reg-w{float:left;padding:0;font-size:14px;}.reg-w form h4{margin-left:3%;margin-top:46px;}.reg-w form .btn-sub{width:200px;border-radius:5px;padding:15px 0;margin-top:0px;margin-left:20%;}.reg-w form .reg-group{position:relative;border:1px solid #ddd;width:95%;margin-bottom:25px;margin-left:2%;}.reg-w form .reg-group .reg-control{width:50%;}.reg-another{float:left;margin-top:12px;padding-left:81px;padding-top:5px;height:auto;border-left:1px solid #ddd;line-height:50px;}.wapyls{margin-top:-13%;z-index:1;position:relative;}#url{width:80%;}}
@media only screen and (max-width:218px) {
.wapblock,.i-user-info,.mac_url_img,#output{display:block;}.i-user-info{float:right;height:31px;width:50%;}.i-user-info li{color:aliceblue;line-height:59px;font-size:19px;}.mac_url_img{width:100px;height:100px;overflow:hidden;float:left;margin-left:20px;margin-top:20px;position: relative;border-radius:50%;}.header{height:150px;padding:10px 0 0 0;overflow:hidden;margin-bottom:-40px;background-color:#16161600;}.logo{display:none;}.wapdisplay{display:none;}:root{--Layuibg:#393D49;--Layuigl:#4E5465;}.nav{float:right;height:31px;overflow:hidden;padding:30px 10px 0 0px;}#user_nav{display:block;}.layout{width:100%;margin:0 auto;}#member{width:100%;margin:40px auto;font-size:14px;}#member #right{width:100%;float:right;padding-top:20px;background-color:aliceblue;}#member #left{top:0;position:absolute;background:var(--Layuibg);border-right:1px var(--Layuibg) solid;width:200px;min-height:100%;float:left;margin-left:-202px;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s;}#member #left ul .hover{background:var(--Layuigl);border-left:4px #009688 solid;text-indent:-4px;width:197px;}#member #left ul li{border-bottom:1px var(--Layuibg) solid;}#member #left .tou{border-bottom:1px var(--Layuibg) solid;}#member #left .tou img{border-radius:50%;}.btn-warm a.nav-link{border-radius:5px;background-color:#009688;color:aliceblue;}.btn-danger a.nav-link{border-radius:5px;background-color:#FFB800;}#member #left ul .hover a{color:#ffffff;}.site-mobile #member #left{z-index:9999;margin-left:0px;top:0;position:absolute;}.site-mobile .site-mobile-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:1000;}#member #right #listCon .xiang{width:25%;display:inline-block;text-align:right;padding-right:5px;}#member #right .list li{border-radius:5px;margin-left:10px;}#member #right .list li.cur{background:#009688;color:#fff;}#member #right h2{margin-left:3%;}#member #right #listCon div{position:relative;}#member #right .member-input{width:35%;}#member #right .you{background:#5fb878 url(../images/member/duigou.png)no-repeat 43px center;}body #member #right span.i-user-q{width:13%;margin:0px 0 5px;line-height:30px;height:25px;background-size:10px 10px;padding-left:10px;margin-left:2px;font-size:10px;}#member #right .table a:link{font-size:12px;}#member #right .table{background:#e2e2e2;width:100%;padding:0 2px;}.line40{line-height:40px;padding:0px 10px;}#member #right .shengji{margin-top:15px;padding:0 10px;}#member #right .grade{width:48%;line-height:40px;text-align:center;color:#fff;margin-right:5px;display:inline-block;margin-top:5px;border-radius:5px;}.reg-w{float:left;padding:0;font-size:14px;}.reg-w form h4{margin-left:3%;margin-top:46px;}.reg-w form .btn-sub{width:200px;border-radius:5px;padding:15px 0;margin-top:0px;margin-left:20%;}.reg-w form .reg-group{position:relative;border:1px solid #ddd;width:95%;margin-bottom:25px;margin-left:2%;}.reg-w form .reg-group .reg-control{width:50%;}.reg-another{float:left;margin-top:12px;padding-left:81px;padding-top:5px;height:auto;border-left:1px solid #ddd;line-height:50px;}.wapyls{margin-top:-13%;z-index:1;position:relative;}#url{width:80%;}	
	
	
}