diff --git "a/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/farm_detail.css" "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/farm_detail.css" new file mode 100644 index 0000000..f30401d --- /dev/null +++ "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/farm_detail.css" @@ -0,0 +1,366 @@ +body, +button, +dd, +dl, +dt, +form, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +input, +legend, +li, +ol, +p, +pre, +td, +textarea, +th, +ul { + margin: 0; + padding: 0; +} + +body { + font-family: 'microsoft YaHei'; + font-size: 0.12rem; +} + +small { + font-size: 0.12rem; +} + +ol, +ul, +li { + list-style: none; +} + +sup { + vertical-align: text-top; +} + +sub { + vertical-align: text-bottom; +} + +legend { + color: #000; +} + +fieldset, +img { + border: 0; +} + +button, +input, +select, +textarea { + font-size: 100%; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: normal; + font-size: 0.16rem; +} + +p { + font-weight: 100%; +} + +a { + text-decoration: none; + color: #000; + font-family: 'Microsoft YaHei'; +} + +b, +strong { + font-weight: normal; +} + +i, +em { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: none; + vertical-align: top; +} + +input { + border: none; + background: none; + outline: none; +} + +textarea { + resize: none; + overflow: none; +} + +.fl { + float: left; +} + +.fr { + float: right; +} + +.clearfix:after { + display: block; + content: ''; + clear: both; +} + +.clearfix { + zoom: 1; +} + +/* header */ + +.header-box { + width: 7.5rem; + height: 0.89rem; + border-bottom: 0.01rem solid #bec0bd; + box-sizing: border-box; + padding: 0 0.2rem; + display: -webkit-box; + display: flex; + -webkit-box-padk: justify; + justify-content: space-between; + -webkit-box-align: center; + align-items: center; +} + +.header-box a { + text-indent: -9.99rem; +} + +.header-box .return { + width: 0.14rem; + height: 0.26rem; + background: url(../img/left.png) no-repeat; + background-size: 0.14rem 0.26rem; +} + +.header-box h1 { + font-size: 0.36rem; + color: #609d26; +} + +.header-box .shopcar { + width: 0.49rem; + height: 0.35rem; + background: url(../img/shopcar.jpg) no-repeat; + background-size: 0.49rem 0.35rem; +} + +/* banner */ + +.banner-box { + width: 7.5rem; + height: 4.2rem; + border-bottom: 0.02rem solid #c7c5c6; +} + +.banner-box li { + position: relative; + width: 100%; + height: 100%; +} + +.banner-box li a { + display: block; + width: 100%; +} + +.banner-box li img { + width: 100%; +} + +.banner-box li div { + width: 7.5rem; + position: absolute; + left: 0; + bottom: 0; + color: #636162; + background: #fff; + font-size: 0.2rem; +} + +.banner-box li div p { + width: 100%; + height: 100%; + font-size: 0.2rem; + text-indent: 2em; + overflow: hidden; + text-overflow: ellipsis; + padding: 0.16rem 0.2rem 0.1rem 0.2rem; + box-sizing: border-box; + line-height: 0.26rem; +} + +/* class-box */ + +.class-box { + width: 7.5rem; + background: #eee; + height: 2rem; + padding-top: 0.18rem; +} + +.class-box .class-list { + width: 100%; + border-top: 0.01rem solid #e8e8e8; + background: #fff; +} + +.class-box .class-list h3 { + height: 0.8rem; + box-sizing: border-box; + font-size: 0.28rem; + color: #609d26; + border-bottom: 0.01rem solid #e4e6e3; + padding: 0 0.2rem; + line-height: 0.8rem; +} + +.class-box .class-list h3 .apply { + font-size: 0.26rem; + color: #fff; + padding: 0 0.28rem; + background: #f6a04b; + display: block; + float: right; + border-radius: 0.08rem; + margin-top: 0.16rem; + line-height: 0.5rem; +} + +.class-box .class-list ul { + width: 7.5rem; + padding: 0.2rem 0; + display: -webkit-box; + display: flex; + flex-wrap: wrap; + border-bottom: 0.02rem solid #c6c8c5; + box-sizing: border-box; +} + +.class-box .class-list ul li { + -webkit-box-flex: 1; + flex: 1; + padding: 0.15rem 0 0.15rem 0.3rem; +} + +.class-box .class-list ul li a { + width: 1.2rem; + height: 0.48rem; + line-height: 0.48rem; + color: #609d26; + border: 0.01rem solid #609d26; + border-radius: 0.05rem; + text-align: center; + display: block; +} + +.class-box .class-list ul .active { + background: #609d26; + color: #fff; +} + +.class-box .list-details-box { + margin-top: 0.16rem; + padding-top: 0.1rem; +} + +.class-box .list-details-box li h4 { + height: 0.5rem; + border-top: 0.01rem solid #f9f9f9; + border-bottom: 0.01rem solid #f9f9f9; + box-sizing: border-box; + background: #f6fdca; + line-height: 0.5rem; + font-size: 0.25rem; + color: #609d26; + text-align: center; +} + +.class-box .list-details-box li .detail-box { + padding: 0.22rem 0.2rem; +} + +.class-box .list-details-box li .detail-box .detail { + width: 3.49rem; + height: 3.94rem; + border: 0.01rem solid #e4e6e3; + box-sizing: border-box; + position: relative; +} + +.class-box .list-details-box li .detail-box .detail img { + width: 100%; +} + +.class-box .list-details-box li .detail-box .detail .detail-title { + font-size: 0.26rem; + font-weight: bold; + padding-left: 0.15rem; + display: block; + margin-top: 0.18rem; +} + +.class-box .list-details-box li .detail-box .detail .detail-title i { + font-size: 0.22rem; + font-weight: normal; +} + +.class-box .list-details-box li .detail-box .detail p { + font-size: 0.2rem; + color: #5f5f5d; + padding: 0.1rem 0.15rem 0.1rem 0.15rem; +} + +.class-box .list-details-box li .detail-box .detail b { + color: #f4881b; + padding-left: 0.15rem; + font-size: 0.22rem; +} + +.class-box .list-details-box li .detail-box .detail b i { + font-size: 0.3rem; + font-weight: bold; +} + +.class-box .list-details-box li .detail-box .detail .detail-btn { + padding: 0.09rem 0.1rem; + font-size: 0.22rem; + color: #fff; + background: #609d26; + position: absolute; + right: 0.15rem; + bottom: 0.18rem; + border-radius: 0.06rem; + padding-top: 0.03rem; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/index.css" "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/index.css" new file mode 100644 index 0000000..bf46373 --- /dev/null +++ "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/css/index.css" @@ -0,0 +1,351 @@ +body, +button, +dd, +dl, +dt, +form, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +input, +legend, +li, +ol, +p, +pre, +td, +textarea, +th, +ul { + margin: 0; + padding: 0; +} + +body { + font-family: 'microsoft YaHei'; + font-size: 0.12rem; +} + +small { + font-size: 0.12rem; +} + +ol, +ul, +li { + list-style: none; +} + +sup { + vertical-align: text-top; +} + +sub { + vertical-align: text-bottom; +} + +legend { + color: #000; +} + +fieldset, +img { + border: 0; +} + +button, +input, +select, +textarea { + font-size: 100%; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: normal; + font-size: 0.16rem; +} + +p { + font-weight: 100%; +} + +a { + text-decoration: none; + color: #000; + font-family: 'Microsoft YaHei'; +} + +b, +strong { + font-weight: normal; +} + +i, +em { + font-style: normal; +} + +li { + list-style: none; +} + +img { + border: none; + vertical-align: top; +} + +input { + border: none; + background: none; + outline: none; +} + +textarea { + resize: none; + overflow: none; +} + +.fl { + float: left; +} + +.fr { + float: right; +} + +.clearfix:after { + display: block; + content: ''; + clear: both; +} + +.clearfix { + zoom: 1; +} + +body { + background: #eee; +} + +/*header*/ + +.header-box { + width: 7.5rem; + height: 0.9rem; + padding: 0 0.2rem; + border-bottom: 0.01rem solid #bec0bd; + box-sizing: border-box; + background: #fff; +} + +.header-box h1 { + font-size: 0.38rem; + color: #5fa427; + text-align: center; + line-height: 0.9rem; +} + +.header-box h1 a { + width: 0.16rem; + heihgt: 0.32rem; + margin-top: 0.29rem; + margin-left: 0.02rem; + background: url(../img/left.png) no-repeat; + background-size: 0.16rem 0.32rem; + text-indent: -9.99rem; + line-height: 0; +} + +/*banner*/ + +.banner-box { + width: 7.5rem; + height: 5.2rem; + border-bottom: 0.01rem solid #bec0bd; + margin-bottom: 0.18rem; + background: #fff; + box-sizing: border-box; +} + +.banner-box li { + position: relative; + height: 100%; +} + +.banner-box li a { + width: 100%; + height: 100%; + display: block; +} + +.banner-box li a img { + width: 100%; +} + +.banner-box li div { + width: 100%; + height: 2.7rem; + position: absolute; + left: 0; + bottom: 0; +} + +.banner-box li div h3 { + padding: 0 0.2rem; + height: 0.8rem; + line-height: 0.8rem; + font-weight: bold; + border-bottom: 0.01rem solid #e4e6e3; + font-size: 0.25rem; +} + +.banner-box li div p { + font-size: 0.2rem; + color: #353734; + padding: 0.17rem 0.2rem 0 0.2rem; + line-height: 0.3rem; +} + +/*combo*/ + +.combo-box { + width: 7.5rem; +} + +.combo-box ul { + width: 100%; + border-top: 0.01rem solid #e7e7e7; + border-bottom: 0.01rem solid #c7c7c7; + margin-bottom: 0.18rem; + background: #fff; +} + +.combo-box ul li { + padding: 0.26rem 0.2rem 0.2rem 0.2rem; +} + +.combo-box ul li input { + width: 0.36rem; + height: 0.36rem; + border-color: #939592; + margin-top: 0.05rem; + margin-right: 0.15rem; +} + +.combo-box ul li span { + width: 6.59rem; + font-size: 0.24rem; +} + +.combo-box ul .combo-title { + padding: 0; +} + +.combo-box ul .combo-title h4 { + height: 0.64rem; + padding: 0 0.2rem; + line-height: 0.64rem; + border-bottom: 0.01rem solid #e4e6e3; + font-size: 0.26rem; + box-sizing: border-box; +} + +/*form*/ + +.form-box form { + width: 5.96rem; + height: 5.51rem; + margin: 0 auto; + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + flex-direction: column; + -webkit-box-pack: center; + justify-content: center; + background: #f5f5f5; + border: 0.01rem solid #e6e6e6; + border-radius: 0.1rem; + margin-bottom: 0.9rem; +} + +.form-box form h5 { + width: 1.67rem; + height: 0.38rem; + background: #fdfdfd; + margin: 0 auto; + border: 0.01rem solid #dcdcdc; + border-radius: 0.07rem; + font-size: 0.2rem; + color: #fe3f37; + box-sizing: border-box; + text-align: center; + line-height: 0.38rem; + margin-top: 0.2rem; +} + +.form-box form div { + width: 5.04rem; + height: 0.7rem; + position: relative; + margin: 0 auto; + margin-top: 0.23rem; +} + +.form-box form div span { + display: block; + width: 1.03rem; + height: 0.7rem; + position: absolute; + left: 0; + top: 0; + padding-left: 0.12rem; + font-size: 0.12rem; +} + +.form-box form input { + width: 100%; + height: 0.7rem; + border: 0.01rem solid #e2e2e2; + border-radius: 0.09rem; + box-sizing: border-box; + font-size: 0.2rem; + line-height: 0.7rem; + padding-left: 1.15rem; + background: #fff; +} + +.form-box form .submit { + background: #ff3d3d; + font-size: 0.24rem; + color: #fff; + padding: 0; + text-align: center; +} + +.form-box form span { + display: block; + width: 5.04rem; + margin: 0 auto; + margin-top: 0.2rem; + margin-bottom: 0.4rem; + color: #626262; + font-size: 0.2rem; +} + +.form-box form span i { + color: #ff3d3d; +} \ No newline at end of file diff --git "a/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/farm_detail.html" "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/farm_detail.html" new file mode 100644 index 0000000..e58543f --- /dev/null +++ "b/2017-3-9/\346\235\216\346\263\211\345\277\227/\345\206\234\345\234\272/farm_detail.html" @@ -0,0 +1,129 @@ + + +
+ + + + + + +