.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.logo { border-bottom: 1px solid #CCC; background: #ffffff; padding: 16px; }
    .logo img { display: block; width: 167px; margin: 0 auto; }
.line { background: url(/Img/Wap/line.png) no-repeat 50%; height: 2px; }

.pannel-title h2,
.pannel-title h3 { font-size: 20px; font-weight: normal; display: inline-block; }
.pannel-title h3 { font-size: 12px; color: #CCC; }
.search-box { background: #FFF; display: flex; padding: 4px 10px; }

.search-input { border: 1px solid #CCC; border-top-left-radius: 4px; border-bottom-left-radius: 4px; flex: 1; padding: 10px 15px; }
    .search-input input { width: 100%; border: none; outline: none; }
.search-btn { width: 80px; padding: 10px; background: orange; color: #FFF; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pannel { background: #FFF; margin: 10px 0; padding: 10px; }
    .pannel img { max-width: 100%; }
.pannel-title { padding: 6px 8px; position: relative; border-bottom: 1px solid #CCC; }
.icon { display: inline-block; width: 26px; vertical-align: top; }
.more { position: absolute; top: 6px; right: 10px; color: #666; text-decoration: none; }
.notice-list { padding-left: 8px; }
.notice-item { line-height: 2; border-bottom: 1px solid #CCC; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-header { text-align: center; border-bottom: 1px solid #e7e7e7; }
    .notice-header h2 { font-size: 16px; line-height: 25px; margin-bottom: 10px; }
    .notice-header .notice-date { color: #999; margin-bottom: 10px; }
.notice-con { overflow: hidden; margin-top: 10px; }
    .notice-con img { max-width: 100%; }

.goods-item { width: 100%; border-bottom: 1px solid #ccc; }
    .goods-item .goodimg { width: 30%; box-sizing: border-box; padding: 10px; }
    .goods-item img { height: 90px; width: 90px; }
    .goods-item .goodinfo { width: 70%; box-sizing: border-box; padding: 10px; }
        .goods-item .goodinfo .goodname { line-height: 22px; }
        .goods-item .goodinfo .goodprice { margin: 15px 0; color: #E21735; }

.goodstitle { text-align: left; }
    .goodstitle h1.name { color: #000; line-height: 30px; font-size: 16px; font-weight: bold !important; }
    .goodstitle p { line-height: 30px; }
    .goodstitle b.shp { font-family: arial; color: #E21735; }
.min { height: 30px; width: 30px; font-size: 20px; background: orange; color: white; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; display: inline-block; }
.add { height: 30px; width: 30px; font-size: 20px; background: orange; color: white; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; }
.goodstitle .num { border: 1px solid orange; width: 100px; text-align: center; font-size: 16px; font-weight: 600; }

.cart-btn { width: 100px; margin-left: 20px; background: orange; color: #FFF; border: none; border-radius: 4px; }

.search-goods { width: 100%; position: relative; padding: 10px; }
    .search-goods input { border: 1px solid #ccc; border-radius: 5px; height: 30px; line-height: 30px; padding: 5px; display: inline-block; width: 80%; vertical-align: middle; }
    .search-goods img { margin-left: 20px; display: inline-block; width: 30px; position: absolute; right: 10px; top: 15px; vertical-align: middle; }

.reg-btn { padding: 0 16px; margin: 18px auto 8px; }
    .reg-btn input { width: 100%; line-height: 32px; color: #FFF; border: none; border-radius: 5px; background: #1f3ba8; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }