wangyong
/
card


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<html>

<head>
    <title>商品管理</title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_2056629_vzvl0jvb2q.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <style>

       .g-serch{
        width: 96%;
        margin: 1rem auto;
        border: 1px #ccc solid;
        height: 2.4rem;
        font-size: 14px;
        padding-left: 1rem;
        line-height: 2.2rem;
        border-radius: 10px;
       }
       .g-serch input{
        border: none;
        height: 2rem;
        width: 76%;
        margin-left: 0.6rem;
        margin-right: 1rem;
       }
       .o-li{
    display: flex;
    justify-content: space-between;
    width: 96%;
    margin: 1rem auto;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.o-li p{
    margin-top: 10px;
}
.o-li span{
    margin-left: 10px;
}
.o-right p{
    color: #ff768a;
    font-size: 14px;
    font-weight: 800;
}
.g-col-up{
    color: rgb(102, 241, 109);
}
.g-col-dow{
    color: rgb(250, 68, 68);
}
.o-left{
    color: rgb(131, 128, 128);
}
    </style>
</head>

<body>
    <div class="g-main">
        
        <div class="g-head">
            <p style="transform: rotate(180deg);" onclick="window.history.go(-1);"><i class="iconfont iconxiangyou1"></i></p>
            <p style="margin-left: 35%;">商品管理</p>
        </div>
        <div style="width: 100%;height: 1px;background-color: #ccc;"></div>

        <div class="g-serch"><i class="iconfont iconsousuo"></i><input type="text" name="serch" value="" placeholder="套餐名..."/>搜索</div>
        
        <div class="o-list">
            <div class="o-li">
                <div class="o-left">
                    <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
                </div>
                <div class="o-right">
                    <p><span>66</span></p>
                </div>
            </div>
            <div class="o-li">
                <div class="o-left">
                    <p><span style="font-size: 16px;color: rgb(144, 147, 153);">2</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
                </div>
                <div class="o-right">
                    <p><span>88</span></p>
                </div>
            </div>
            <div class="o-li">
                <div class="o-left">
                    <p><span style="font-size: 16px;color: rgb(144, 147, 153);">3</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
                </div>
                <div class="o-right">
                    <p><span>66</span></p>
                </div>
            </div>
            <div class="o-li">
                <div class="o-left">
                    <p><span style="font-size: 16px;color: rgb(144, 147, 153);">4</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
                </div>
                <div class="o-right">
                    <p><span>100</span></p>
                </div>
            </div>
        </div>
    </div>


</body>

</html>