@charset "utf-8";
/* CSS Document */
body{background: #fff;font-family: 'Microsoft JhengHei';}

/*pc-public*/
@media screen and (min-width: 1340px){
    .main{}
   /* .main .top{width: 100%;height: 500px;background: url("../images/index/top-bg.png")no-repeat center center; background-size: cover; overflow: hidden;}*/
    .main .top{width: 100%;height: 400px;background: url("")no-repeat center center; background-size: cover; overflow: hidden;}
    .main .top .search-box{width: 809px; height: 40px; margin: 242px auto 0; background: #fff;}
    .main .top .search-box input{width: 520px; height: 40px; border: none;outline:none; padding: 0 10px 0 50px; line-height: 40px; font-size: 16px; }
    .main .top input::-webkit-input-placeholder{ font-size: 16px; color: #AFAEAE;}
    .main .top input::-moz-placeholder{font-size: 16px; color: #AFAEAE;}
    .main .top input:-ms-input-placeholder{font-size: 16px; color: #AFAEAE;}
    .main .top .search-box .search-btn{width: 224px;background: #000;display: inline-block; height: 40px; border-left: 1px solid #909090; vertical-align: middle; line-height: 40px; cursor: pointer; user-select: none;text-align: center;}
    .main .top .search-box .search-btn i{font-size: 22px;color: #fff; vertical-align: middle;}
    .main .top .search-box .search-btn .search{ font-size: 16px; vertical-align: middle;color: #fff;}
    .main .top .search-box .search-btn:active{}
    .main .top .search-type{margin-top: 26px;text-align: center;}
    .main .top .search-type .search-item{font-size: 16px;padding: 0 30px; border-right: 2px solid #f7ab03; }
    .main .top .search-type .search-item:last-child{border: none}
    .main .top .search-type .search-item a{text-decoration: none; color: #fff;}
    .main .top .select-box{width: 809px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);
        user-select: none;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none; }
    .main .top .select-box .back{text-decoration: none; position: absolute;right: 25px; top: 18px; color: #fff;}
    .main .top .select-box .back>i{font-size: 12px;color: #fff;}
    .main .top .select-box .more{ width: 100%; margin: 10px auto 0; font-size: 16px; line-height: 42px; }
    .main .top .select-box .more .select-item{text-decoration: none; color: #393d49; margin-right: 10px; display: inline-block; }
    .main .top .select-box .more .active{border-bottom: 1px solid #ebebeb; color: #000; font-weight: bold;}
    .main .top .select-box .more .select-item span{padding: 8px; color: #fff;}
    .main .top .select-box .more .select-item i{font-size: 24px; color: #f7ab03; vertical-align: middle;}
    .main .top .select-box .detail{width: 744px; border: 1px solid #e6e5e5; margin: -1px auto 0; padding: 36px; background: #fff;  color: #393d49;  }
    .main .top .select-box .detail .part{font-weight: bold; margin-bottom: 6px;}
    .main .top .select-box .detail .part .part-t{margin-right: 10px}
    .main .top .select-box .detail .part:last-child{margin-bottom: 0;}
    .main .top .select-box .detail .part label{margin-right: 28px; line-height: 45px; display: inline-block;}
    .main .top .select-box .detail .part label>span{padding-left: 6px;font-weight: 500;white-space: nowrap;}
    .main .top .select-box .detail .part label>.active{padding-left: 6px; font-weight: 500;}
    .main .top .select-box .detail .area-warn{margin: 22px 0; text-align: center; font-size: 16px; color: #000;}
    .main .top .select-box .detail .size-rent{}
    .main .top .select-box .detail .size-rent>input{outline: none;width: 120px; height: 16px; margin: 0 5px; border: 1px solid #C9C9C9;}
    .main .top .select-box .detail .size-rent .line{font-size: 12px; margin: 0 5px;}
    .main .top .select-box .detail .pattern .part{font-weight: normal}
    .main .center{width: 100%; height: 520px;background: #fff; text-align: center;}
    .main .center .desc-item{width: 280px;height: 310px;display: inline-block; margin: 100px 50px 0 0;cursor: pointer;text-decoration: none;}
    .main .center .desc-item:last-child{margin-right: 0;}
    .main .center .desc-item .item-img{width:100%; height:240px;overflow: hidden;}
    .main .center .desc-item .item-img img{width: 100%;height: 100%;}
    .main .center .desc-item .item-name{width: 278px; height:100px; font-size: 16px; color: #4e4e4e; line-height: 100px; border: 1px solid #a8a6a6;border-top: none;
        -moz-box-shadow:0px 10px 20px -5px #8d8989;/*firefox*/
        -webkit-box-shadow:0px 10px 20px -5px #8d8989;/*webkit*/
        box-shadow:0px 10px 20px -5px #8d8989;/*opera或ie9*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .banner{height: 400px;overflow: hidden;}
    .banner .swiper-button-prev{left: 50px;}
    .banner .swiper-button-next{right: 50px;}
    .banner .swiper-pagination-bullet-active{background: #fff}
    .banner .swiper-btn-style{position:absolute;width: 76px;height: 76px;border-radius: 50%;background: rgba(0,0,0,0.1);top: 50%;margin-top: -38px;margin-left: -25px;z-index: 1}


}

/*mobile*/
@media screen and (max-width: 1339px) {
    .main{margin-top: 44px;}
   /* .main .top{width: 100%;height: 125px;background: url("../images/index/top-bg.png")no-repeat center center; background-size: cover; overflow: hidden;}*/
    .main .top{width: 100%;height: 125px;background: url("")no-repeat center center; background-size: cover; overflow: hidden;}
    .main .top .search-box{width: 55%; height: 26px; margin: 64px auto 0; font-size: 0; white-space: nowrap;}
    .main .top .search-box input{width: 70%;background: #fff; padding: 0 3%; height: 26px; border: none;outline:none; line-height: 26px; font-size: 10px; }
    .main .top input::-webkit-input-placeholder{ font-size: 7px; color: #AFAEAE;}
    .main .top input::-moz-placeholder{font-size: 7px; color: #AFAEAE;  }
    .main .top input:-ms-input-placeholder{font-size: 7px; color: #AFAEAE;  }
    .main .top .search-box .search-btn{width: 23%;background: #000; text-align:center;display: inline-block; height: 26px; border-left: 1px solid #909090; vertical-align: middle; line-height: 26px; cursor: pointer; user-select: none;}
    .main .top .search-box .search-btn i{font-size:12px;vertical-align: middle;color: #fff;}
    .main .top .search-box .search-btn .search{ font-size: 11px;  vertical-align: middle;color: #fff;}
    .main .top .search-box .search-btn:active{background: #e5e5e5}
    .main .top .search-type{margin-top: 5px;text-align: center;}
    .main .top .search-type .search-item{font-size: 11px;padding: 0 6px; border-right: 1px solid #f7ab03; }
    .main .top .search-type .search-item:last-child{border: none}
    .main .top .search-type .search-item a{text-decoration: none; color: #fff;}
    .main .center{width: 100%; height: 158px;background: #fff; text-align: center; white-space: nowrap; font-size: 0;}
    .main .center .desc-item{width: 81px;height: 106px;display: inline-block; margin: 25px 9px 0 0;text-decoration: none;}
    .main .center .desc-item:last-child{margin-right: 0;}
    .main .center .desc-item .item-img{width:100%; height:73px;overflow: hidden;}
    .main .center .desc-item .item-img img{width: 100%; height: 100%;}
    .main .center .desc-item .item-name{width: 79px; height:32px; font-size: 11px; color: #4e4e4e; line-height: 32px; border: 1px solid #a8a6a6;border-top: none;
        -moz-box-shadow:0px 5px 10px -5px #8d8989;/*firefox*/
        -webkit-box-shadow:0px 5px 10px -5px #8d8989;/*webkit*/
        box-shadow:0px 5px 10px -5px #8d8989;/*opera或ie9*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .main .banner{width: 100%; height: 150px; overflow: hidden}
    .main .banner img{width: 100%; height: 100%}
    .banner .swiper-button-prev{left: 20px; width: 30px;height:22px; margin-top: -10px; }
    .banner .swiper-button-prev .swiper-btn-style{margin-left: -10px; }
    .banner .swiper-button-next{right: 20px;width: 30px;height:22px;margin-top: -10px;  }
    .banner .swiper-pagination-bullet-active{background: #fff}
    .banner .swiper-btn-style{position:absolute;width: 40px;height: 40px;border-radius: 50%;background: rgba(0,0,0,0.1);top: 50%;margin-top: -20px;z-index: 1}
 
}