/* CSS Document */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: transparent;
}
#wap_ad{display:none}
#wap_ad>a>img{width:100%}
@media screen and (max-width:959px){
#pc_ad{display:none}
#wap_ad{display:block}
}
body {
margin: 0;
background: #EEE;
font-family: "\5FAE\8F6F\96C5\9ED1", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}
a {
text-decoration: none;
color: #000
}
a:active, a:hover {
outline: 0;
text-decoration: none
}
img {
border: 0;
max-width: 100%
}
video {
border: 0;
max-width: 100%
}
ul, li, dl, dt, dd {
margin: 0;
list-style: none;
padding: 0
}
.clear {
clear: both;
font-size: 0;
}
.fl {
float: left
}
.fr {
float: right
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal
}
header {
margin: 0 auto;
width: 100%;
background: #333;
position: relative;
z-index: 3
}
.top {
margin: 0 auto;
width: 100%;
position: relative;
z-index: 1
}
.top a {
display: block;
}
.nav-m {
float: left;
width: 48px;
height: 50px;
border-right: 1px solid #444;
background: url(../image/index-icon.png) 13px 13px no-repeat;
cursor: pointer;
position: relative
}
.nav-m:after {
content: "";
height: 50px;
top: 0;
right: 0;
border-right: 1px solid #000;
position: absolute
}
.logo {
float: left;
width: 100%;
height: 45px;
text-align: center;
top: 0;
left: 0;
position: absolute;
z-index: -1
}
.logo img {
height: 45px
}
.logo a {
display: block;
}
.nav {
width: 100%;
left: 0;
top: 50px;
background: rgba(51,51,51,0.958);
background: #333 \9;
text-align: center;
display: none;
position: absolute
}
.nav li {
height: 36px;
line-height: 36px;
border-bottom: 1px solid #111;
border-top: 1px solid #444;
font-size: 14px
}
.nav li:hover {
background: #222
}
.nav li a {
color: #fff; font-size: 16px;
}
.nav li a:hover {
color: #ddd
}
.tool {
float: right;
background: #333;
border-left: 1px solid #000;
border-right: 1px solid #444;
position: relative
}
.tool ul {
float: right
}
.tool li {
float: left;
width: 48px;
height: 50px;
border-left: 1px solid #444;
border-right: 1px solid #000;
background: url(../image/index-icon.png) 13px 13px no-repeat;
cursor: pointer
}
.tool li.ss {
background-position: 13px -33px;
position: relative;
z-index: 1
}
.tool li.wx {
background-position: 13px -78px;
display: none;
position: relative;
z-index: 1
}
.tool li.wx .appear-w {
width: 100px;
height: 100px;
background: #333;
margin-left: -61px;
padding: 10px;
top: 51px;
left: 50%;
opacity: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);
-moz-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);
-webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);
-o-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);
visibility: hidden;
position: absolute
}
.tool li.wx:hover .appear-w {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.tool li.more-t {
background-position: 15px 17px;
background-position: 13px 13px \9;
background-size: 200px;
display: none;
position: relative;
z-index: 1
}
.tool li.user {
background: none;
display: none
}
.tool li iframe {
width: 80px;
height: 190px;
right: 0;
top: 0;
position: absolute;
z-index: 0
}
.search {
padding: 10px;
display: none
}
.search form {
margin: 0 auto;
width: 300px;
height: 34px;
line-height: 34px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
overflow: hidden
}
.search .search-text {
width: 225px;
height: 32px;
line-height: 32px \9;
padding-left: 10px;
color: #999;
font-size: 12px;
background: #fff;
border: 0;
}
.search .search-btn {
width: 60px;
height: 34px;
line-height: 32px;
color: #fff;
text-align: center;
font-size: 14px;
background: rgba(255,0,0,0.4);
background: #E17576 \9;
border: 0
}
.more {
width: 100%;
height: 100%;
background: #222;
top: 0;
left: 0;
position: fixed;
display: none;
z-index: 3
}
.more-in {
margin: 20px;
height: 500px;
overflow: auto;
}
.more-top .close {
float: left;
width: 40px;
height: 40px;
background: url(../image/index-icon.png) -50px -186px no-repeat;
cursor: pointer
}
.more-top .login {
float: right;
width: 200px;
text-align: right
}
.more-top .login span {
margin-left: 10px
}
.more-top .login a {
font-size: 14px;
color: #00b72d
}
.more-top .login .index {
background: url(../image/index-icon.png) -105px -186px no-repeat;
padding-left: 24px
}
.more-top .login .index a {
color: #fff
}
.more-in .more-search {
width: 100%;
height: 38px;
background: #444
}
.more-in .more-search .search-text {
width: 70%;
height: 30px;
line-height: 36px \9;
padding-left: 10px;
font-size: 14px;
border: 0;
background: #444;
color: #ccc
}
.more-in .more-search .search-btn {
width: 48px;
height: 36px;
border: 0;
background: url(../image/index-icon.png) 13px -37px no-repeat
}
.more-in .column {
width: 100%;
}
.column .tit {
margin-top: 3px;
background: #444;
height: auto;
line-height:28px;
text-align: center;
}
.column .tit a {
color: #fff;
font-size: 14px
}
.column .column-list ul {
float: left;
width: 100%
}
.column-list li {
margin-bottom: 1px;
margin-right: 1px;
float: left;
width: 32.8%;
background: #333;
height: 34px;
line-height: 34px;
text-align: center
}
.column-list li a {
color: #fff;
font-size: 14px
}
.main {
margin: 0 auto;
padding: 10px
}
.main .primary {
width: 100%;
margin-bottom: 10px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow: hidden
}
.focus {
width: 100%;
height: 230px;
background: #000;
position: relative;
overflow: hidden
}
.focus li {
float: left
}
.focus li .focus-p {
float: left;
height: 190px;
overflow: hidden
}
.focus li .focus-p img {
width: 100%;
max-width: none
}
.focus li a {
float: left;
font-size: 0;
display: block
}
.focus li .focus-t {
float: left;
width: 100%;
overflow: hidden
}
.focus h1 {
padding: 0 5px;
min-height: 20px;
line-height: 20px;
font-size: 14px
}
.focus h1 a {
color: #fff;
font-size: 14px
}
.focus .fitem {
position: absolute;
bottom: 50px;
right: 7px;
margin-right: 0;
}
.focus .fitem span {
margin: 0 6px;
width: 12px;
height: 12px;
background: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
display: inline-block;
cursor: pointer;
overflow: hidden
}
.focus .fitem span.on {
background: #86c775;
box-shadow: 1px 1px 3px #000
}
.remd {
width: 100%;
margin-bottom: 20px;
display: none
}
.remd .remd-title {
margin-top: 18px;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
font-size: 20px
}
.remd .remd-list li {
height: 35px;
line-height: 35px;
padding-left: 30px;
background: url(../image/index-icon.png) -228px -58px no-repeat
}
.remd .remd-list li h2 {
height: 35px;
line-height: 35px;
overflow: hidden
}
.remd .remd-list li a {
color: #333;
font-size: 16px
}
.primary-ad {
padding: 15px 0;
display: block
}
.hearsay {
padding: 0 20px;
display: none
}
.hearsay-title {
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 6px;
font-size: 20px
}
.hearsay-title a {
border-bottom: 3px solid #000;
padding-bottom: 5px
}
.hearsay-list {
padding-top: 20px;
padding-bottom: 0;
height: auto;
overflow: hidden
}
.hearsay-list li {
float: left
}
.hearsay-list li .hearsay-p, .hearsay-list li .hearsay-t {
float: left;
overflow: hidden
}
.hearsay-list li .hearsay-t h3 {
font-size: 16px;
color: #333;
line-height: 20px;
margin-top: -3px
}
.hearsay-list li .hearsay-t p {
font-size: 12px;
color: rgba(0,0,0,0.5);
color: #666 \9;
line-height: 21px;
margin-top: 6px;
display: none
}
.main .news {
width: 100%;
position: relative
}
.news .news-title {
width: 100%;
height: 38px;
line-height: 38px;
margin-bottom: 20px;
box-shadow: 1px 1px 2px #ddd;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px
}
.news .news-title span {
padding: 0 10px;
font-size: 14px;
display: inline-block;
cursor: pointer
}
.news .news-title span.all {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.news .news-title span.cur {
background: #86c775;
color: #fff;
position: relative
}
.news .news-title span.cur a {
color: #fff
}
.news .news-title span.cur:after {
content: "";
width: 0;
height: 0;
font-size: 0;
border-width: 6px;
border-color: #86c775 transparent transparent transparent;
border-style: solid;
text-align: center;
left: 50%;
margin-left: -5px;
top: 36px;
position: absolute;
display: none \9
}
.news .news-list {
width: 100%;
margin-bottom: 20px
}
.news .news-list li {
width: 100%;
padding: 10px 0;
background: #fff;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.news .news-list li .news-p {
float: left;
width: 86px;
height: 56px;
margin: 0 10px;
overflow: hidden
}
.news .news-list li .news-p img {
height: 56px;
max-width: none
}
.news .news-list li .nopic {
width: 100%;
position: static
}
.news .news-list li .news-t {
float: left;
width: 56%;
margin-right: 10px
}
.news .news-list li .news-t h4 {
font-size: 16px;
color: #333;
line-height: 20px;
margin-top: -3px
}
.news .news-list li .news-t p {
font-size: 12px;
color: rgba(0,0,0,0.5);
color: #666 \9;
margin-top: 6px;
margin-bottom: 0;
display: none
}
.news .news-list li .news-k, .news .news-list li .news-k a {
font-size: 12px;
color: rgba(0,0,0,0.4);
color: #ccc \9
}
.news .news-list li .news-k a:hover {
color: rgba(84,164,84,1.0);
color: #54a454 \9
}
.news .news-k {
display: none
}
.news .news-list .news-more {
width: 100%;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 3px;
color: #fff;
background: rgba(0,183,45,1.0);
background: #86c775 \9;
cursor: pointer
}
.news .news-list .news-more a {
color: #fff
}
#dl {
display: none
}
.main .side {
width: 100%;
position: relative;
display: none
}
.side-ad {
margin-bottom: 20px;
text-align: center
}
.lump {
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
background: #fff;
font-size: 14px;
margin-bottom: 20px
}
.lump-title {
position: relative;
height: 40px;
line-height: 40px;
border-top-left-radius: 3px;
overflow: hidden;
padding-left: 20px;
font-size: 14px;
font-weight: bold
}
.lump-title span {
position: absolute;
top: -6px;
right: 10px;
font-size: 20px;
}
.lump-title span a {
color: #86c775;
}
.lump-title:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-top: 10px solid #86c775;
border-right: 10px solid transparent;
}
.lump li.no-border {
border-bottom: 0;
}
.lump-list, .lump-list-pic, lump-list-tp {
padding: 0 10px
}
.lump-list li {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.lump-list li:last-child {
border-bottom: 0
}
.lump-list-pic {
padding-bottom: 10px
}
.lump-list-pic li {
cursor: pointer
}
.lump-list-pic li .pic {
display: none
}
.lump-list-pic li .pic img {
width: 100%
}
.lump-list-pic li .tit {
font-size: 14px;
line-height: 30px;
height: 30px;
overflow: hidden;
background: url(../image/index-icon.png) -241px -108px no-repeat;
padding-left: 20px
}
.lump-list-pic li .des {
font-size: 12px;
color: rgba(0,0,0,0.4);
color: #999 \9;
display: none
}
.lump-list-pic li.cur {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 20px;
margin-bottom: 10px;
padding-top: 20px
}
.lump-list-pic li.cur .pic {
display: block
}
.lump-list-pic li.cur .des {
display: block
}
.lump-list-pic li.cur .tit {
font-size: 16px;
line-height: 36px;
margin: 8px 0;
font-weight: bold;
background: none;
padding-left: 0
}
.lump-list-pic li:last-child.cur {
border-bottom: 0;
padding-bottom: 0;
margin-top: 20px;
border-top: 1px solid #e8e8e8
}
.lump-list-tp li {
margin-bottom: 10px;
}
.lump-list-tp li .pic {
width: 80px;
height: 60px;
margin-right: 10px;
overflow: hidden;
}
.lump-list-tp li .pic img {
height: 60px;
max-width: none;
margin-left: -13px;
}
.lump-list-tp li .text {
width: 188px;
}
.tag-list li {
float: left;
width: 48%;
overflow: hidden;
text-align: center;
}
.tag-list li:nth-child(2n) {
margin-left: 4%;
}
.tag-list li:nth-child(15), .taglist li:nth-child(16) {
border-bottom: 0
}
/*===========footer=============*/
footer {
padding: 10px;
background: #000
}
.bottom {
width: 100%;
min-height: 50px
}
.foot-logo, .foot-text, .copyright, .about {
width: 100%;
text-align: center;
}
.foot-logo img {
height: 32px
}
.copyright {
margin: 10px 0;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #999
}
.copyright a {
color: #fff
}
.about {
height: 30px;
}
.about li {
margin-right: 20px;
float: left;
font-size: 14px
}
.about li a {
color: #fff;
font-size: 12px
}
.about li a:hover {
color: #aaa
}
.back-top {
display: none;
}
.back-top div {
display: none;
cursor: pointer;
}
.list-title {
margin-bottom: 10px;
margin-left: 2px;
padding-left: 20px;
height: 40px;
line-height: 40px;
position: relative;
border-top-left-radius: 3px;
font-size: 14px;
color: #666;
background: #fff;
overflow: hiddens
}
.list-title:before {
content: "";
left: 0;
top: 0;
width: 0;
height: 0;
position: absolute;
border-top: 20px solid #00b72d;
border-right: 20px solid transparent;
}
/****************show****************/
.content {
padding: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
background: #fff
}
.content .show-bar {
font-size: 12px;
color: #666
}
.show-bar .crumbs {
float: left;
display: none
}
.show-bar .title-bar {
float: left
}
.show-bar .title-bar span {
margin-right: 10px
}
.show-bar .title-bar a {
color: #666
}
.show-bar .title-bar a:hover {
color: #00b72d
}
.show-bar .tfs {
display: none
}
.show-bar .hit {
padding-left: 20px;
background: url(../image/index-icon.png) -90px -2px no-repeat
}
.show-bar .com {
padding-left: 20px;
background: url(../image/index-icon.png) -90px -25px no-repeat
}
.hit em, .com em {
font-style: normal
}
.content hgroup {
margin: 15px 0;
padding: 15px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.content h1 {
text-align: left;
color: #000;
font-size: 24px;
line-height: 36px;
font-weight: bold
}
.content h2 {
margin-top: 20px;
text-align: center;
color: #666;
font-size: 16px
}
/*font-size*/
.content h1.f_size1, .content h1.f_size2, .content h1.f_size3, .content h1.f_size4 {
font-size: 24px
}
.content .text p {
margin: 0;
padding: 15px 0;
font-size: 16px;
color: #333;
line-height: 28px;
table-layout: fixed;
word-break: break-all;
overflow: hidden
}
.content .text p img {
margin: 0 auto;
display: block
}
.content .text p.tt img {
margin-left: 0
}
.content .text p a {
border-bottom: 1px dotted #00b72d
}
.content .text .author {
margin: 15px auto;
float: right;
padding: 0 18px;
background: url(../image/index-icon.png) -90px -49px no-repeat;
font-size: 12px;
color: #666
}
.show-wx {
margin-bottom: 20px;
padding: 12px;
background: #efefef;
border: 1px solid #e8e8e8
}
.show-wx .wechart {
padding: 6px;
float: left;
background: #333;
width: 30%
}
.show-wx .wechart img {
float: left
}
.show-wx p {
margin: 0;
float: right;
width: 63%;
font-size: 12px;
color: #666
}
.show-wx p span {
color: #000
}
.down-table-s {
display: block
}
.down-table-b {
display: none
}
.down-tit {
margin: 20px 0;
padding: 12px;
background: #efefef;
border: 1px solid #e8e8e8
}
.content .down-a ul {
margin-bottom: 20px
}
.content .down-a li {
margin: 0;
font-size: 13px;
color: #333;
line-height: 28px;
table-layout: fixed;
word-break: break-all;
overflow: hidden
}
.content .down-a li a {
border-bottom: 1px dotted #00b72d;
background: url(http://www.gichina.club/skin/m/images/bg_member_1.gif) no-repeat -5px -126px;
padding-left: 16px;
color: #060
}
/*share*/
.share-wrap .key {
margin-bottom: 20px;
float: left;
width: 100%;
height: 30px;
font-size: 12px;
overflow: hidden
}
.share-wrap .key span {
margin-right: 10px;
color: #666;
line-height: 30px
}
.share-wrap .key a {
color: #666
}
.share-wrap .share-fr {
float: left;
width: 100%
}
.share-wrap li {
margin-right: 20px;
margin-bottom: 20px;
float: left;
text-align: center
}
.share-wrap li span {
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
background: url(../image/index-icon.png) #3cb75a no-repeat -88px -249px;
display: block;
cursor: pointer
}
.share-wrap li .tip {
position: relative;
display: none
}
.share-wrap li .tip i {
top: -30px;
left: -30px;
width: 90px;
height: 24px;
color: #fff;
font-size: 12px;
font-style: normal;
background: #333;
line-height: 24px;
border-radius: 3px;
position: absolute
}
.share-wrap li .tip:before {
content: "";
top: -6px;
left: 12px;
width: 0;
height: 0;
border-width: 4px;
border-style: solid;
border-color: #333 transparent transparent transparent;
position: absolute
}
.share-wrap li:hover .tip {
display: block
}
.share-wrap li em {
margin-left: 10px;
float: left;
padding: 0 5px;
height: 30px;
font-style: normal;
font-size: 12px;
line-height: 30px;
;
border: 1px solid #E8E8E8;
background: #f5f5f5;
border-radius: 3px;
position: relative;
display: block
}
.share-wrap li em:after {
content: " ";
top: 11px;
left: -4px;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border: solid 1px #e8e8e8;
border-width: 0 0 1px 1px;
background: #f5f5f5;
position: absolute
}
.share-wrap li span.collect {
background-position: -82px -245px
}
.share-wrap li span.collect:hover {
background-color: #FFD24D
}
.share-wrap li span.digg {
background-position: -133px -244px
}
.share-wrap li span.digg:hover {
background-color: #FF0000
}
.share-wrap li span.share {
background-position: -189px -245px
}
.share-wrap li span.share:hover {
background-color: #A4D1FF
}
.share-wrap li.wshare {
width: 30px
}
.item {
padding-left: 10px;
width: 150px;
height: 30px;
border: 1px solid #E8E8E8;
background: #f5f5f5;
border-radius: 3px;
position: relative
}
.share-wrap li.share-item {
margin-left: -10px;
margin-right: 0;
position: relative
}
.share-wrap li.share-item:before {
content: '';
top: 11px;
left: -10px;
width: 0;
height: 0;
position: absolute;
border: 5px solid transparent;
border-right: 5px solid #ddd;
display: block
}
.show-share {
float: left;
width: 100%
}
.item:before {
content: '';
top: 10px;
left: -10px;
width: 0;
height: 0;
border: 5px solid transparent;
border-right: 5px solid #f5f5f5;
position: absolute;
display: block
}
/* 分页 */
#pages {
padding-top: 20px;
font-size: 12px;
text-align: center
}
#pages a {
padding: 0 5px;
height: 24px;
line-height: 24px;
color: #333;
font-size: 12px;
background: #fff;
border: 1px solid #e3e3e3;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
text-align: center;
display: inline-block
}
#pages a.a1 {
background: #fff;
width: 46px;
padding: 0 5px
}
#pages a:hover {
color: #000;
background: #f1f1f1;
text-decoration: none
}
#pages span {
padding: 0 5px;
height: 24px;
line-height: 24px;
background: #86c775;
border: 1px solid #5ab25c;
color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
text-align: center;
display: inline-block
}
/* 频道页 */
.news .cat-title {
margin-top: 10px;
width: 100%;
height: 38px;
line-height: 38px;
margin-bottom: 20px;
box-shadow: 1px 1px 2px #ddd;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px
}
.news .cat-title span {
padding: 0 10px;
font-size: 12px;
display: inline-block;
cursor: pointer
}
.news .cat-title span.cur {
margin-right: 10px;
background: #86c775;
color: #fff;
position: relative
}
.news .cat-title span.cur a {
color: #fff
}
.news .cat-title span.cur:after {
content: "";
width: 0;
height: 0;
font-size: 0;
border-width: 6px;
border-color: transparent transparent transparent #86c775;
border-style: solid;
text-align: center;
right: -10px;
top: 35%;
position: absolute;
display: none \9
}
/*******comment**********/
.show-comment {
margin: 20px 0;
padding: 30px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
background: #fff
}
/*图片内容*/
.photo-channel {
padding: 20px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 2px
}
.photo-channel .show-bar {
font-size: 12px;
color: #666
}
.photo-channel hgroup {
margin: 15px 0;
padding: 15px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.photo-channel h1 {
text-align: left;
color: #000;
font-size: 24px;
line-height: 36px;
font-weight: bold
}
.photo-channel h1.f_size1, .photo-channel h1.f_size2, .photo-channel h1.f_size3, .photo-channel h1.f_size4 {
font-size: 24px
}
.big-pic {
margin: 15px 0;
padding: 15px 10px;
text-align: center;
border: 1px solid #ededed;
position: relative
}
.big-pic #big-pic {
display: table-cell;
text-align: center;
vertical-align: middle;
*display:block;
*font-size:480px;
overflow: hidden
}
.big-pic #big-pic img {
max-width: 240px;
height: auto
}
.big-pic .max {
padding: 5px 5px 5px 20px;
position: absolute;
bottom: 0px;
right: 0px;
background: #FFF url(http://www.gichina.club/skin/m/images/max.png) no-repeat 5px center;
font-size: 12px;
z-index: 101
}
/* endSelect */
#endSelect {
top: 290px;
position: absolute;
width: 230px;
height: 71px;
border: 1px solid #8a8a8a;
display: none;
z-index: 200;
}
#endSelect .bg {
height: 100%;
width: 100%;
background: #000;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
#endSelect .E_Cont {
position: absolute;
top: 10px;
left: 26px;
color: #fff;
font-size: 14px;
}
#endSelect .E_Cont p {
padding: 4px 0;
zoom: 1;
overflow: hidden;
}
#rePlayBut, #nextPicsBut, #endSelect #endSelClose {
background: url(http://www.gichina.club/skin/m/images/big-btn.png) no-repeat
}
#rePlayBut {
float: left;
width: 69px;
height: 23px;
background-position: 0px -167px;
}
#nextPicsBut {
float: left;
width: 97px;
height: 23px;
background-position: -100px -167px;
margin-left: 10px;
}
#endSelect #endSelClose {
background-position: 0px -217px;
position: absolute;
top: 3px;
right: 3px;
cursor: pointer;
width: 11px;
height: 11px;
overflow: hidden;
z-index: 2;
}
.photo-tool {
margin: 10px 0;
padding: 10px;
border: 1px solid #ededed;
position: relative
}
.photo-tool .stat {
float: left;
font-size: 16px;
color: #999
}
.photo-tool .text {
margin: 5px;
float: left;
text-align: left;
font-size: 14px;
color: #666
}
.photo_prev {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
z-index: 100
}
.photo_next {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
z-index: 100
}
.photo_prev a, .photo_next a {
background-image: url(http://www.gichina.club/skin/m/images/blank.gif);
display: block;
width: 100%;
height: 100%;
outline: none
}
.photo-channel .list-pic {
padding: 15px 0;
height: 100px;
display: none
}
.photo-channel .cont {
float: left;
height: 100px;
overflow: hidden
}
.photo-channel .cont li {
float: left;
text-align: center;
display: block;
overflow: hidden
}
.photo-channel .cont li .img-wrap {
margin: 0 auto;
width: 100px;
height: 80px
}
.photo-channel .cont li .img-wrap a {
width: 100px;
height: 80px;
*font-size:55px;
outline: medium none
}
.photo-channel .cont li.on .img-wrap {
border: 2px solid #ffb017
}
.photo-channel .pre-bnt, .photo-channel .next-bnt {
margin-top: 3px;
cursor: hand;
!important;
cursor: pointer
}
.photo-channel .pre-bnt, .photo-channel .next-bnt, .photo-channel .pre-bnt span, .photo-channel .next-bnt span {
background: url(http://www.gichina.club/skin/m/images/big-btn.png) no-repeat;
display: block;
width: 17px;
height: 69px;
float: left;
}
.photo-channel .pre-bnt:hover, .photo-channel .next-bnt:hover, .photo-channel .pre-bnt-on, .photo-channel .next-bnt-on {
background-position: 0 -78px;
}
.photo-channel .pre-bnt span {
background-position: -30px top;
}
.photo-channel .pre-bnt:hover span, .photo-channel .pre-bnt-on span {
background-position: -30px -78px;
}
.photo-channel .next-bnt span {
background-position: -55px top;
}
.photo-channel .next-bnt:hover span, .photo-channel .next-bnt-on span {
background-position: -55px -78px;
}
.photo-channel h1.f_size1, .photo-channel h1.f_size2, .photo-channel h1.f_size3, .photo-channel h1.f_size4 {
font-size: 24px
}
.photo-channel .text p {
margin: 0;
padding: 15px 0;
font-size: 16px;
color: #333;
line-height: 28px;
table-layout: fixed;
word-break: break-all;
overflow: hidden
}
.photo-channel .text p img {
margin: 0 auto;
display: block
}
.photo-channel .text p.tt img {
margin-left: 0
}
.photo-channel .text p a {
border-bottom: 1px dotted #00b72d
}
.photo-channel .text .author {
margin: 15px auto;
float: right;
padding: 0 18px;
background: url(../image/index-icon.png) -90px -49px no-repeat;
font-size: 12px;
color: #666
}
/* search */
.main .search-main {
width: 100%;
margin-bottom: 10px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
overflow: hidden
}
.search-top {
margin: 25px;
width: 100%
}
@media screen and (min-width:480px) {
.top {
height: 50px
}
.tool {
float: right;
border-right: 0
}
.tool li.user {
display: block;
border-right: 0
}
.focus h1 {
padding: 10px
}
.news .news-title span {
padding: 0 20px
}
.news .news-list li .news-p {
width: 120px;
height: 84px
}
.news .news-list li .news-p img {
height: 84px
}
.news .news-list li .news-t {
width: 66%
}
.news .news-list li .news-t h4 {
font-size: 16px;
line-height: 23px
}
.news .news-list li .news-t p {
line-height: 20px;
overflow: hidden;
display: block
}
.news .news-list li .news-k {
margin-top: 10px;
display: block
}
.news-k .keywords {
float: left;
margin-left: 10px;
background: url(../image/index-icon.png) 0 -225px no-repeat;
padding-left: 18px
}
.news-k .keywords span {
margin: 0 5px
}
.news-k .time {
float: right;
margin-right: 15px;
background: url(../image/index-icon.png) -207px -184px no-repeat;
padding-left: 18px
}
.news-k .down {
float: right;
margin-right: 15px;
padding-left: 18px
}
.news-k .down span {
color: #666;
}
.foot-logo, .foot-text, .copyright, .about {
text-align: center
}
.about {
margin: 0 auto;
width: 355px
}
.about li {
margin: 0 10px
}
.show-wx {
margin: 45px -20px;
position: relative;
border-left: 0;
border-right: 0;
padding: 11px 0;
}
.show-wx .wechart {
width: 100px;
position: absolute;
left: 20px;
top: -28px;
}
.show-wx p {
margin-right: 20px;
width: 60%;
}
.show-bar .tfs {
display: inline
}
.column-list li {
width: 33%
}
.down-tit {
margin: 20px -20px;
position: relative;
border-left: 0;
border-right: 0;
padding: 0 20px;
}
.big-pic #big-pic {
width: 460px
}
.big-pic #big-pic img {
max-width: 420px;
height: auto
}
#endSelect {
left: 115px
}
.photo-tool .stat {
margin: 10px 5px;
width: 70px
}
.photo-tool .text {
margin: 10px 5px;
width: 325px;
float: right
}
.photo-channel .cont {
width: 420px
}
.photo-channel .cont li {
width: 124px
}
}
@media screen and (min-width:550px) {
.main {
margin: 0 auto;
width: 500px
}
.more-in .more-search .search-text {
height: 36px
}
.focus {
height: 320px
}
.focus li .focus-p {
width: auto;
height: 280px
}
.primary-ad {
display: none
}
.share-wrap .key {
width: 230px
}
.share-wrap .share-fr {
float: right;
width: 420px
}
.column-list li {
width: 33.1%
}
}
@media screen and (min-width:700px) {
}
@media screen and (min-width:768px) {
.top {
height: 106px
}
.nav-m {
display: none
}
.logo {
height: 66px;
border-bottom: 1px solid #444;
position: relative;
z-index: 1
}
.logo:after {
content: "";
width: 100%;
border-bottom: 1px solid #000;
bottom: 0;
left: 0;
position: absolute;
}
.logo img {
height: 57px;
}
.nav {
float: left;
width: 539px;
height: 39px;
background: #333;
top: 0;
border-right: 1px solid #444;
display: block;
position: relative
}
.nav li {
float: left;
height: 39px;
line-height: 39px;
padding: 0 9px;
border-left: 1px solid #444;
border-right: 1px solid #000;
border-top: 0;
border-bottom: 0
}
.nav li.index {
background: #86c775;
border-right: 0
}
.tool {
height: 49px;
top: 15px;
right: 0;
border-top: 1px solid #000;
position: absolute;
z-index: 2
}
.tool:before {
content: "";
width: 100%;
left: 0;
top: 0;
border-top: 1px solid #444;
position: absolute
}
.tool li.wx {
display: block;
}
.tool li.more-t {
display: block;
}
.main {
width: 754px;
margin: 20px auto;
padding: 0;
}
.main .primary, .main .news, .main .in-side {
margin: 0 auto;
width: 728px
}
.main .primary {
margin-bottom: 10px
}
.focus {
margin: 20px;
float: left;
width: 350px;
height: 330px;
overflow: hidden
}
.focus li {
overflow: hidden
}
.focus li .focus-p img {
margin-left: 0;
margin-top: 0;
width: auto;
height: 280px
}
.focus h1 {
padding: 10px;
min-height: 30px;
line-height: 30px
}
.focus .fitem {
right: 10px;
bottom: 62px;
margin-right: 0
}
.remd {
float: left;
width: 318px;
display: block
}
.remd .remd-list li {
height: 38px;
line-height: 38px;
padding-left: 20px;
background-position: -238px -60px;
overflow: hidden
}
.remd .remd-list li h2 {
height: 38px;
line-height: 38px
}
.main .hearsay {
display: block
}
.hearsay-list li {
width: 325px;
height: 60px;
margin-bottom: 20px
}
.hearsay-list li .hearsay-p {
width: 100px;
height: 60px;
margin-right: 10px
}
.hearsay-list li .hearsay-p img {
height: 60px;
max-width: none
}
.hearsay-list li .hearsay-t {
width: 210px
}
.hearsay-list li .hearsay-t h3 {
max-height: 44px;
overflow: hidden
}
.news .news-title {
width: 728px
}
.news .news-title span {
font-size: 16px
}
.news .news-list li {
margin-bottom: 20px;
padding: 20px 0;
position: relative
}
.news .news-list li .news-p {
width: 200px;
height: 150px;
margin-left: 20px;
margin-right: 15px
}
.news .news-list li .news-p img {
height: 150px
}
.news .news-list li:hover {
box-shadow: 0 0 10px #e4fbe3;
border: 1px solid #e4fbe3;
}
.news .news-list li .news-t {
width: 65%;
margin-right: 15px
}
.news .news-list li .news-t p {
height: 60px;
line-height: 21px;
font-size: 14px
}
.news .news-list li .news-k, .news .news-list li .news-k a {
font-size: 14px
}
.news .news-list li .news-k {
width: 480px;
position: absolute;
right: 20px;
bottom: 20px
}
.news-k .keywords {
background-position: 0 -225px;
}
.news-k .time {
background-position: -209px -183px;
background-size: initial;
}
footer {
padding: 0 20px
}
.bottom {
margin: 0 auto;
width: 728px
}
.foot-logo, .foot-text, .copyright, .about {
/* text-align: left;
float: left*/
}
.foot-logo {
margin: 21px 0;
width: 200px
}
.foot-text {
width: 528px
}
.about {
margin-left: 0
}
.about li {
margin-right: 20px;
margin-left: 0
}
.list-title {
margin-bottom: 20px
}
.content, .photo-channel {
padding: 40px 50px
}
.show-bar .title-bar {
margin-top: 0;
float: right;
height: 17px;
width: 60%;
text-align: right;
overflow: hidden;
display: block
}
.show-bar .title-bar a {
margin-left: 10px;
margin-right: 0
}
.show-bar .crumbs {
display: inline
}
.content h1.f_size1, .photo-channel h1.f_size1 {
font-size: 38px
}
.content h1.f_size2, .photo-channel h1.f_size2 {
font-size: 30px
}
.content h1.f_size3, .photo-channel h1.f_size3 {
font-size: 24px
}
.content h1.f_size4, .photo-channel h1.f_size4 {
font-size: 20px
}
.show-wx {
margin: 50px -50px
}
.show-wx .wechart {
left: 50px;
top: -34px
}
.show-wx p {
width: 69%
}
.show-share {
width: auto
}
.share-wrap .key {
margin-bottom: 0
}
.share-wrap li {
margin-bottom: 0
}
.share-wrap .share-fr ul {
float: right
}
.down-table-s {
display: none
}
.down-table-b {
display: block
}
.down-tit {
margin: 20px -50px;
padding: 0 50px
}
#pages a {
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px
}
#pages a.a1 {
width: 56px;
padding: 0 5px
}
#pages span {
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px
}
.news .cat-title {
width: 728px
}
.news .cat-title span {
padding: 0 20px;
font-size: 16px
}
.photo-channel .list-pic {
display: block
}
.big-pic #big-pic {
width: 654px
}
.big-pic #big-pic img {
max-width: 640px;
height: auto
}
#endSelect {
left: 212px
}
.photo-tool .stat {
width: 70px
}
.photo-tool .text {
width: 510px
}
.photo-channel .cont {
width: 614px
}
.photo-channel .cont li {
width: 124px
}
/* search */
.main .search-main {
margin: 0 auto;
width: 728px
}
.main .search-main {
margin-bottom: 10px
}
.search-top {
padding-left: 195px;
}
}
@media screen and (min-width:1024px) {
.tool {
height: 39px;
top: 67px;
border-top: 0
}
.tool:before {
display: none
}
.tool li {
height: 39px;
}
.tool li.ss {
background-position: 13px -37px;
}
.tool li.wx {
background-position: 13px -81px;
}
.tool li.wx .code {
top: 39px;
}
.tool li.more-t {
background-position: 15px 12px;
}
.tool li.user {
background-position: 13px -174px;
}
.tool li iframe {
width: 90px;
}
.main {
width: 960px;
}
.main .primary, .main .in-side {
width: 960px
}
.focus {
width: 520px;
height: 345px
}
.focus li .focus-p {
width: auto;
height: 295px
}
.focus li .focus-p img {
margin-left: 0;
margin-top: -32px;
width: 520px;
height: auto
}
.focus h1 {
min-height: 30px
}
.focus .fitem {
bottom: 15px;
right: 10px
}
.remd {
width: 378px
}
.remd .remd-title {
font-weight: bold
}
.remd .remd-list li {
height: 40px;
line-height: 40px;
padding-left: 20px;
background-position: -238px -60px;
overflow: hidden
}
.remd .remd-list li h2 {
height: 40px;
line-height: 40px
}
.hearsay-title a {
font-weight: bold
}
.hearsay-list li {
width: 440px;
height: 110px
}
.hearsay-list li .hearsay-p {
width: 170px;
height: 110px
}
.hearsay-list li .hearsay-p img {
height: 110px
}
.hearsay-list li .hearsay-t {
width: 260px
}
.hearsay-list li .hearsay-t h3 {
max-height: 50px;
line-height: 24px
}
.hearsay-list li .hearsay-t p {
height: 60px;
display: block;
overflow: hidden
}
.main .news {
float: left;
width: 630px
}
.news .news-title {
width: 630px;
margin-top: 10px
}
.news .news-list li .news-p {
width: 170px;
height: 110px;
margin-right: 20px
}
.news .news-list li .news-p img {
height: 110px
}
.news .news-list li .news-t {
width: 64%
}
.news .news-list li .news-t h4 {
height: 24px;
max-height: 50px;
line-height: 24px;
overflow: hidden
}
.news .news-list li .news-t p {
height: 81px
}
.news .news-list li .news-k {
width: 405px;
bottom: 15px
}
.main .side {
width: 300px;
float: right;
display: block
}
.main .side .side-top {
width: 300px
}
.lump-list, .lump-list-pic, .lump-list-tp {
padding: 0 20px;
padding-bottom: 10px
}
.lump-list-pic {
padding-bottom: 20px
}
.lump-list-tp li {
margin-bottom: 10px
}
.lump-list-tp li .text {
width: 168px
}
footer {
padding: 0
}
.bottom {
margin: 0 auto;
width: 960px
}
.foot-logo {
margin: 3px 0;
width: 220px
}
.foot-logo img {
height: 40px;
max-width: none
}
.foot-text {
width: 730px
}
.copyright, .about {
height: 50px;
line-height: 50px
}
.copyright {
margin: 0 auto;
width: 44%
}
.about {
width: 56%;
float: right
}
.about li {
margin-left: 20px;
margin-right: 0;
float: right;
height: 50px
}
.back-top {
position: fixed;
left: 50%;
bottom: 80px;
margin-left: 438px;
display: none;
z-index: 99
}
.back-top div {
display: block;
width: 40px;
height: 40px;
border: solid 1px #00b72d;
margin-top: -1px;
background: url(../image/index-icon.png) #fff -36px -82px no-repeat
}
.back-top div.icon-weixin {
border-radius: 2px 2px 0 0;
position: relative;
}
.back-top div.icon-top {
background-position: -37px -122px;
border-radius: 0 0 2px 2px;
}
.back-top div.icon-qq {
background-position: -37px -37px;
border-radius: 0 0 2px 2px;
}
.back-top div .weixin {
visibility: hidden;
opacity: 0;
position: absolute;
width: 120px;
top: 0;
right: 50px;
margin-top: 40px;
transition: opacity 0.3s, margin-top 0.3s;
-moz-transition: opacity 0.3s, margin-top 0.3s;
-webkit-transition: opacity 0.3s, margin-top 0.3s;
-o-transition: opacity 0.3s, margin-top 0.3s;
}
.back-top div:hover .weixin {
visibility: visible;
opacity: 1;
margin-top: 0;
}
.back-top div .weixin img {
width: 120px;
height: 120px
}
.show-left {
margin: 0 auto;
width: 830px
}
.content {
width: 730px
}
.content .text p, .photo-channel .text p, .content .down-a li {
line-height: 30px
}
.content h1 .photo-channel h1 {
text-align: center
}
.content h1.f_size1 .photo-channel h1.f_size1 {
font-size: 38px
}
.content h1.f_size2 .photo-channel h1.f_size2 {
font-size: 30px
}
.content h1.f_size3 .photo-channel h1.f_size3 {
font-size: 24px
}
.content h1.f_size4 .photo-channel h1.f_size4 {
font-size: 20px
}
.content .show-wx p {
margin-right: 50px;
font-size: 14px
}
.share-wrap .key {
width: 309px
}
.show .side {
display: none
}
.news .cat-title {
width: 630px
}
.column-list li {
width: 33.2%
}
.big-pic #big-pic {
width: 860px
}
.big-pic #big-pic img {
max-width: 840px;
height: auto
}
#endSelect {
left: 315px
}
.photo-tool .stat {
width: 80px;
font-size: 20px
}
.photo-tool .text {
width: 710px;
font-size: 16px
}
.photo-channel .cont {
width: 820px
}
.photo-channel .cont li {
width: 134px
}
/* search */
.main .search-main {
width: 960px
}
}
@media screen and (min-width:1100px) {
.back-top {
margin-left: 490px;
}
}
@media screen and (min-width:1280px) {
.top {
width: 1170px;
height: 60px
}
.logo {
width: 290px;
height: 58px;
border-bottom: 0;
position: static
}
.nav, .tool {
height: 60px;
top: 0
}
.nav {
margin-left: 50px;
top: 0
}
.nav:after {
height: 60px
}
.nav li, .tool li {
height: 60px;
line-height: 60px
}
.tool {
border-right: 1px solid #444
}
.tool li.ss {
background-position: 13px -26px
}
.tool li.wx {
background-position: 13px -71px
}
.tool li.wx .code {
top: 50px
}
.tool li.more-t {
background-position: 15px 22px
}
.tool li.user {
background-position: 13px -163px;
border-right: 1px solid #000
}
.tool li iframe {
right: -1px;
width: 100px
}
.main {
width: 1170px;
position: relative
}
.main .primary, .main .news, .news .news-title, .news .cat-title {
float: left;
width: 840px
}
.focus {
width: 450px;
height: 355px
}
.focus h1 {
font-weight: bold
}
.focus li .focus-p {
width: auto;
height: 305px;
overflow: hidden
}
.focus li .focus-p img {
margin-left: 0;
margin-top: 0;
width: auto;
height: 305px
}
.remd {
width: 330px;
}
.remd .remd-list li {
height: 42px;
line-height: 42px;
background-position: -238px -58px
}
.remd .remd-list li h2 {
height: 42px;
line-height: 42px
}
.hearsay-list li {
width: 380px
}
.hearsay-list li .hearsay-p {
width: 140px;
margin-right: 15px
}
.hearsay-list li .hearsay-t {
width: 225px
}
.in-news .news-tit span {
font-weight: bold;
}
.news .news-list li .news-p {
width: 165px;
height: 120px
}
.news .news-list li .news-p img {
height: 120px
}
.news .news-list li .news-t {
width: 73%;
}
.news .news-list li .news-t h4 {
font-weight: bold
}
.news .news-list li .news-k {
width: 620px;
bottom: 20px
}
#dl {
display: block;
}
.main .side {
position: absolute;
right: 0;
top: 0;
margin-top: 0
}
.bottom {
width: 1170px
}
.foot-text {
width: 950px
}
.back-top {
margin-left: 595px
}
.show {
margin-bottom: 10px;
margin-top: 30px
}
.show-left {
float: left;
width: 840px
}
.content {
margin: auto 0;
padding: 40px 55px;
width: 840px
}
.content h1, .photo-channel h1 {
text-align: center
}
.content h1.f_size1, .photo-channel h1.f_size1 {
font-size: 38px
}
.content h1.f_size2, .photo-channel h1.f_size2 {
font-size: 34px
}
.content h1.f_size3, .photo-channel h1.f_size3 {
font-size: 30px
}
.content h1.f_size4, .photo-channel h1.f_size4 {
font-size: 24px
}
.content .text {
min-height: 645px
}
.content .down-a {
min-height: 60px
}
.show-wx {
margin: 60px -55px
}
.show-wx .wechart {
left: 55px
}
.down-tit {
margin: 20px -55px;
padding: 0 55px
}
.show .side {
float: right;
position: static;
display: block
}
#pages a {
padding: 0 15px;
font-size: 16px
}
#pages a.a1 {
width: 68px;
padding: 0 15px
}
#pages span {
padding: 0 15px;
font-size: 16px
}
.photo-channel {
padding: 40px 55px
}
.big-pic #big-pic {
width: 1060px
}
.big-pic #big-pic img {
max-width: 1040px;
height: auto
}
#endSelect {
left: 415px
}
.photo-tool .stat {
width: 80px
}
.photo-tool .text {
width: 910px
}
.photo-channel .cont {
width: 1020px
}
.photo-channel .cont li {
width: 128px
}
/* search */
.main .search-main {
width: 1170px
}
}
@media screen and (min-width:1440px) {
.top {
width: 1380px;
height: 60px
}
.logo {
width: 320px
}
.logo img {
float: left
}
.main {
width: 1380px;
}
.main .primary, .main .news, .news .news-title, .news .cat-title {
float: left;
width: 1020px
}
.focus {
margin-left: 25px;
margin-top: 25px;
width: 550px
}
.focus li .focus-p img {
margin-left: 0;
margin-top: -10px;
width: 550px;
height: auto
}
.remd {
width: 400px
}
.main .hearsay {
padding: 0 25px
}
.hearsay-list li {
width: 495px;
margin-bottom: 25px
}
.hearsay-list li .hearsay-p {
width: 180px
}
.hearsay-list li .hearsay-t {
width: 270px
}
.news .news-list li .news-p {
width: 210px;
height: 150px
}
.news .news-list li .news-p img {
height: 150px;
width:200px;
}
.news .news-list li .news-t h4 {
height: 38px;
line-height: 38px;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px
}
.news .news-list li .news-t {
font-size: 14px
}
.news .news-list li .news-k {
width: 755px
}
.main .side {
width: 330px;
}
.main .side .side-top {
width: 330px;
}
.lump-list-tp li .text {
width: 197px;
}
.bottom {
width: 1380px
}
.foot-text {
width: 1150px
}
.back-top {
margin-left: 648px
}
.show {
width: 1200px
}
.big-pic #big-pic {
width: 1270px
}
.big-pic #big-pic img {
max-width: 1230px;
height: auto
}
#endSelect {
left: 520px
}
.photo-tool .stat {
width: 80px
}
.photo-tool .text {
width: 1120px
}
.photo-channel .cont {
width: 1230px
}
.photo-channel .cont li {
width: 136px
}
/* search */
.main .search-main {
width: 1380px
}
}
@media screen and (min-width:1600px) {
.back-top {
margin-left: 697px
}
}
/*nav*/
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #000;
min-width: 100px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content li{
list-style: none;
line-height: 20px;
}
.dropdown:hover .dropdown-content {
display: block;
}
.entry-copyright {margin-top: 30px;padding: 15px;font-size: 12px;line-height: 1.6;color: #999;border: 1px solid #efefef;background: #fbfbfb;border-radius: 2px;}
@media screen and (max-width:900px) {
.relation_div,.relation_div img{
width: 100%;
height: auto;
}
.relation_div p{
overflow: inherit !important;
}
}