.plans {margin-top: 50px;}
.plans .hd .title {font-size: 42px;line-height: 54px;font-weight: bold;}
.plans .hd .search{display: inline-block;position: relative;float: right;vertical-align: top;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);border-radius: 2px;width:520px;height: 50px;background: #fff;}
.plans .hd .search:before{content: '\e757';position: absolute;top: 17px;left: 20px;color: #999; font-size: 14px;font-family: 'iconfont';}
.plans .hd .search input{display: inline-block;border: none;box-sizing: border-box;padding: 13px 68px 13px 44px;width: 100%;height: 50px;}
.plans .hd .search button{position: absolute;top:0;right:20px;border: none;outline: none;padding: 13px 0;color: #F65434;font-size: 14px;line-height: 24px;background: none;cursor: pointer;}
.plans .list {margin: 0 -10px;}
.plans .list li {position: relative;float: left;width: 340px;height:340px;margin: 20px 10px 0;background: #fff;border-radius: 4px;overflow: hidden;}
.plans .list li img {position: absolute;bottom: 0;left: 0;width: 340px;height: 224px;}
.plans .list li .title {width: 200px;height: 56px;margin: 50px auto 0;font-size: 18px;line-height: 28px;overflow: hidden;text-align: center;font-weight: bold;}
.plans .result-tips{padding-top: 50px;padding-bottom: 20px;font-size: 20px;line-height: 28px;}
.plans .result-tips p:last-of-type{font-weight: 700;}

.plan-info {margin-top: 30px;padding: 50px 120px;background: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);border-radius: 4px;box-sizing: border-box;}
.plan-info .info {float: left;width: 470px;}
.plan-info .info .title {height: 40px;font-size: 24px;line-height: 40px;overflow: hidden;font-weight: bold;}
.plan-info .info .desc {height: 72px;margin-top: 20px;line-height: 24px;overflow: hidden;color: #666;}
.plan-info .info .btn {display: block;width: 180px;height: 40px;margin-top: 30px;background: #F65434;border-radius: 2px;color: #fff;line-height: 40px;text-align: center;}
.plan-info .info .btn:hover {background: #E65038;}
.plan-info .pic {float: right;}
.plan-info .pic img {width: 320px; height: 210px;}

.plan-detail {margin-top: 20px;background: #fff;padding: 50px 120px;box-sizing: border-box;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);border-radius: 4px;}
.plan-detail h2 {font-size: 24px;line-height: 32px;font-weight: bold;}
.plan-detail .cont {margin-top: 50px;}
.plan-detail .cont img {max-width: 100%;}
.plan-detail .cont p {margin-top: 20px;font-size: 16px;line-height: 24px;color: #666;}
.plan-detail .time {margin-top: 110px;font-size: 16px;line-height: 28px;color: #999;}



@media screen and (max-width: 1059px) {
    .plans {margin-top: 40px;}
    .plans .hd .search,.plans .hd .title{float: none;}
    .plans .hd .search{margin-bottom: 20px;width: 100%;}
    .plans .hd .title {font-size: 30px;line-height: 40px;}
    .plans .list {margin: 0;}
    .plans .list li {width: 100%;height: auto;margin: 10px 0 0 0;text-align: center;}
    .plans .list li .pic {height: 183px;overflow: hidden;}
    .plans .list li img {position: static;width: 280px;height: auto;}
    .plans .hot-list li {display: none;}
    .plans .hot-list li:nth-child(1) {display: block;}

    .plans .result-tips{padding-top: 30px;}

    .plan-info {width: auto;margin: 10px -20px 0;padding: 20px;border-radius: 0;}
    .plan-info .info {float: none;width: 100%;margin-top: 20px;}
    .plan-info .info .btn {width: 100%;margin-top: 20px;height: 50px;line-height: 50px;}
    .plan-info .pic {float: none;width: 100%;}
    .plan-info .pic img {float: none;width: 100%;height: auto;}
    .plan-info .info .desc {margin-top: 10px;}

    .plan-detail {width: auto;margin: 10px -20px 0;padding: 40px 20px 20px;border-radius: 0;}
    .plan-detail .cont {margin-top: 20px;}
}