@charset "utf-8"; /* reset */ body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption{margin:0;padding:0;} body{font-size:16px;font-family:Arial,微软雅黑;color:#333;overflow-x: hidden;} h1,h2,h3,h4,h5{font-weight:normal;} em,i{font-style:normal;} li {list-style:none;} a {text-decoration:none;color:inherit;} a:focus{text-decoration: none;outline: none;} a:hover{color:inherit;} img {border:none;max-width:100%;max-height:100%;} table{border-collapse:collapse;} input,textarea{outline:none;background:#fff;border:none;font-family: '微软雅黑';} textarea{resize:none;overflow:auto;} /* public */ .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;} .img_box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;} /* .img_box{width:100%;height:100%;overflow:hidden;display: table-cell;vertical-align: middle;text-align: center;} */ .img_box img{-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .img_box:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);} .btn,.submit{font-family: '微软雅黑';cursor:pointer;display:inline-block;text-align:center;} .main{width:100%;max-width:1300px;margin:0 auto;} .flex_rb {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;} .flex_ra {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;} .flex_rc {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;} .flex_cc {display:flex;flex-direction:column;justify-content:center;align-items:center;} .flex_rbc{display: flex;justify-content: space-between;align-items: center;} .img-cover{width:100%;height:100%;overflow: hidden;} .img-cover img{width:100%;height:100%;object-fit: cover;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .img-cover:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);} /* page */ .page { text-align: center; color: #666; } .page .pagination { display: inline-block; margin-top: 50px; } .page .pagination li { float: left; height: 45px; line-height: 45px; width: 45px; margin: 0 5px 10px; font-size: 16px; color: #666666; background-color: #fff; } .page .pagination li a { width: 100%; height: 100%; display: inline-block; } .page .pagination li.active, .page .pagination li:hover { background-color: #cbaf8f; color: #fff; } .page .pagination li.prev,.page .pagination li.next{ width: 74px; } .page .pagination li.disabled{ display: none; } .page .pagination li.first, .page .pagination li.last { width: 86px; } font[size="1"] { font-size: 16px; } font[size="2"] { font-size: 18px; } font[size="3"] { font-size: 20px; } font[size="4"] { font-size: 22px; } font[size="5"] { font-size: 24px; } font[size="6"] { font-size: 26px; } font[size="7"] { font-size: 28px; } /* @font-face{ font-family: 'myfont'; src:url('../fonts/myfont.ttf'); } */