#wonderfulmemory{width: 700px;margin: 20px auto;} #wonderfulmemory ul li{width: 188px;height: 194px;float: left;margin: 21px;} #wonderfulmemory ul li img{padding: 3px;border: 1px solid #239809;width: 175px;height: 146px;} #wonderfulmemory ul li p{height: 54px;overflow: hidden;font-size: 14px;color: #222;text-align: center;} .camplist{width: 1000px;margin: 0 auto;border-bottom: 1px #087a02 dashed;} .camplist p.first{height: 50px;line-height: 50px;} .camplist p.first .title {font-size: 20px;float: left;} .camplist p.first .title b{color: #087a02;font-size: 20px;font-weight: bold;} .camplist p.first .price{font-size: 20px;color: #d80000;font-weight: bold;float: right;} .camplist p.first img{float: right;margin-top: 8px;margin-left: 14px;} .camplist .introduce{ height: 220px; overflow: hidden; width: 100%;} .camplist .introduce .imgshow{width: 286px;overflow: hidden;float: left;} .camplist .introduce .imgshow img {width: 100%;} .camplist .introduce .showdetail{width: 700px;margin: 0px 2px 0px 6px;height: 292px;float: right;} .camplist .introduce .showdetail p{font-size: 12px;color: #0b3203;line-height: 20px;} .camplist .introduce .showdetail .name{font-size: 14px;color: rgb(8, 122, 2);} .classlist{width: 1000px;height: auto;background: #dafab0;overflow: hidden;} .classlisttype{width: 820px;float: left;} .classlisttype li{float: left;margin-left: 10px;height: 44px;line-height: 44px;color: #087a02;font-size: 14px;width: 400px;} .classlisttype li a{width: 90px;height: 40px;display: block;background: no-repeat center center;margin-left: 10px;float: right;} .camplist .arrange{width: 140px;height: 176px;background: #087a02;float: right;margin: 20px;border-radius: 14px;} .camplist .arrange a{color: #fff600;font-size: 36px;font-weight: bold;width: 80px;display: block;margin: 40px 33px;}