khxtapp
/
my-liuchang.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<link rel="stylesheet"
	 href="css/zhangzheng/bnav.css" />

	</head>
	<style>
		*{
			margin: 0rem;
			padding: 0rem;
		}

        body{
						font-size:16px !important;
					}
		.up_nav{
			background-color:#f1f1f1;
			height:1.333333rem;
		}
		body{
		    background:#f6f6f6  ;
		}
		.search{
			width:60%;
			height:1rem;
			position: relative;
			box-sizing:border-box;
		}
		.nav{
			position: absolute;
			left: 40%;
			height:1rem;
		}
		.clearfix:after{
		    display:table;
		    content: "";
		    clear: both;
		}
		.fl{
		    float: left;
			background-size: 25%;
		}
		.fr{
			float: right;
		}
		.w1{
			width: 10%;
		}
		.w8{
		    width: 70%;

		}

		.input{
			height:1rem;
			border-radius:0.426666rem;
			width:80%;
			border:none;
			outline:none;
			padding-left:1.2rem;
			font-size: 0.5rem;
			margin: 0.16rem 0.266666rem 0.266666rem 1.1rem;
		}
		.search_icon{
			position:absolute;
			width:3rem;
			height:3rem;
			background:url(images/zhangzheng/search.png);
			background-repeat: no-repeat;
			background-size: 0.7rem;
			top:0.32rem;
			left:1.4rem;
		}
		.search_line{
			position:absolute;
			background:#ccc;
			width:0.026666rem;
			height:.8rem;
			top:0.266666rem;
			left:2.2rem;
		}

		.txkt{
		    height:2rem;
		    padding:0.23rem 0.24rem 0.373333rem 0.6rem;
		    box-sizing:border-box;
		    color:white;

		}
		.top{
			width:100%;
			height:1.9rem;
			background-color:white;
			position: relative;
			border-bottom: 0.013333rem solid #666666;
		}
		.sculpture{
			width:1.2rem;
			height:1.2rem;
			margin:0.2rem;
			border-radius: 50%;
			overflow: hidden;
			position: absolute;
			left:0.133333rem;
		}
		.id{
			height: .5rem;
			font-size: .5rem;
			position: absolute;
			left:1.7rem;
			top:0.5rem;
		}
		.message{
			top: 0.5rem;
			right:0.7rem;
			position: absolute;
		}
		.nek{
			width:100%;
			height:100%;
			background-color: white;
		}
		.order{
			width:33%;
			height:2.2rem;
			background-image: url(images/zhangzheng/order.png);
			background-position: center;
			background-repeat: no-repeat;
			font-size: 0.4rem;
			position: relative;
		}
		.download{
			width:33%;
			height:2.2rem;
			background-image: url(images/zhangzheng/download.png);
			background-position: center;
			background-repeat: no-repeat;
			font-size: 0.4rem;
			position: relative;
		}
		.collect{
			width:33%;
			height:2.2rem;
			background-image: url(images/zhangzheng/collect.png);
			background-position: center;
			background-repeat: no-repeat;
			font-size: 0.4rem;
			position: relative;
		}
		.text1{
			font-size:0.4rem;
			position: absolute;
			left:0.8rem;
			bottom: 0.1rem;
		}
		.lately{
			width:97%;
			height:0.8rem;
			background-color: white;
			font-size: 0.45rem;
			padding-left: 0.266666rem;
			padding-right: 0rem;
			padding-top: 0.24rem;
			margin-top: 0.266666rem;
			border-top: 1px solid #CCCCCC;
			position: relative;
		}
		.to{
			position: absolute;
			right: 0.266666rem;
			top:0.266666rem;
		}
		.more{
			height: 2.5rem;
			width: 100%;
			background-color:white;
			position: relative;
			margin-top: 0rem;
			background-image: url(images/zhangzheng/kcfm.jpg);
			background-size: 25%;
			background-repeat: no-repeat;
			background-position: 0.133333rem 0px;
		}
		.kcfm{
			height:3rem;
			overflow: hidden;
			padding-left: 0.266666rem;
		}
		.text2{
			position: absolute;
			bottom: 0.5rem;
			font-size: 0.293333rem;
			color: #666666;
			padding-left: 0.266666rem;
		}
		.bottom{
			width:97%;
			height:1rem;
			line-height: 1rem;
			border-top: 0.006666rem solid #CCCCCC;
			background-color: white;
			padding-left: 0.266666rem;
			position: relative;
		}
		.right{
			position: absolute;
			right: 0.266666rem;
			top:0.08rem;
			height:1rem;
			line-height: 1rem;
		}
		a{
			text-decoration: none;
			color: black;
		}
		.privilege{
			margin: 0.2rem 0rem 0.2rem 0rem;
			width:97%;
			height:1rem;
			line-height: 1rem;
			border-top: 0.006666rem solid #CCCCCC;
			background-color: white;
			padding-left: 0.266666rem;
			position: relative;
		}
	</style>
	<body>

    <div class="up">
      <div class="up_nav clearfix">
        <div class="txkt fl w1">
            <img src="images/zhangzheng/txkt.png" />

        </div>
        <div class="search fl w8">
            <div class="search_icon"></div>
            <div class="search_line"></div>
            <input class="input" placeholder="搜索课程" />
			</div>
		</div>
	</div>

		<div class="top clearfix">
			<div class="sculpture fl"><a href="forget.html"><img src="images/zhangzheng/headpic.jpg"></a></div>
			<div class="id fl">username</div>
			<div class="message fr"><a href="#"><img src="images/zhangzheng/message.png"></a></div>
		</div>

		<div class="nek clearfix">
			<div class="order fl"><a href="#"><div class="text1 fl">订单管理</div></a></div>
			<div class="download fl"><a href="#"><div class="text1">下载管理</div></a></div>
			<div class="collect fl"><a href="#"><div class="text1">收藏详情</div></a></div>
		</div>

		<div class="lately">
			<div class="nearest">最近看过</div>
			<div class="to"><img src="images/zhangzheng/to.png"></div>
		</div>

		<div class="more">
			<div class="text2">张政老师的课堂</div>
			<div class="kcfm"></div>
		</div>


		<div class="bottom"><div class="left">余额</div><div class="right">0.00&nbsp;<img src="images/zhangzheng/to.png"></div></div>
		<div class="bottom"><div class="left">优惠券</div><div class="right"><img src="images/zhangzheng/to.png"></div></div>
		<div class="bottom"><div class="left">课程分销</div><div class="right">&yen;0.00可提&nbsp;<img src="images/zhangzheng/to.png"></div></div>
		<div class="privilege"><div class="left">免流量特权</div><div class="right"><img src="images/zhangzheng/to.png"></div></div>
		<div class="bottom"><div class="left">反馈建议</div><div class="right"><img src="images/zhangzheng/to.png"></div></div>
		<div class="bottom"><div class="left">设置</div><div class="right"><img src="images/zhangzheng/to.png"></div></div>
				<div class="bnav">
					<div>
						<a href="index.html">首页</a>
					</div>
					<div>
						<a href="category.html">分类</a>
					</div>
					<div >
						<a href="course_list.html">课程表</a>
					</div>
					<div   class="active">
						<a href="my.html">我的</a>
					</div>
				</div>
			</body>
		</html>
	</body>
</html>