未登录状态，点击【咨询】模块，注册/登录页面，样式调整

app/css/app.css

/***********************缺省页面*******************/
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
.nodatabox .picbox{width: 40%;margin: auto;}
.nodatabox .picbox .defpic{width:100%;}
.nodatabox .txtbox { margin:10px 0;}
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png);}
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
.nodatabox .txtbox { margin:40px 0 10px 0;}
.nodatabox .txtbox .currword{font-size: 14px;color: #999999;line-height: 14px;}
.nodatabox .txtbox .currtip{ font-size:12px;color: #AAAAAA;}
.nodatabox .txtbox .currtip{ font-size:13px;color: #AAAAAA;}
.nodatabox .txtbox .keyword{ padding:0 6px;}
/***********************缺省页面*******************/

app/html/consultlist.html

    		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;
    	}
    	
    	
    	html,
			body {
	
	<!--未登录或者未注册时咨询主页面-->
	<div class="mui-content" id="unlogin">
		<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 class="nodatabox">
	        <div class="nodata">
	            <div class="picbox"><span class="defpic consult-pic"></span></div>
	            <div class="txtbox">
	            	<p class="currword" style="color:#ff9900;font-weight: bold;">登录科袖</p>
	                <p class="currtip">随时和专家沟通，掌握最新动态</p>
	            </div>
	        </div>
	   </div>
		<div class="mui-content-padded frmbox">
			<button id='logBtn' class="mui-btn mui-btn-block frmbtn frmactive" style="width: 86%;" >登&nbsp;录</button>
			<button id='regBtn' class="mui-btn mui-btn-block mui-btn-outlined frmbtn" style="width: 86%;" >注&nbsp;册</button>
		</div>
    </div>
	

app/html/defaultPage.html

    	<!-- 主界面具体展示内容 -->
    	<div class="nodatabox">
	        <div class="nodata">
	            <div class="picbox"><img class="defpic" src="../images/catmao.jpg"/></div>
	            <div class="picbox"><span class="defpic"></span></div>
	            <div class="txtbox">
	            	<p class="currword">抱歉！没找到与<span class="keyword">“路”</span>相匹配的内容。</p>
	                <p class="currtip">请重新修改搜索关键字、或筛选条件后再进行搜索</p>

app/html/index_home.html

            <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
            <div class="mui-slider-item mui-slider-item-duplicate">
              <a >
                 <img src="../images/4.jpg">
                 <img src="../images/banner/4.jpg">
              </a>
            </div>
            <!-- 第一张 -->
            <div class="mui-slider-item">
              <a >
                 <img src="../images/1.jpg">
                 <img src="../images/banner/1.jpg">
              </a>
            </div>
            <!-- 第二张 -->
            <div class="mui-slider-item">
              <a >
                 <img src="../images/2.jpg">
                 <img src="../images/banner/2.jpg">
              </a>
            </div>
            <!-- 第三张 -->
            <div class="mui-slider-item">
              <a >
                 <img src="../images/3.jpg">
                 <img src="../images/banner/3.jpg">
              </a>
            </div>
            <!-- 第四张 -->
            <div class="mui-slider-item">
              <a >
                 <img src="../images/4.jpg">
                 <img src="../images/banner/4.jpg">
              </a>
            </div>
            <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
            <div class="mui-slider-item mui-slider-item-duplicate">
              <a >
                 <img src="../images/1.jpg">
                 <img src="../images/banner/1.jpg">
              </a>
            </div>
          </div>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料失效与保护">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field05.png"/>
		                	<img src="../images/field_icon/field05.png"/>
		                </div>
		                <div class="mui-media-body">材料失效与保护</div>
		            </a>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料表面与界面">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field02.png"/>
		                	<img src="../images/field_icon/field02.png"/>
		                </div>
		                <div class="mui-media-body">材料表面与界面</div>
		            </a>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="黑色金属及其合金">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field07.png"/>
		                	<img src="../images/field_icon/field07.png"/>
		                </div>
		                <div class="mui-media-body">黑色金属及其合金</div>
		            </a>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="金属材料">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field18.png"/>
		                	<img src="../images/field_icon/field18.png"/>
		                </div>
		                <div class="mui-media-body">金属材料</div>
		            </a>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="有色金属及其合金">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field04.png"/>
		                	<img src="../images/field_icon/field04.png"/>
		                </div>
		                <div class="mui-media-body">有色金属及其合金</div>
		            </a>
		        <li class="mui-table-view-cell mui-media mui-col-xs-4" data-title="材料检测与分析技术">
		            <a >
		                <div class="fieldicon">
		                	<img src="../images/field16.png"/>
		                	<img src="../images/field_icon/field16.png"/>
		                </div>
		                <div class="mui-media-body">材料检测与分析技术</div>
		            </a>