@charset "utf-8";

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0; }
body{ font-size: 15px; color:#000; overflow-x: hidden; font-family: "Microsoft YaHei",Arial,sans-serif; background:#fff;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ font-size: 16px; outline:none;  font-family: "Microsoft YaHei",Arial,sans-serif;}
svg{ border: none;}
::-webkit-input-placeholder {color: #b2b2b2;}
::-moz-placeholder {color: #b2b2b2;}
:-ms-input-placeholder {color: #b2b2b2;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color:#ff1800;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 50px;}
.ovh{overflow: hidden;}

::-webkit-scrollbar { width: 6px; background-color: rgba(24, 24, 24, .07); }
::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}
::-webkit-scrollbar-thumb:hover {background: #666;}

html,body{ height: 100%;}


.indexbox{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.indexbox .logo{ height: 50px; text-align: center;}
.indexbox .searchBox{ width: 780px; background: #fff; border: #1e2226 solid 2px; border-radius: 12px; overflow: hidden; margin: 40px auto;}
.indexbox .searchBox form{ display: flex;}
.indexbox .searchBox input{ width: calc(100% - 50px); height: 50px; line-height: 1; font-size: 16px; border: none; padding-left: 15px;}
.indexbox .searchBox button{ width: 50px; background: url(../images/search.png) no-repeat center; border: none; cursor: pointer;}
.indexbox .searchBox button:hover{ background:#eee url(../images/search.png) no-repeat center;}

.header{ padding: 50px 0 10px;}
.header .logo{ height: 50px; text-align: center;}
.header .searchBox{ width: 780px; background: #fff; border: #1e2226 solid 2px; border-radius: 12px; overflow: hidden; margin: 40px auto;}
.header .searchBox form{ display: flex;}
.header .searchBox input{ width: calc(100% - 50px); height: 50px; line-height: 1; font-size: 16px; border: none; padding-left: 15px;}
.header .searchBox button{ width: 50px; background: url(../images/search.png) no-repeat center; border: none; cursor: pointer;}
.header .searchBox button:hover{ background:#eee url(../images/search.png) no-repeat center;}

.hotTag{ margin-bottom: 50px;}
.hotTag span{ color: #ff1800; padding: 2px 0; margin: 5px;}
.hotTag a{ background: #f2f2f2; border-radius: 3px; color: #666; font-size: 14px; padding: 2px 8px; margin: 5px;}
.hotTag a:hover{ background: #fff3f3;}

.indexList .container .item{ width: 28%;}
.indexList .container .item .tit { display: flex; justify-content: space-between; margin-bottom: 20px;}
.indexList .container .item .tit h2{ font-size: 17px; font-weight: bold; display: flex; align-items: center;}
.indexList .container .item .tit h2 svg{ margin-right: 5px;}
.indexList .container .item .tit a{ font-size: 14px; color: #666; display: flex; align-items: center;}
.indexList .container .item ul li{ padding: 10px 0;}
.indexList .container .item ul li a{ display: flex; align-items: centers;}
.indexList .container .item ul li i{ width: 12px; text-align: center; font-style: normal; color: #999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
.indexList .container .item ul li:nth-child(1) i{ color: #ff1800;}
.indexList .container .item ul li:nth-child(2) i{ color: #ff5407;}
.indexList .container .item ul li:nth-child(3) i{ color: #ff9400;}
.indexList .container .item ul li p{ padding-left: 15px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.searchTit{ margin-bottom: 25px;}
.searchTit span{ color: #ff1800;}

.nav{ margin-bottom: 35px;}
.nav a{ line-height: 1; margin:0 15px; padding: 8px 15px 10px; background: #f2f2f2; font-weight:bold; font-size: 17px;}
.nav a.on{ color:#fff; background: #f00;}

.list { padding-bottom: 50px;}
.list ul li i{ width: 12px; text-align: center; font-style: normal; color: #999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 1; margin-right: 15px;}
.list ul li:nth-child(1) i{ color: #ff1800;}
.list ul li:nth-child(2) i{ color: #ff5407;}
.list ul li:nth-child(3) i{ color: #ff9400;}
.list ul li{ line-height: 60px; display: flex; justify-content: space-between; align-items:center; padding: 0 25px;}
.list ul li:nth-child(odd){ background: #f4f4f4;}
.list ul li:hover{ background: #f5f5f5;}
.list ul li a{ width: calc(100% - 90px);}
.list ul li a span{ color: #ff1800;}
.list ul li span{ width: 90px; color: #888; text-align: right;}

.view .mainCon{ width: calc(100% - 320px);}
.view .mainCon .con{ padding:30px 25px ; margin-bottom: 20px; box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, .07);}
.view .mainCon .con h1{ font-size: 24px; text-align: center; margin-bottom: 30px;}
.view .mainCon .con .info ul li{ padding: 8px 0;}
.view .mainCon .con .info ul li span{ margin-right: 10px;}
.view .mainCon .con .info .notice{ font-size: 13px; line-height: 1.7; color: #ff1800;}
.view .mainCon .con .info .btn{ border: #0e60ff solid 1px; border-radius: 5px; padding: 0 8px; color: #0e60ff; line-height: 30px; display:inline-block;}
.view .mainCon .con .info .btn svg{ margin-right: 5px;}

.view .mainCon .other{ padding: 18px 25px ; margin-bottom: 20px; box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, .07);}
.view .mainCon .other .tit { display: flex; justify-content: space-between; margin-bottom: 20px;}
.view .mainCon .other .tit h2{ font-size: 17px; font-weight: bold; display: flex; align-items: center;}
.view .mainCon .other .tit h2 svg{ margin-right: 5px;}
.view .mainCon .other  ul{ display: flex; flex-wrap: wrap;}
.view .mainCon .other  ul li{ width: 50%; padding: 10px 0;}
.view .mainCon .other  ul li a{ display: flex; align-items: centers;}
.view .mainCon .other  ul li i{ width: 12px; text-align: center; font-style: normal; color: #999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
.view .mainCon .other  ul li:nth-child(1) i{ color: #ff1800;}
.view .mainCon .other  ul li:nth-child(2) i{ color: #ff5407;}
.view .mainCon .other  ul li:nth-child(3) i{ color: #ff9400;}
.view .mainCon .other  ul li p{ padding-left: 15px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.view .side{ width: 300px;}
.view .side .item{ padding: 18px ; margin-bottom: 20px; box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, .07);}
.view .side .item .tit { display: flex; justify-content: space-between; margin-bottom: 20px;}
.view .side .item .tit h2{ font-size: 17px; font-weight: bold; display: flex; align-items: center;}
.view .side .item .tit h2 svg{ margin-right: 5px;}
.view .side .item .tit a{ font-size: 14px; color: #666; display: flex; align-items: center;}
.view .side .item ul li{ padding: 10px 0;}
.view .side .item ul li a{ display: flex; align-items: centers;}
.view .side .item ul li i{ width: 12px; text-align: center; font-style: normal; color: #999; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 1;}
.view .side .item ul li:nth-child(1) i{ color: #ff1800;}
.view .side .item ul li:nth-child(2) i{ color: #ff5407;}
.view .side .item ul li:nth-child(3) i{ color: #ff9400;}
.view .side .item ul li p{ padding-left: 15px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.view .side .ewm{ display: flex; align-items: center;}
.view .side .ewm ol{ padding-left: 10px;}
.view .side .ewm ol dt{ display: flex; align-items: center; font-size: 14px; margin-bottom: 5px;}
.view .side .ewm ol p{ font-size: 12px; color: #999;}

.message { padding-bottom:80px;}
.message .msg-content textarea { width: 100%; height:200px; resize: none; background-color: #F2F2F2; outline: none; border: none; padding: 20px; border-radius: 8px;}
.message .msg-content .error{ margin-top: 10px;}
.message .msg-content .msg-send{ margin:25px 0; display:flex; justify-content:flex-end; }
.message .msg-content .msg-send button { display: inline-block; padding: 6px 26px; color: #fff; outline: none; border: none; border-radius: 5px; background-color: #e50914; cursor: pointer;}
.message .msg-list .t{ font-size:28px; font-weight: bold;}
.message .msg-list .msg-item { padding:20px 0; border-bottom:#ddd solid 1px;}
.message .msg-list .msg-item .uname { color: #333; margin-bottom: 5px; font-size: 17px; font-weight: 700;}
.message .msg-list .msg-item .con { color: #282828; word-break: break-word; margin: 0 0 5px; line-break: anywhere; text-align: justify;}
.message .msg-list .msg-item .glyreply { color: red; display: block; margin: 0 0 5px; }
.message .msg-list .msg-item .text-muted { font-size: 12px; color:#999; }

.links{ width:100%; position:absolute; left:0; bottom:30px;}
.links ul{ display:flex; justify-content:center;}
.links ul li { font-size: 12px;  color:#888; }
.links ul li a{ color:#888; margin-right: 12px;}
.links ul li a:hover{ color:#ff1800;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 16px; width: 100%; display: flex; justify-content: center; padding-bottom:60px;}
.fenye .prev, .fenye .next { width: 46px; height: 46px; line-height: 46px; color: #666;margin:0 4px; display: block; font-family: "宋体";font-size: 18px; background: #ddd;}
.fenye a { width: 46px; height: 46px; line-height: 46px; color: #666; margin:0 4px; display: block; background: #ddd; transition: all 0.4s;}
.fenye a:hover {color: #fff; background: #555;}
.fenye a.current { color: #fff;  background: #555;}

/* 弹出框 */
.downTcc{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999; display:none;}
.downTcc:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0;}
.downTcc .conBox{ width:365px; padding:50px; background:#fff; border-radius:10px; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:99;}
.downTcc .conBox .offBtn{ width:20px; height:20px; position:absolute; right:15px; top:15px; cursor: pointer;}
.downTcc .conBox .ewmBox{ width:188px; height:188px; margin:0 auto;}
.downTcc .conBox .downtit{ font-size: 20px; font-weight: bold; text-align:center; margin: 15px 0;}
.downTcc .conBox .downtext{ line-height: 2.2; text-align:center; color:#666;}
.downTcc .conBox .downtext span{ padding:0 10px; height:22px; line-height: 21px; text-align:center; color:#fff; font-size: 13px; background:#ccc; border-radius:50px; display:inline-block;}
.downTcc .conBox .downtext a{ color:#759189; background:url(../images/link.svg) no-repeat left center; background-size:15px auto; padding-left: 18px;  margin-left: 3px;}


/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 30px; height: 30px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px;  cursor: pointer;}
.tccBox .BoxCon ul video{ max-width: 1000px;}

@media screen and (max-height:860px){
    .links{ display:none;}
}


@media screen and (max-width:750px){
    body{ font-size: 13px;}
    .wrap{ padding: 0 15px;}

    .header { padding: 40px 0 10px; }
    .header .logo{ height: 32px;}
    .header .searchBox{ width:100%; margin: 25px auto;}
    .header .searchBox input{ height: 42px; font-size: 15px;}

    .indexbox{  position: relative; top:inherit; transform: inherit; padding: 40px 0 ;}
    .indexbox .logo{ height: 32px;}
    .indexbox .searchBox{ width: 90%; margin: 25px auto;}
    .indexbox .searchBox input{ height: 42px; font-size: 15px;}

    .hotTag{ margin-bottom: 30px;}
    .hotTag span{ font-size: 13px; margin: 3px 2px;}
    .hotTag a{ font-size: 12px; padding: 2px 6px; margin: 3px 2px;}

    .indexList .container{ display: block;}
    .indexList .container .item{ width: 100%; margin-bottom: 25px;}
    .indexList .container .item .tit{ margin-bottom: 10px;}
    .indexList .container .item .tit h2{ font-size: 16px;}
    .indexList .container .item .tit a{ font-size: 12px;}
    .indexList .container .item ul li { padding: 7px 0; }
    
    .nav{ margin-bottom: 25px;}
    .nav a { margin: 0 5px; padding: 8px 10px; font-size: 14px; }

    .list { margin-bottom: 0; padding-bottom: 30px}
    .list ul li{ line-height: 48px; padding: 0 12px}
    .list ul li a{ width: calc(100% - 110px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .list ul li span{ width: 70px; text-align:right; font-size: 12px;}

    .view { padding-bottom: 30px;}
    .view .wrap{ display: block;}
    .view .mainCon{ width: 100%;}
    .view .mainCon .con{ margin-bottom: 15px; padding: 25px 20px; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .04)}
    .view .mainCon .con h1{ font-size: 20px; margin-bottom: 20px;}
    .view .mainCon .other{ margin-bottom: 15px; padding: 18px 20px; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .04)}
    .view .mainCon .other .tit{ margin-bottom: 10px;}
    .view .mainCon .other .tit h2{ font-size: 16px;}
    .view .mainCon .other ul li{ padding: 7px 0;}
    .view .side{ width: 100%;}
    .view .side .ewm{ display: none;}
    .view .side .item{ margin-bottom: 15px; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .04)}
    .view .side .item .tit{ margin-bottom: 10px;}
    .view .side .item .tit h2{ font-size: 16px;}
    .view .side .item .tit a{ font-size: 12px;}
    .view .side .item ul li { padding: 7px 0; }
    
    .message .msg-content textarea{ height:130px; padding:15px; font-size: 14px;}
    .message .msg-content button{ font-size: 14px;}
    .message .msg-content .msg-send{ justify-content:center;}
    .message .msg-list .t{ font-size: 18px;}
    
    .links{ display:none;}

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 14px; width: 100%; padding: 0 0 50px; display: flex;}
    .fenye .prev, .fenye .next { width: 32px; height: 32px; line-height: 32px; margin-right: 2px; font-size: 16px; }
    .fenye a { width: 32px; height: 32px; line-height: 32px; margin-right:2px;}
    .fenye a:hover {color: #fff; }
    .fenye a.current { color: #fff;  margin-right: 2px;}

    .tccBox .BoxCon{ width: 94%;}
    .tccBox .BoxCon .off{ width: 18px; height: 18px; right: 18px;}
    .tccBox .BoxCon ul video{ width: 100%;}
    .search-dialog{ width: 95%;}
}