@charset "utf-8";
@import url("import.css?2019");
*{ list-style:none; padding:0; margin:0;}
html,body{ font-size:12px; height:100%;}
body{background-color: #eee;}

.notice{font-size:12px;text-align:right; background-color:#fff1c3;line-height:30px;}
.notice a{font-size:12px; color:#666; display:inline-block;margin-left:10px;}
.notice .iconfont{color:#f66;margin-right:5px;}

.header{padding:10px 0 50px 0; height:80px;position:relative; width:100%;  background-color: #fff;}
.header .avatar{ background-color: #fff; padding:10px; margin:auto; height:120px; position:absolute; left:10px; right:10px; bottom:-40px; border-radius:5px; box-shadow:rgba(102,102,102,0.3) 0 0px 5px }
.header .avatar>img{position:absolute; top:-45px; left:0; right:0;text-align:center;margin:0 auto; display:block; border-radius:65px; height:75px; width:75px;}
.header .avatar p{text-align:center; color:#000; height:65px; line-height:65px;}

.header h4{ position:absolute; z-index:10; left:0; right:0; bottom:-10px; text-align:center; }
.adminFrame{height: 100%;display: flex;}
.leftFrame{background-color:#283c59;height: 100%;width: 180px;}
.rightFrame{width: calc(100% - 180px);background-color: #fcfcfc;height: calc(100% - 65px);}	
	.topNav{height:60px;width: 100%; line-height:60px;background-color: #000;color:#fff}
	.topNav div{ float:right; margin-right:100px;}
#srcFrame{height: 100%;width: 100%;border: none;}
	.adminMenu{overflow-x: hidden; color: #ccc;}
	.adminMenu h4{line-height: 45px;height: 45px;text-indent: 2rem;padding:0;margin:0}
	.adminMenu ul{display: none; background-color:#16253e; padding-left:20px;}
	.adminMenu li{ line-height: 45px;height: 45px;cursor: pointer;list-style: none; text-indent:1rem}
.tabOn{border-left:#155b7e solid 5px;}
.liOn{color:#3784ff}



		

.container h4{font-size:22px; line-height:45px; height:45px;}
.container p{ line-height:35px; }
.mainFrame{ position:absolute; top:-100px;}

.memTop{ height:5px;}

.loginDiv{ padding:2% 0 2% 0;background-image: linear-gradient(to right,#3476fe,#34aafe);margin-top:0%;background-image:url(../Images/login.jpg); background-size:cover; }
.loginDiv a{color:#333}
	.userLogin{padding:20px; margin:1% auto; border:#eee solid 1px; box-shadow:rgba(0,51,204,0.35) 0 5px 7px;background-color: #fff;}
	.userLogin ul{ display:none;}
	.userLogin ul:first-child{ display:block;}
	.userLogin h4{ height:50px; line-height:50px;font-weight:bold;font-size:22px;}

	.userLogin p{ margin-bottom:15px;}
	.userLogin input[type="submit"]{ width:100%}

.topCoin{}
.topCoin li{ line-height:3rem;color:#888;border-bottom:#eee solid 1px;}
.topCoin>li>i{ display:inline-block;text-align:center; margin-right:5px;}
.topCoin>li>span{ float:right;}

.topCoin>li:nth-child(1){color:#F00;}
.topCoin>li:nth-child(2){color:#0C0;}
.topCoin>li:nth-child(3){color:#FC0;}

.pageList{line-height:20px !important; background-color: #efefef !important; overflow:hidden; margin:20px auto !important; clear:both}
.pageList a{ padding:5px 10px 5px 10px; display:inline-block; border:#CCC solid 1px; margin:0 5px 5px 0; }
.pageOn{ background-color: #F00; color:#FFF !important;}

.infoList{color:#666}
.infoList li{ line-height:40px; height:40px; overflow:hidden;}
.infoList li a{ color:#666}

.userCenter{background-color: #fff;margin-top:2%; overflow:hidden; border-radius:5px;padding:2%}
.userCenter h3{ border-bottom:#eee solid 5px; padding-bottom:10px; margin-bottom:30px;}


.userMenu{ position:fixed; left:0; right:0; bottom:0; height:35px; line-height:35px; color:#888; border-top:#ccc solid 1px; background-color: #fff;}
.userMenu a{ color:#888;display:block; text-align:center}
.userMenuOn{ background-color:#9EE1FE;}




#user_left{ width:200px;background-color:#222; overflow:hidden !important; position:absolute; top:0; left:0; bottom:0;}
.navMenu{height:20px; border-bottom:5px #111 solid}
#user_right{overflow:scroll;overflow:hidden;width:80%; position:absolute; top:0; right:0; bottom:0; z-index:20}
.user_pcMenu{ overflow:auto;color:#666; text-indent:1rem; list-style:none; width:240px; box-sizing:border-box; height:100%;}
 .avatar{color:#FFF !important;text-align:center; position:relative;  }
 .avatar img{ height:80px; width:80px; border-radius:50px; }
 .avatar span{ display:block; position:absolute; left:0; right:0; bottom:0;}
.user_pcMenu>h4{ line-height:45px; height:45px; font-size:16px; }
.user_pcMenu>h4>span{ margin-right:5px;}
.user_pcMenu>ul{ display:none;}
.user_pcMenu>ul li{ height:40px; line-height:40px;text-indent:10%; display:block; cursor:pointer;color:#408080;}
.user_pcMenu>ul li:hover{color:#fff; }
.user_pcMenu .tabOn{ color:#FFF}
.user_pcMenu .liOn{ color:#eee;background-color: #333;}

.pay a{display:block; margin-top:10px;  overflow:hidden;}
.pay a span{font-size:28px; text-align:center; }

#payMethod{}
#payMethod i{font-size:32px;border:#ececec solid 1px; display:inline-block; background-color:#efefef; padding:5px 35px 5px 35px;text-align:left; cursor:pointer; margin-right:20px;}
	.alipay{ color:#06F;  transition:ease-in-out .3s color;}
	.alipay:hover{ color:#09F;transition:ease-in-out .3s color;}
	.wechatPay{color:#080; }
	.pmActive{ background-color:#FFF !important;}


@media (max-width:767px) {
	body{ background-color: #FFF !important;}
	#user_left{ height:70px; width:100%;background-color:#222;  position:static; }
	.navMenu{ height:50px; width:50px; float:right; background-color: #fff; margin:10px; cursor:pointer}
	
  .loginDiv{ background-color:none !important;}
    #user_right{overflow:scroll;overflow:hidden; width:100%; position:static;}
	 .header{ height:50px; background-color: #333;height:150px; background-color:#C36;}
     .userLogin{margin:0 auto;}
	 .user_pcMenu{ display:none;width:100%; position:absolute; top:50px; right:0px; z-index:300; background-color: #066;}
	.avatar{ height:50px; width:50px; float:left;}
	.avatar img{ height:45px; width:45px;}
	}
	


.chgTab h4 span{ display:inline-block; text-align:center; cursor:pointer;color:#ccc}
.chgTab h4 span.active{color:#000}
.chgTab>div{ display:none;}