.form-control{
    height: 29px !important;
    line-height: 24px !important;
}
#submit{
     height: 29px !important;
    line-height: 14px !important;
}
  .content{
        width: 87%;
        margin-left: 13%;
    }
.book{
    width: 224px;
    margin-right: 20px;
    height: 290px !important;
    float: left;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    border: 0px solid #cccccc;
    background: #fff;
    }

  .book:nth-child(5n+1){
      margin-left: 0;
  }
  .book:nth-child(5n){
      margin-right: 0;
  }
    .firstbook{
        text-align: center;
        /*padding-top: 50%;*/
        line-height: 150px;
    }
    .firstbook a{
        font-size: 63px;
        color: #ccc;
    }
    .book .abc{
        height: 200px;
        /*background-color: red;*/
        position: absolute;
        top: 15px;
        right: 32px;
        width: 10px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
    }
    .book .abc span{
        display: inline-block;
        vertical-align: middle;
    }
    label{
        display: block;
        margin-bottom: 0px !important
    }
    .text-l{
        width: 100%;
        height: 30px;
        border-bottom: 1px solid #ccc;
    }
    .btn{
        height: 23px !important;
        font-size: 12px;
        padding-top: 3px;
    }
    .booklable,.year,.address{
        font-size: 10px !important;
        height: 20px;
        line-height: 20px;

    }
    .address span{
        width: 50%;
          display: block;
        float: left;
        text-align: center;
        overflow: hidden;
        height: 100%;
        color: #cccccc;

    }
    .booktitle{
        text-align: center;
        font-size: 12px !important;
        height: 17px;
        line-height:22px;
    }
    sub,.inputzan{
         font-size: 10px !important;
    }
    .booklable a{
        font-weight: 500 !important;
    }

    .img>img{
    width: 71%;
    height: 200px;
    display: block;
    position: absolute;
    transform: rotateY(5deg);
    -webkit-transform: rotateY(5deg);
    left: 22.84%;
    top: 7.6%;
    }
    .year span{
        display: block;
        float: left;
        text-align: center;
        overflow: hidden;
        height: 100%;
    }
    .modal_address,.modal_address > label,.modal_pay{
        font-size: 14px;
    }
    .modal-body{
        padding: 0px !important;
    }
    .modal_address > label{
        display: contents;
    }
    .modal_pay{
        margin-top: 20px;
    }
    .input{
        height: 29px;
        width: 52% !important;
        float: left;
    }
    #is_more{
        width: 15px !important;
    }
    .region-linkage{
        width: 60%;
        float: left;
    }
    .param-date{
        width: 30% !important;
        float: left;
    }
    .firstname,.lastname{
        width: 50% !important;
        float: left;
        height: 29px;
    }
    .serch-box,.listpx{
        display: none;
    }
    .containerPadt{padding-left: 0;width: 1200px;margin: 0 auto;}
    .containertap{width: 1200px;}
   
    @media screen and (max-width: 720px){
          .containerPadt{padding-left:15px;width: 100%;display: block;}
        .serch-box,.listpx{
            display: block;
        }
        .serch-box{display: flex;justify-content: space-between;align-items: center;height: 44px;
            box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.08);position: fixed;left: 0;top:0;width: 100%;background-color: #fff;z-index: 1000}
        .serch-box>li{font-size:18px;font-family:'Microsoft YaHei';font-weight:bold;color:rgba(0,0,0,1);line-height: 44px;}
        .serch-box>li:nth-child(1){width: 15%}
        .serch-box>li:nth-child(2){width: 70%;text-align: center;}
        .serch-box>li:nth-child(3){width: 15%}
        .serch-box>li:nth-child(3){display: flex;justify-content: flex-end;align-items: center;height: 44px;}
        .serch-box>li:nth-child(3)>a{display: block;width: 20px;height: 20px;margin-right: 15px;
            background: url("{{:ImageUrl('tgtpublic:booklist15750159710008785.jpg')}}") no-repeat;background-size: 100% 100%;}
        .section-main-slider{
            width: 92%;
            margin: 10px auto;
            height: 130px;
            margin-top: 51px;
        }
        .section-main-slider > img{
            height: 100%;
        }
           .zaixiantu{
            width: 92%;
          margin: 10px auto;
          height: 130px;
          margin-top: 54px !important;
           }
        .content{
            height: 600px !important;
            width: 100%;
            margin-left: 1%;
        }
        .comments{
            display: none;
        }
        .book{
            width: 46%;
            margin-left: 1%;
            height: 262px !important;
            margin-right: 3%;
        }
        .book:nth-child(5n+1){
            margin-left: 1%;
        }
        .book:nth-child(5n){
            margin-right: 3%;
        }
        .add{
            margin-right: 12px;
        }
        .container .img{
            max-height: 150px !important;
        }
        .am-pagination-centered{
            margin-bottom: 60px !important;
            font-size: 12px;
        }
        .years{
                margin-top: 6px !important;
            /* color: #cccccc; */
        }
        .look{
            line-height: 10px !important;
        }
        .region-linkage{
            width: 100%;
        }
        .region-linkage select{
            height: 29px;
            width: 80%;
        }
        .param-date{
            width: 80% !important;
        }

        /* 搜索弹出层 */
        .masks{width: 100%;height: 100%;background-color: #000;opacity: .5;position: fixed;z-index: 100000;left: 0;top:0}
        .alertContent{width: 100%;height: 100%;background-color: #fff;position: fixed;z-index: 100001;left: 0;top:0;padding-bottom: 15px;}
        .topmAsk{position: relative;z-index: 2000000;background-color: #fff}
        .mserch-box{width: 100%;height: 34px;display: flex;justify-content: flex-start;align-items: center;padding-top: 15px;
              }
        .mserch-box>li:nth-child(1){width: 250;height: 34px;background-color: #F7F7F7;border-radius: 17px;margin-left: 15px;
              display: flex;margin-left: 15px;justify-content: flex-start;align-items: center;}
        .mserch-box>li:nth-child(1)>img{display: block;width: 13px;height: 13px;margin-left: 15px;}
        .mserch-box>li:nth-child(1)>input{display: block;width: 270px;margin-left: 10px;border:0;background-color:#F7F7F7;height: 34px;
              line-height: 34px}
        .mserch-box>li:nth-child(2){width: 44px;height: 34px;text-align: center;line-height: 34px;font-size: 16px;color: #000000}
        .navList{width: 100%;height: 40px;display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #EEEEEE;
            margin-top: 10px;}
        .navList>.region-linkage{width: 96% !important;display: flex;justify-content: flex-start;
            align-items: center;margin-left: 5px;}
        .navList>.region-linkage>select{width: 30% !important;margin-left: 15px;margin-bottom: 0;border: 0;background-color: #F7F7F7;
          text-align: right;height: 29px;}
        .moress{position: relative;z-index: 100001;background-color: #fff;padding-bottom: 15px;}
        .mores{background-color: #F7F7F7;width: 60px;height: 18px;margin-left: 15px;font-size: .85em;padding-left: 5px;line-height: 18px;
              position: relative;}
        .mores::before{position: absolute;width: 15px;content: "";display: block;right: 0;top:0;
            background: url("{{:ImageUrl('tgtpublic:booklist15752547220009906.jpg')}}") no-repeat;background-size:12px 15px;
              height: 100%;}
        .m-cmore{width: 100%;padding-left: 15px;padding-top: 15px;}
        .m-cmore>.m-ct1{color: #000;font-size: 14px;height: 30px;line-height: 30px;font-weight: bold;}
        .inputs{display: flex;justify-content: center;align-items: center;height: 40px;}
        .inputs>input{width: 140px;line-height: 31px;font-size: 14px;color: #000;border: 0;background-color: #F7F7F7;
              border-radius: 4px;padding-left: 10px}
        .inputs>input:nth-child(2){margin-left: 15px;}
        .btns{display: flex;justify-content: center;align-items: center;height: 44px;margin-top: 5px}
        .btns>li:nth-child(1){width: 110px;height: 44px;border-radius: 4px;margin-left: 5%;}
        .btns>li:nth-child(1)>input{width: 100%;text-align: center;color: #A51312;font-size: 18px;line-height: 29px;border: 0;
              border: 1px solid #CCCCCC;border-radius: 4px;background-color: #F7F7F7;margin-top: 6px;}
        .btns>li:nth-child(2){width: 220px;height: 31px;color: #fff;margin-left: 15px;}
        .btns>li:nth-child(2)>input{width: 95%;height: 100%;border-radius: 4px;color: #fff;line-height: 31px;
          text-align: center;background-color:#900D0C;border: 1px solid #900D0C;font-size: 18px;}
        .hidden{display: block;}

        /* 排序css */
        .listpx{
            width:95%;
            height: 30px;
        }
        .listpx div{
            float: left;
            width: 25%;
            height: 30px;
            text-align:center;
            font-size: 13px;
            font-weight: bold;
        }
        .listpx>div:nth-child(1){
            color: #ccc;

        }
        .iconpx{
            -webkit-transform:rotate(100deg);
        }
        .containertop{
            width: 0;
            height: 0;
            border: 5px solid;
            border-color: #cccccc transparent transparent transparent;
            position: absolute;
            top: 33.5%;
            -webkit-transform:rotate(180deg);
        }

        .containerspan{
            width: 0;
            height: 0;
            border: 5px solid;
            border-color: #cccccc transparent transparent transparent;
            position: absolute;
            top: 35.5%;
        }
        .pxxuanzhong{
            border-color: #000000 transparent transparent transparent;
        }
    }