.attract-main{padding:20px 0;background:#fff}.attract-banner{background:url(../images/banner/banner3.jpg) no-repeat;background-size:cover}.banner{height:350px;margin-bottom:24px}.attract-tabs{border-bottom:1px solid #e6e6e6;margin-bottom:20px}.attract-tab-item{padding:16px;margin-right:40px;color:#646c79;font-size:18px;cursor:pointer;border-bottom:2px solid #fff;transition:all .3s ease}.attract-tab-item:hover{color:#0c6aff}.attract-tab-item.active{color:#0c6aff;border-bottom:2px solid #0c6aff}.attract-item{position:relative;width:calc(33% - 20px);height:300px;background:#dfdfdf;margin-bottom:32px}.attract-item-tip{position:absolute;left:0;bottom:0;padding:8px;font-size:14px;color:#fff;background:rgba(0,0,0,.6)}.article-banner{height:300px;margin-bottom:32px;background:#ccc}.attract-right{padding:16px;background:#fff}.page-form-item{margin-bottom:24px}.attract-form input{width:300px;height:40px;margin-top:8px;padding-left:8px;border:1px solid #ddd;background:#f6f6f6}.attract-form button{width:300px;height:46px;border:none;background:#0c6aff;color:#fff;cursor:pointer}.policy-form{width:100%}.policy-form input{width:90%;height:40px;font-size:15px;margin-top:8px;padding-left:8px;border:1px solid #ddd;border-radius:1px;background:#f6f6f6}.policy-select-form{margin-right:10px}#container-room{position:relative;width:1200px;margin:0 auto;padding-bottom:10px;display:flex;flex-wrap:wrap}.grid{position:relative;width:200px;height:160px;background:#fff;margin:8px;font-size:12px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-webkit-transition:top 1s ease,left 1s ease;-moz-transition:top 1s ease,left 1s ease;-o-transition:top 1s ease,left 1s ease;-ms-transition:top 1s ease,left 1s ease}.grid img{width:100%;height:100%}.data-null{width:100%;text-align:center;font-size:18px;color:#999}.imgholder{position:relative;width:100%;height:100%}.meta{width:100%;position:absolute;left:0;bottom:4px;padding:5px 0;line-height:22px;background:rgba(0,0,0,.8);color:#fff;text-indent:10px}