<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link href="../css/app.css" rel="stylesheet"/>
    <style type="text/css">
    * {
    	font-family: "微软雅黑";
    }
    	/*图片div*/
    	.imgdiv {
    		width: 140px;
    		height: 155px;
    		margin: 15% auto 2% auto;
    	}
    	
    	/*图片样式*/
    	.chat {
    		width: 100%;
    		height: 100%;
    	}
    	
    	/*登陆科袖样式*/
    	.logintext {
    		text-align: center;
    		font-size: 20px;
    		color: :#333;
    	}
    	
    	.desc {
    		text-align: center;
    		font-size: 20px;
    		color:#ccc;
    	}
    	/*按钮*/
    	.frmbox .btn {
    		margin:4% auto;
    		line-height:24px;
    		padding:1% 2%;
    		border-radius:6px;
    		border:1px solid #FF9900;
    	}
    	.frmbox .regBtn {
    		color: #fff;
    		background: #FF9900;
    	}
    	.frmbox .logBtn {
    		color: #FF9900;
    	}
    </style>
    
 
</head>
<body>

	<!-- 主页面标题 -->
	<header class="mui-bar mui-bar-nav toptitbox">
	    <h1 class="mui-title toptit">咨询</h1>
	</header>
    <!-- 主页面内容容器 -->
    <div class="mui-content">
		<div class="imgdiv">
			<img class="chat" src="../images/chat.png"/>
		</div>
		<p class="logintext">登陆科袖</p>
        <p class="desc">随时和专家沟通,掌握最新动态</p>
		<p class="desc">接收咨询通知</p>
		
		<div class="mui-content-padded frmbox" style="margin-top: 20%;">
			<button  class="mui-btn mui-btn-block btn regBtn" id="regBtn">注&nbsp;册</button>
			<button  class="mui-btn mui-btn-block btn mui-btn-outlined logBtn" id="logBtn">登&nbsp;陆</button>
		</div>
    </div>
	
	<script src="../js/public/mui.min.js"></script>
	<script src="../js/public/base.js"></script>
	<script src="../js/nologin_consult.js"></script>
	
</body>
</html>