.container{width: 1200px;margin: 0 auto;}
body{min-width: 1200px;background-color: #F7FCFF;background-image: url(../images/bg.jpg);background-position: center top;background-repeat: no-repeat;background-size: 1920px auto;background-attachment: fixed;}
@media screen and (min-width: 1921px){body{background-size: 100% auto;}}
.header{position: relative;height: 150px;}
.header .hd-logo{position: absolute;z-index: 1;left: -18px;top: 0;}
.header .hd-logo-sub{position: absolute;z-index: 1;left: 194px;top: 20px;}
.header .hd-search{position: absolute;top: 35px;left: 320px;width:520px;height:80px;background: url(../images/searchBg.png) no-repeat;padding-left:10px;padding-top:10px}
.header .hd-search .searchNav{float: left;overflow: hidden;}
.header .hd-search .searchNav li{float: left;-webkit-box-sizing: border-box;box-sizing: border-box;width: 126px;height: 34px;border: 1px solid transparent;border-bottom: 0;border-radius: 8px 8px 0px 0px;font-size: 16px;font-weight: bold;text-align: center;line-height: 34px;color: #ffffff;cursor: pointer;}
.header .hd-search .searchNav li.active{color: #fff;}
.header .hd-search .searchkey{float: left;height: 34px;margin-left: 60px;line-height: 34px;color: #fff;font-weight: bold;}
.header .hd-search .searchkey span{margin-right: 5px;}
.header .hd-search .searchkey a{margin-right: 5px;}
.header .hd-search .searchInput{position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;width: 360px;height: 42px;border-radius: 0 8px 8px 8px;margin-left:90px}
.header .hd-search .searchInput input{display: block;width: 100%;height: 100%;font-size: 16px;text-indent: 24px;color: #fff;}
.header .hd-search .searchInput input::-webkit-input-placeholder{color: #fff;}
.header .hd-search .searchInput input::-moz-placeholder{color: #fff;}
.header .hd-search .searchInput input:-ms-input-placeholder{color: #fff;}
.header .hd-search .searchInput .icon-search{position: absolute;z-index: 10;right: 15px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.header .hd-right .icon-collection{position: absolute;top: 2px;right: 131px;}
.header .hd-right .icon-setHome{position: absolute;top: 2px;right: 22px;}
.header .hd-right .icon-buyQQ{position: absolute;top: 65px;right: 100px;}
.header .hd-right .icon-authorization{position: absolute;top: 36px;right: 22px;}
.main .nav{width: 1220px;margin: 0 -10px;}
.main .nav li{float: left;-webkit-box-sizing: border-box;box-sizing: border-box;width: 16.66%;height: 67px;padding-top: 16px;background-image: url(../images/nav.png);background-repeat: no-repeat;background-position: center bottom;background-size: auto;text-align: center;font-weight: bold;color: #773906;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main .nav li p{font-size: 16px;}
.main .nav li span{font-size: 12px;}
.main .nav li.active{background-image: url(../images/nav-active.png);width: 160px;height: 77px;margin-left: 0;margin-bottom: 8px;}
.main .top{box-sizing: border-box;width: 1241px;height: 77px;margin: -11px -29px -10px;background: url(../images/qqBg.png) no-repeat left 5px center;background-size: 100% 100%;}
.main .top ul{-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 14px 0 0 36px;}
.main .top ul li{float: left;width: 168px;margin-right: 30px;font-size: 12px;font-weight: bold;line-height: 24px;color: #845116;}
.main .top ul li span{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .top ul li:nth-child(6n){margin-right: 0;}
.main .zb{-webkit-box-sizing: border-box;box-sizing: border-box;width: 1280px;height: 185px;padding: 26px 0 0 38px;margin: -8px -40px 0;background: url(../images/zb.png) no-repeat;}
.main .zb ul li{float: left;width: 180px;height: 145px;margin-left: 16px;border-radius: 6px;cursor: pointer;background: #fff;overflow: hidden;}
.main .zb ul li .zbImg-wrap{display: block;position: relative;width: 100%;height: 101px;overflow: hidden;}
.main .zb ul li .zbImg-wrap .zbImg-pic{width: 100%;height: 100%;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.main .zb ul li .zbImg-wrap .zbImg-pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.main .zb ul li .zb-video{position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;}
.main .zb ul li .zb-mask{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.main .zb ul li .zb-mask .zb-hot, .main .zb ul li .zb-mask .zb-classify{position: absolute;top: 7px;height: 14px;padding: 0 5px;border-radius: 7px;font-size: 12px;line-height: 14px;color: #fff;background: rgba(0, 0, 0, 0.4);}
.main .zb ul li .zb-mask .zb-hot{left: 7px;}
.main .zb ul li .zb-mask .zb-classify{right: 7px;}
.main .zb ul li .zb-play{display: block;position: absolute;z-index: 3;left: 0;right: 0;top: 0;bottom: 0;width: 24px;height: 24px;margin: auto;opacity: 0;background: url(../images/play.png) no-repeat center;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
.main .zb ul li .zb-content{-webkit-box-sizing: border-box;box-sizing: border-box;height: 44px;padding: 15px 7px;line-height: 14px;}
.main .zb ul li .zb-content .zb-status{float: right;}
.main .zb ul li .zb-content .zb-title{padding-right: 5px;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main .zb ul li:hover .zbImg-pic{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.main .zb ul li:hover .zb-play{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.main .zb ul li:hover .zb-mask{background: rgba(0, 0, 0, 0.3);}
.main .table table{width: 100%;table-layout: fixed;border-collapse: collapse;border-left: 1px solid #555;text-align: center;}
.main .table th{height: 28px;border-right: 1px solid #555;border-bottom: 1px solid #555;background: linear-gradient(0deg, #845110, #422705);font-size: 14px;line-height: 28px;font-weight: bold;color: #fff;border-top: 2px solid #9e5f1a;}
.main .table td{height: 29px;border-right: 1px solid #555;border-bottom: 1px solid #555;background: #ffffcf;font-size: 12px;line-height: 29px;font-family: Arial;}
.main .table th,
.main .table td{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .table th:first-child,
.main .table td:first-child{width: 144px;}
.main .table th:nth-child(2),
.main .table td:nth-child(2){width: 138px;}
.main .table th:nth-child(3),
.main .table td:nth-child(3){width: 170px;}
.main .table th:nth-child(4),
.main .table td:nth-child(4){width: 114px;}
.main .table th:nth-child(5),
.main .table td:nth-child(5){width: 346px;}
.main .table th:nth-child(6),
.main .table td:nth-child(6){width: 110px;}
.main .table th:nth-child(7),
.main .table td:nth-child(7){width: 75px;}
.main .table td:nth-child(3){color: #ff0000;}
.main .table td:nth-child(5){text-align: left;padding-left: 5px;}
.main .table td:nth-child(1),
.main .table td:nth-child(2){color: #000;}
.main .table td:nth-child(4),
.main .table td:nth-child(5),
.main .table td:nth-child(6){color: #425568;}
.main .table td:nth-child(7) a{padding: 1px 6px;border-radius: 5px;text-decoration: none;color: #333;}
.main .table tr:hover td{background: #ffff88;}
.main .table .tableRmdTr td{background: yellow;}
.main .table .tableRmdTr:hover td{background: #ffffcf;}
.main .table .trYellow td{background: yellow;}
.main .table .trYellow:hover td{background: #ffffcf;}
.main .table .trWhite td{background: white;}
.main .table .trWhite:hover td{background: yellow;}
.main .table .icon-rec{vertical-align: -8px;margin-left: 3px;}
.main .table a{color: #333;cursor: pointer;}
.footer{background-color: #03308d;text-align: center;color: #fff;}
.footer .copyright{height: 90px;background: url(../images/footerBg.png) no-repeat center top;}
.footer .copyright::before{content: '';height: 100%;display: inline-block;vertical-align: middle;}
.footer .copyright .inner{display: inline-block;vertical-align: middle;}
.footer .p1{font-size: 16px;line-height: 24px;}
.footer .p2{font-size: 16px;line-height: 36px;}
.zb-modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0, 0, 0, 0.5);}
.zb-modal .modal-content{position: absolute;left: 50%;top: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;width: 1070px;margin-top: -300px;margin-left: -535px;}
.zb-modal .modal-content .modal-close{position: absolute;top: 10px;right: 10px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.zb-modal .modal-content .modal-title{padding: 0 10px;height: 34px;border-radius: 4px 4px 0 0;background: #2d2e36;font-size: 14px;font-weight: bold;line-height: 34px;color: #fff;}
.zb-modal .modal-content .modal-main{-webkit-box-sizing: border-box;box-sizing: border-box;height: 547px;padding: 0 10px 10px;background: #2d2e36;background: rgba(0, 0, 0, 0.5);border-radius: 0 0 4px 4px;}
.zb-modal .modal-content .modal-main .iframe-box{float: left;width: 890px;height: 100%;}
.zb-modal .modal-content .modal-main .btn-box{float: left;-webkit-box-sizing: border-box;box-sizing: border-box;width: 160px;height: 100%;padding: 100px 0 0;background: #333335;}
.zb-modal .modal-content .modal-main .btn-box .btn-item{display: block;width: 108px;margin: 56px auto;}
.zb-modal .modal-content .modal-main .btn-box img{width: 100%;}