.container{width: 1200px;margin: 0 auto;}
body{min-width: 1200px;background-color: #0a090f;background-image: url(bg.jpg);background-position: center top;background-repeat: no-repeat;background-size: 1920px auto;}
@media screen and (min-width: 1921px){body{background-size: 100% auto;}}


body { font-size:13px;font-family:\5B8B\4F53;}
a{ text-decoration:none; color:#000; font-family:\5B8B\4F53; }
a:hover{ text-decoration:underline; color:#C00; }
a:visited{ }

.header{position: relative;height: 180px;}
.header .hd-logo{position: absolute;z-index: 1;left: 420px;top: 10px;}
.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(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: 140px;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: 300px;height: 42px;border-radius: 0 8px 8px 8px;margin-left:170px}
.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: 5px;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(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(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(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(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(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);}


.SMbox {position:relative;float:left; width:1198px; height:40px; line-height:40px;background: linear-gradient(0deg, #800a0a, #a10101); margin:0 auto;margin-top:0px;font-size:16px;color:#fff;font-weight:bold; letter-spacing:3px;text-align: center;text-shadow: 1px 2px 2px  #000; border: solid 1px #730000;}


.content_box .search{width:1200px;height: 30px; overflow:hidden;    background: linear-gradient(0deg, #cf0101, #a10101);background-repeat: no-repeat;}
.marks_content{margin: 0 auto;
/* top: 325px;left: -16px; */width: 1200px;height: 100px;/* background: url(images/danye_04.png) ; */background-repeat: no-repeat;background-size: 100% 100%;background-position-y:-34px;z-index: 100;}
.marks_content_webset{top: 51px;left: 90px;height: 30px;color: #f6f1d1;}
.marks_content_ad{top: 60px;left: 230px;width: 1000px;height: 30px;color: #f6f1d1;}
.marks_content_ad ul{width: 100%;height: 100%;}
.marks_content_ad ul li{display: inline-block;padding:0 3px;height: 100%;font-size: 13.5px;font-family: Microsoft YaHei R;font-weight: 400;text-align: center;color: #f6f1d1;line-height: 28px;}
.marks_content_ad ul li a{display: inline-block;color: #FCDA41;}
.marks_content_search{width: 1100px;height: 44px;background-size: contain;}
.search_wrap{width: 1160px;padding: 6px 20px;margin: 0 auto;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;text-align: left;color: #f6f1d1;line-height: 18px;}
.select_edition{height:30px; width:960px; float:left;}
.select_sm{height:30px; line-height:30px;  overflow:hidden; margin-left:10px;}
.select_sm ul{display: block;width: 100%;height: 100%;overflow: hidden;}
.select_sm ul li{float: left;padding: 1px 7px; height:28px; line-height:28px; color:#F6F1D1; cursor:pointer;}
.select_sm ul li:hover{padding: 1px 7px;color: #FCDA41;background-color: rgb(250, 250, 250,.23);border-radius: 11px;}
ul, li{list-style: none;}
.inputtext{width: 228px;height:30px; float:right;}
.inputtext input{width: 155px;height: 27px;padding-left: 20px;margin-left: 10px; background: url(danye_02.png) no-repeat;background-size: 172px 100%;outline: none;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;text-align: left;color: #8c8888;line-height: 18px;border: 0px; float:left;}
.inputclose{top:5px;right: 35px;cursor: pointer;width: 18px;height: 18px;background: url(inputclose.png) no-repeat;background-size: contain;display: none;}
.inputclose:hover{background: url(inputclose_h.png) no-repeat;}
.search_bt{cursor: pointer;width: 15px;height: 15px;background: url(search_bt_h.png) no-repeat;background-size: contain; float:left; margin:7px 15px 0 5px;}
.select_edition_ul{position: absolute; margin-left:500px; margin-top:10px; display:none; z-index: 12; width: 380px; height: 158px; overflow: hidden; background: url(select_edition_bg.png) no-repeat; background-size: 100% 100%;}
.con_table{position: absolute; top: 5px; width: 100%; height: 100%;}
.con_table ul{width: 100%; height: auto;}
.con_table ul li{float: left; margin: 0 auto; width:63px; height: 28px; font-size: 14px; font-family: Microsoft YaHei ; font-weight: 400; text-align: center; color: #8c8888; line-height: 28px; letter-spacing: 1px; cursor: pointer;}
.con_table ul li:hover{color: #FCDA41;}




.footer{background-color: #a30d0d;text-align: center;color: #fff;    font-family: 'microsoft yahei';}
.footer .copyright{height: 90px;background: url(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;    font-family: 'microsoft yahei';}
.footer .p1 a{ text-decoration:none; color:#FFF;font-family: 'microsoft yahei'; }
.footer .p2{font-size: 16px;line-height: 36px;    font-family: 'microsoft yahei';}
.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%;}