/* PC */

 @media (min-width: 1200px) {

   



    .banner{ width: 100%; height: 600px;} 

    .banner .banner-img{ width: 100%; height: 600px;}

    .banner .banner-img{ background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}

    .banner .banner-mark{ width: 26px; height: 26px; border-radius: 0; background-image: url(../images/banner-mark.png); background-size: 100% auto; background-color: rgba(255, 255, 255, 0); opacity: 1; margin: 0 20px !important;}

    .banner .banner-mark.swiper-pagination-bullet-active{background-image: url(../images/banner-mark-active.png);}









    .antique-box{width: 100%; background-image: url(../images/creation-bg.jpg); background-size: 100%; padding-top: 60px; border-bottom: 1px solid #fff; background-color: #10100E; padding-bottom: 90px;}





    .antique-box .main-antique{ width: 1100px; margin: 0 auto;}



    /*.antique-box .main-antique .model-title{ width: 645px; height: 46px; margin: 0 auto;background-image: url(../images/title-left-bg.png),url(../images/title-right-bg.png); background-size: 224px auto,224px auto; background-position: left center ,right center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}

    */

    .antique-box .main-antique .creation-area{ width: 1100px;margin: 0 auto;margin-top: 100px;}
    

    .antique-box .main-antique .creation-area ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}

    .antique-box .main-antique .creation-area li{ height: 440px; width: 30%;margin-bottom: 130px; background-color: #10100E;}
    .antique-box .main-antique .creation-area li .cover-box{ width: 100%; height: 100%; display: flex; align-items: center; padding: 10px; border: 2px solid #C5AA7E;}
    
    .antique-box .main-antique .creation-area li .cover-box img {width: 100%;}

    .antique-box .main-antique .creation-area li .cover{ width: 100%; height: 100%; background-size: 100% 100%; background-position: center center;}

    .antique-box .main-antique .creation-area li .font-box{ padding: 0 10px; margin-top: 10px;}

    .antique-box .main-antique .creation-area li .font-box .desc{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal; color: #fff; margin-top: 10px;}





    .antique-box .all-antique{ width: 1100px; margin: 0 auto; margin-top: 100px;}

    .antique-box .all-antique .model-title{ 
        width: 750px;
        height: 7.1vw;
        margin: 0 auto;
        background-image: url(../images/title-left-bg.png), url(../images/title-right-bg.png);
        background-size: 14.8vw auto, 14.8vw auto;
        background-position: left center, right center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    .antique-box .all-antique .screen{ width: 100%; height: 40px; display: flex; justify-content: flex-end; color: #fff; margin-top: 40px;}

    .antique-box .all-antique .screen select{ margin-left: 10px; height: 40px; min-width: 120px; background-color: #131313; border: none; font-size: 16px; color: #666; border-radius: 10px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/donw-arrow.png); background-repeat: no-repeat; background-size: 18px auto; background-position: right 10px center;}

    

    .antique-box .all-antique .screen select:focus{outline: none;}

    .antique-box .all-antique .screen .year{margin-right: 40px;}



    .antique-box .all-antique .all-antique-list{ margin-top: 60px; }

    .antique-box .all-antique .all-antique-list li{ width: calc((100% - 80px) / 3); height: 522px; margin-bottom: 60px; background-color: #10100E;}

    .antique-box .all-antique .all-antique-list li .cover{ width: 100%; display: flex; align-items: center; padding: 10px; border: 2px solid #C5AA7E;}

    .antique-box .all-antique .all-antique-list li .cover img{ width: 100%;}

    .antique-box .all-antique .all-antique-list li .title{ margin: 10px 0;}

    .antique-box .all-antique .all-antique-list li .desc{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal; color: #fff;}



    .page{ height: 40px; display: flex;width: 100%; justify-content: center; margin-top: 35px;}

    .page .pageup,.info .page .pagedown{ height:40px; display: flex;cursor: pointer; align-items: center;justify-content: center; color: #C5AA7E;font-size: 16px;}

    .pagedown{ height:40px; display: flex;cursor: pointer; align-items: center;justify-content: center; color: #C5AA7E;font-size: 16px;margin-left: 20px}
    
    .nomore{ height:40px; display: flex;cursor: default; align-items: center;justify-content: center; color: #C5AA7E;font-size: 16px;margin-left: 20px }

    .page ul{ display: flex; margin: 0 40px;}

    .page ul li{color: #666; width: 20px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 25px;}

    .page ul li:last-child{margin-right: 0;}

    .page ul li.cur{color: #C5AA7E; font-weight: bold;}  







    .antique-detail-box_{ width: 1080px; margin: 0 auto;}

    .antique-detail-box_ .top{ width: 100%; display: flex;}

    .antique-detail-box_ .top .images-box{width: 430px;}

    .antique-detail-box_ .top .images-box .img-box{ width: 430px; height: 430px;}

    .antique-detail-box_ .top .images-box .img-box li{ width: 100%; height: 100%;}

    .antique-detail-box_ .top .images-box .img-box li .img{width: 100%; height: 100%; background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}



    .antique-detail-box_ .top .images-box .imgs-box{ width: 100%; height: 70px; margin-top: 20px;}

    .antique-detail-box_ .top .images-box .imgs-box li{ width: 115px; height: 100%; border: 1px solid #707070; margin-right: 10px; cursor: pointer; opacity: 0.5;}

    .antique-detail-box_ .top .images-box .imgs-box li.swiper-slide-thumb-active{opacity: 1;}

    .antique-detail-box_ .top .images-box .imgs-box li .img{width: 100%; height: 100%; background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}





    .antique-detail-box_ .top .font-box{width: 590px; margin-left: 50px; position: relative;}

    .antique-detail-box_ .top .font-box .params{width: 100%; display: flex;  flex-wrap: wrap; margin-top: 20px;}

    .antique-detail-box_ .top .font-box .params li{flex-basis: calc(100% / 3); color: #fff; }

    .antique-detail-box_ .top .font-box .params li:nth-child(3n - 2){ display: flex; justify-content: flex-start;}

    .antique-detail-box_ .top .font-box .params li:nth-child(3n - 1){ display: flex; justify-content: center;}

    .antique-detail-box_ .top .font-box .params li:nth-child(3n){ display: flex; justify-content: flex-end;}

    .antique-detail-box_ .top .font-box dl{ color: #fff; margin-top: 40px;}

    .antique-detail-box_ .top .font-box .price-box{ color: #fff; position: absolute; bottom: 0;}

    .antique-detail-box_ .top .font-box .btn{width: 176px; height: 50px; background-image: url(../images/btn-m-bg-1.png); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #C5AA7E; font-weight: bold;  margin-top: 20px; cursor: pointer;}





    .antique-box .main-antique .model-title{

        width: 900px;
        height: 7.1vw;
        margin: 0 auto;
        background-image: url(../images/title-left-bg.png), url(../images/title-right-bg.png);
        background-size: 14.8vw auto, 14.8vw auto;
        background-position: left center, right center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;

    }





 }





 /* 手机 */

@media (max-width: 1199px) {



    .banner{ width: 100%; height: 40vw;} 

    .banner .banner-img{ width: 100%; height: 40vw;}

    .banner .banner-img{ background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; background-position: center center;}

    .banner .banner-mark{ width: 3.5vw; height: 3.5vw; border-radius: 0; background-image: url(../images/banner-mark.png); background-size: 100% auto; background-color: rgba(255, 255, 255, 0); opacity: 1; margin: 0 2.66vw !important;}

    .banner .banner-mark.swiper-pagination-bullet-active{background-image: url(../images/banner-mark-active.png);}



    .antique-box{ width: 100%; background-image: url(../images/creation-bg.jpg); background-size: 100%;  border-bottom: 1px solid #fff; background-color: #10100E; padding: 8vw 4vw;}







    /*.antique-box .main-antique .model-title{ width: 86vw; height: 6.1vw; margin: 0 auto;background-image: url(../images/title-left-bg.png),url(../images/title-right-bg.png); background-size: 29.8vw auto,29.8vw auto; background-position: left center ,right center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}

*/



    .antique-box .main-antique .creation-area{ width: 100%; padding: 0 4vw; margin: 0 auto; margin-top: 6.66vw;}
    

    .antique-box .main-antique .creation-area ul{ display: flex; justify-content: space-around; flex-wrap: wrap;}

    .antique-box .main-antique .creation-area li{ height: 43vw; width: calc((100% - 2vw) / 3); margin-bottom: 2vh; background-color: #10100E;}

    .antique-box .main-antique .creation-area li .cover-box{ width: 100%; display: flex; align-items: center; padding: 1.33vw; border: 2px solid #C5AA7E;}
    
    .antique-box .main-antique .creation-area li .cover-box img {width: 100%;}

    .antique-box .main-antique .creation-area li .cover{ width: 100%; height: 118px; background-size: 100% 100%; background-position: center center;}

    .antique-box .main-antique .creation-area li .font-box{ margin-top: 1.33vw;}

    .antique-box .main-antique .creation-area li .font-box .desc{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal; color: #fff; margin-top: 10px;}









    .antique-box .all-antique{ width: 100%; padding: 0 4vw;margin-top: 2vh;}

    .antique-box .all-antique .model-title{ width: 60vw; height: 6.1vw; margin: 0 auto;background-image: url(../images/title-left-bg.png),url(../images/title-right-bg.png); background-size: 14.8vw auto,14.8vw auto; background-position: left center ,right center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}



    .antique-box .all-antique .screen{ width: 100%; height: 5.33vw; display: flex; justify-content: flex-end; color: #fff; margin-top: 5.33vw;}

    .antique-box .all-antique .screen select{ margin-left: 1.33vw; height: 5.33vw; width: 16vw; background-color: #131313; border: none; font-size: 2vw; color: #666; border-radius: 1.33vw; padding: 0 2.66vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/donw-arrow.png); background-repeat: no-repeat; background-size: 2vw auto; background-position: right 1.33vw center;}

    

    .antique-box .all-antique .screen select:focus{outline: none;}

    .antique-box .all-antique .screen .year{margin-right: 5.33vw;}







    .antique-box .all-antique .all-antique-list{ margin-top: 8vw; }

    .antique-box .all-antique .all-antique-list ul{ width: 100%;}

    .antique-box .all-antique .all-antique-list li{ width: calc((100% - 2vw) / 3); margin-bottom: 2.66vw; height: 43vw;  background-color: #10100E;}

    .antique-box .all-antique .all-antique-list li .cover{ width: 100%; display: flex; align-items: center; padding: 1.33vw; border: 2px solid #C5AA7E;}

    .antique-box .all-antique .all-antique-list li .cover img{ width: 100%;}

    .antique-box .all-antique .all-antique-list li .title{ margin: 1.33vw 0;}

    .antique-box .all-antique .all-antique-list li .desc{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal; color: #fff;}



    

    .page{ height: 5.33vw; display: flex;width: 100%; justify-content: center; margin-top: 4.66vw;}

    .page .pageup,.info .page .pagedown{  height:5.33vw; display: flex;cursor: pointer; align-items: center;justify-content: center; color: #C5AA7E;}
    
    .pagedown{ color: #C5AA7E;}
    
    .nomore { height:5.33vw; display: flex;cursor: default; align-items: center;justify-content: center; color: #C5AA7E; }

    .page ul{ display: flex; margin: 0 5.33vw;}

    .page ul li{color: #666; width: 2.66vw; height: 5.33vw; display: flex; align-items: center; justify-content: center; margin-right: 3.33vw;}

    .page ul li:last-child{margin-right: 0;}

    .page ul li.cur{color: #C5AA7E; font-weight: bold;} 



    .antique-box .main-antique .model-title{

        width: 60vw; height: 6.1vw;

        background-image: url(../images/title-left-bg.png),url(../images/title-right-bg.png);

        background-repeat: no-repeat;

        background-size: 14.8vw auto,14.8vw auto;

        background-position: left center, right center;

        background-repeat: no-repeat;

        text-align: center;

        margin: 0 auto;

    }



}