.category, .main { overflow: hidden } .article-time, .article-title, .category ul li, .con2-left-bot .input, .con2-left-bot .send, .con2-left-bot .title, .gzh, .header-words p, .media-tab > ul > li, .pagination { text-align: center } body { background-color: #000 } .header-wrap { /* width: 100%; background: url(../../images/selfbuilt/header-bg.jpg) top center no-repeat #eee; */ } .main { width: 1200px; margin: 345px auto 0 } .main-left { width: 210px; margin-left: 38px } .main-body { margin-right: 18px; width: 973px; margin-bottom: 30px } .category { width: 100%; height: 72px } .category ul li { height: 100%; width: 12.5%; line-height: 72px; font-size: 22px; background: #4c3827; float: left } .category ul li a { color: #fff; display: block } .category ul li.current a { color: #fff100 } .raiders-category ul li { width: 20% } .content, .gift-category ul li { width: 100% } .content { background: #f5f5f5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#992e2321, 21, endColorstr=#992e2321, 21); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#992e2321, endColorstr=#992e2321)"; min-height: 987px; overflow: auto } .news-list { display: none; margin: 30px 65px 30px 55px } .content .show{display: block;} .news-list ul li { height: 72px; line-height: 72px; font-size: 20px; color: #5b5b5b } .list2-date { float: right } .list2-newstype { margin-right: 10px } .pagination a, .pagination span { margin-right: 5px; padding: 3px 8px } .news-list ul li a { color: #5b5b5b; transition: all .2s ease-in .1s; -webkit-transition: all .2s ease-in .1s; -o-transition: all .2s ease-in .1s } .news-list ul li:hover a { color: #a71b26 } .pagination { height: 28px; margin-top: 20px } .pagination span { background-color: #ffc5a1; color: #fff } .pagination a { color: #737373; background: #e6e6e6 } .article-over { text-overflow: ellipsis; display: inline-block; width: 100px; white-space: nowrap; overflow: hidden; vertical-align: top } .content-box { width: 909px; margin: 0 auto; color: #616161; padding-bottom: 10px } .article-note { font-size: 16px; margin-left: 30px; margin-top: 12px } .article-title { margin-top: 30px; height: 50px; line-height: 50px; font-size: 30px; font-weight: bolder; color: #333 } .article-time { font-size: 18px; height: 30px; line-height: 30px; margin-top: 10px } .article-content { width: 100%; min-height: 550px; margin-top: 20px; overflow-y: auto; overflow-x: hidden; border-top: 1px solid #d4d4d4 } .act-content dt, .act-img, .media-img, .media-tab, .media-tab > ul { overflow: hidden } .article-content p { color: #616161 !important } .activity-main { width: 1125px; margin: 0 auto } .act-title { margin-top: 25px; color: #fff; height: 75px; line-height: 75px; border-bottom: #52220a 1px solid; font-size: 40px } .act-list { margin-top: 30px } .act-list ul li { float: left; margin: 0 0 36px 36px; width: 327px; height: 256px } .act-img, .act-img img { width: 327px; height: 130px } .act-img img { border: none } .act-content { width: 100%; height: 126px; background: #f5f0ed } .act-content dl { margin: 0 15px } .act-content dt { font-size: 22px; height: 50px; line-height: 50px; color: #0087c6; border-bottom: #d7d7d7 1px solid; padding: 0 10px } .act-content dd { margin-top: 5px; line-height: 28px; color: #717171; font-size: 14px; padding: 0 10px } .media-main { width: 1125px; margin: 0 auto } .media-tab { width: 100%; margin-top: 40px } .media-tab > ul { border-left: #efefef 1px solid } .media-tab > ul > li { font-size: 15px; float: left; height: 50px; line-height: 50px; width: 561px; border-right: #efefef 1px solid; background-color: #fcfcfc; border-top: 2px solid #fff } .media-tab > ul > li a { color: #454545; display: block } .media-tab > ul > li.current { background-color: #fff; border-top: 2px solid #fe9a24 } .media-list { margin-top: 30px } .media-list ul li { float: left; margin: 0 0 36px 36px; width: 327px; height: 229px } .media-list ul li a { color: #7a7979; font-size: 15px; padding-left: 25px } .media-img { width: 327px; height: 182px } .media-img img { width: 327px; height: 182px; border: none } .media-list ul li a .media-content { width: 100%; height: 47px; background: #f5f0ed; line-height: 49px } .media-list ul li a:hover .media-content { background: #e67e22; color: #fff } .get-gift { display: block; border-radius: 5px; background: #110705; color: #d55a02; width: 100px; height: 44px; line-height: 44px; text-align: center; margin-bottom: 30px } p > a, p > a > span, p > a > span > strong, p > a > strong { color: #b7dde8 !important } .article-content, .article-content a, .article-content b, .article-content div, .article-content i, .article-content p, .article-content span, .article-content strong { font-size: 16px !important } .header-words { width: 100%; height: 36px } .header-words p { color: #fafafa; line-height: 35px; font-size: 14px; width: 207px; height: 35px; background: url(../../images/selfbuilt/ewm-mask.png) } .android a, .ios-zb a { display: block; width: 100%; height: 63px } .ios-zb { margin-top: 1px } .android a { background: url(../../images/selfbuilt/dload.jpg) 0 -68px } .android a:hover { background: url(../../images/selfbuilt/dload-hover.jpg) 0 -68px } .ios-zb a:hover { background: url(../../images/selfbuilt/dload-hover.jpg) } .ios-zb a { background: url(../../images/selfbuilt/dload.jpg) } .con-gift { width: 207px; height: 221px; display: inline-block; background: url(../../images/selfbuilt/gift.jpg); position: absolute; } .con-gift:hover { background: url(../../images/selfbuilt/gift.jpg) -208px 0 } .ewm { font-size: 0 } .con2-left-bot .title { color: #a71b26; font-size: 18px; margin-bottom: 10px; padding-top: 30px } .con2-left-bot .input > input { width: 182px; height: 33px; border: none; background: #e3e2e2; color: #a1a0a0 } .con2-left-bot .send { margin-top: 8px } .con2-left-bot .send a { width: 100px; height: 37px; display: inline-block; font-size: 18px; background: #a71b26; line-height: 37px; color: #fff; border-radius: 10px } .gzh-icon, .message-icon { display: inline-block; width: 19px; height: 19px; vertical-align: middle } .message-icon { margin-right: 3px; background-image: url(../../images/selfbuilt/msg.jpg) } .gzh-icon { margin-right: 8px; background-image: url(../../images/selfbuilt/calendar.png) } .con2-left-bot { margin-top: 167px; background: #fff; height: 166px; position: relative } .gzh { width: 100%; height: 35px; background-color: #383e45; font-size: 20px; color: #fff; clear: both; line-height: 35px } .footer-inner-box { background-color: #080808 }