@import url("reset.css");
body{text-align: center;background: #f7f9f9;font:16px normal "microsoft yahei","arial","simsun"}
body.openMenu{overflow: hidden;}
.depth1{box-shadow: 0px 3px 12px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);-o-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);}
.depth0{transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
.depth0:hover{box-shadow: 0px 20px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);-o-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}
a,a:hover{color:#444;text-decoration: none;;}
.resWrapper{width:1003px; margin:0 auto; text-align: left;}

header{background-color: #fff; }
header .iguoguoHeader{z-index:200;position:relative;height:180px;background:url(//www.iguoguo.net/wp-content/uploads/2016/04/h5header.jpg) top center repeat; background-size: auto 100%;}
header .iguoguoHeader .overlay{position: fixed; width:100%;height: 100%;background: rgba(0,0,0,0.1); display: none;}
header #h5menu{height:60px;width:100%;position: relative;}
header .menuBar{height:50px;width:100%;position: relative; z-index: 51; background-color: #fff;border-bottom:1px solid #efefef;transition:0.5s all ease;-webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;}
header .menuBar nav{margin: 0 auto; text-align: left; line-height: 55px; font-size: 16px; position: relative;z-index: 10}
header .menuBar nav a{display: inline-block;padding:0px 30px 0px 15px;height: 56px;color:#999;overflow: hidden; float:left; text-align: center; transition: all ease 350ms; -webkit-transition: all ease 350ms; -moz-transition: all ease 350ms;-o-transition: all ease 350ms;}
header .menuBar nav a.current,
header .menuBar nav a:hover{color:#333;font-weight: bold;}
header .menuBar nav a:hover{font-weight: normal;color:#666;}
header .menuBar nav a.current:hover{color:#ff8ca8;font-weight: bold;}
header .menuBar.fixed{position: fixed;top:0px; z-index: 100; margin-bottom: 56px;;}

#sub_nav{
    padding-top: 25px;
    text-align: center;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background: #fff; }
#sub_nav.fixed{
    position: fixed;
    top:0px;
    z-index: 100;
    box-shadow: 0px 3px 8px rgb(38 38 76 / 10%);
    -webkit-box-shadow: 0px 3px 8px rgb(38 38 76 / 10%);
    -moz-box-shadow: 0px 3px 8px rgba(38,38,76,0.1);
    padding-top: 8px;
    height:55px;
}
  #sub_nav ul{text-align: center;}
  #sub_nav.fixed ul{text-align: right; position: relative;z-index: 10;margin-top: 5px;}
  #sub_nav.fixed li .selector-name{font-size: 14px;height:36px;line-height: 38px;}
#sub_nav  li.sub_list{display: inline-block;
    margin-left: 15px;
    border-radius: 50%;
    -webkit-border-radius: 20px;
    border: 1px solid #ddd;-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
#sub_nav  li.sub_list:hover{border-color:#999;}
#sub_nav  li.sub_list.cur{border-color:#777;}
#sub_nav  li.sub_list.cur .selector-name{color:#444;}
  #orderBy{margin-top: 15px;}
  #orderBy a{display: inline-block;line-height:54px;padding:0px 5px;margin:0px 10px;color:#999;font-size: 16px;}
  #orderBy a.cur{color:#333;border-bottom: 2px solid #ff8ca8;margin-bottom: -1px;font-weight: bold;font-size: 18px;}
  #orderBy a:hover{color:#666;}

  #sub_nav.fixed #orderBy{position: absolute;left:0;right:0;top:0;z-index: 8;margin-top: 7px;}
#sub_nav  li .selector-name{display:inline-block;height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    padding-right: 30px;
    padding-left: 17px;
    cursor: default;
    color: #999;position: relative;}
#sub_nav li.sub_list.cur  li .selector-name{border-color: #777; }
#sub_nav  li .selector-name:before{content: ' ';display: block; position:absolute;top: 20px;right: 19px;width: 2px;height: 6px;margin-top: -3px;background: #A6ABAB;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
#sub_nav  li .selector-name:after{content: ' ';display: block; position:absolute;top: 20px;right: 15px;width: 2px;height: 6px;margin-top: -3px;background: #A6ABAB;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
#sub_nav  li.cur .selector-name:before{top: 18px;right: 15px;width: 2px;height: 12px;margin-top: -3px;}
#sub_nav  li.cur .selector-name:after{top: 18px;right: 15px;width: 2px;height: 12px;margin-top: -3px;}
#sub_nav  li .selector-name em{width: 0;
    display: none;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #222;
    border-top: 0px;
    position: absolute;
    bottom: -1px;
    left: 49%;}
#sub_nav  li .selector-name i{display: block;width:30px;height:30px;position: absolute;right:5px; top:5px;z-index: 10;cursor: pointer;}
#sub_nav  li .selector-name strong{display: inline;font-weight: normal;}
#sub_nav  li.sub_list div.options{ visibility:hidden;position:absolute;z-index:100; left:0px;top:67px;width:100%;padding:20px 0px;background:#222;line-height: 30px; text-align: center;}
#sub_nav  li.sub_list div.resWrapper{text-align: center;}
#sub_nav  li.sub_list:hover {color:#444;background: #fff;}
#sub_nav  li.sub_list:hover .selector-name:before{right:15px;}
#sub_nav  li.sub_list:hover em{display: block;}
#sub_nav  li.sub_list:hover .selector-name:after{right:19px;}
#sub_nav  li.sub_list.cur:hover .selector-name:before{right:15px;}
#sub_nav  li.sub_list.cur:hover .selector-name:after{right:15px;}
#sub_nav  li.sub_list:hover div.options.options{visibility: visible;font-weight:normal;}

#sub_nav.fixed  li.sub_list div.options{top:38px;}

#sub_nav  li.sub_list div.options a{display: inline-block;padding:0px 8px;color:#ccc;font-size: 14px;margin:2px 0px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
#sub_nav  li.sub_list div.options a:hover{color:#ccc;background: #000;}
#sub_nav  li.sub_list div.options a.cur{font-weight: bold;color:#ff8ca8;background: #000;}

header .roundNav{width:40px;height:40px; position:absolute; z-index:3; top:8px; left:25px;transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;cursor: pointer;}
header .roundNav .navIcon{position: absolute; height:2px; background: #fff; width:20px;top:19px;left:10px;}
header .roundNav .navIcon:before,
header .roundNav .navIcon:after{content:""; position:absolute;top:0;right:0;width:100%;height:100%; background: #fff;transform: translateY(7px); -webkit-transform: translateY(7px); -moz-transform: translateY(7px); -o-transform: translateY(6px); transform-origin: right bottom; -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; -o-transform-origin: right bottom; }
header .roundNav .navIcon:before{transform:translateY(-7px); -webkit-transform:translateY(-7px); -moz-transform:translateY(-7px);-o-transform:translateY(-7px); transform-origin: right top; -webkit-transform-origin: right top; -moz-transform-origin: right top; -o-transform-origin: right top;}

header .open .roundNav{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
header .open .roundNav .navIcon:before{width:50%;transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
header .open .roundNav .navIcon:after{width:50%;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);}
header .roundNav circle{transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 0.5s;}
header .open .roundNav circle{stroke-dashoffset:0;}

header .iguoguoMenu{width:400px;height:100%; background: rgba(0,0,0,0.8); position: absolute; z-index: 2; left:-400px;top:0;transition:all ease-in-out 0.5s; -webkit-transition:all cubic-bezier(.74,.16,.21,.89)  0.5s; -moz-transition:all cubic-bezier(.74,.16,.21,.89)  0.5s; -o-transition:all cubic-bezier(.74,.16,.21,.89) 0.5s; text-align: center; font-size:24px; color:#fff; line-height:60px;}
header .iguoguoMenu h1{margin-top:20%; margin-bottom:50px; font-size:36px; font-weight: bold;}
header .open .iguoguoMenu{left:0px;}

header .channelName{display:none;font-size: 30px;line-height: 56px;color:#333; font-weight: bold;}

.main{text-align:center; margin:45px auto;position: relative;}
h1.tagTitle{font-size: 45px; text-align: left; padding:45px 0px 60px 15px; color:#333; display: none;font-weight: normal;}
h1.tagTitle span{padding-right: 15px;}
.coList{}
.coList li{width:300px; float:left; margin:0px 15px 45px 15px;position:relative; overflow: hidden;}
.coList .imgBox{width:100%;height:210px;overflow:hidden;position:relative;}
.coList .imgBox img{width:110%;height:auto;min-height: 200px;position:absolute;left:0;top:50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);left:50%; transform:  translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.coList h3{height:50px;overflow:hidden; text-align:left;padding:15px 15px 0px 15px;font-size:18px;font-weight: normal;line-height: 24px; color:#555;}
.coList .listMeta{line-height: 30px;text-align: left; color:#999;font-size: 13px; padding:0px 15px;}
.coList .listMeta span{padding:0px 6px 0px 0px;}
.coList .listMeta .iconfont{font-size: 15px;color:#ccc;}

.coList .focusList{width:630px; height: 297px;border-radius: 5px; position:relative; overflow: hidden;}
.coList .focusList .imgBox{height:100%;}
.coList .focusList .imgBox img{width:100%;height:auto;left:0;top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.coList .focusList h3{width:100%;position:absolute;bottom:0;left:0;color:#fff;background: rgba(0,0,0,0.7);padding-bottom: 15px;}
.coList .focusList h3 .listMeta{padding-left: 0px;}

.coList span.h5ot,
.coList span.h5ow{display: block; position:absolute;z-index:1;width:31px;height: 57px; top:-10px;right:15px; background: url(../images/h5ot.png) left top no-repeat; transition:ease all 0.3s; -webkit-transition:ease all 0.3s; -moz-transition:ease all 0.3s;}

.coList span.h5ot:hover,
.coList span.h5ow:hover{top:0px;}

.coList span.h5ow{right:50px;background-image: url(../images/h5w.png);}

.post{height:auto;float:left;}
  .post img{width:100%;height:auto;margin:0;}
    .clearfix .post.new {transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
    .post.new .entry{height:205px;overflow: hidden;position: relative;border-radius: 5px 5px 0px 0px;}
    .post.new .cat_tip{position: absolute;top:12px;right:15px;width:40px;height:24px;border-radius: 4px;-moz-border-radius:4px;-moz-border-radius:4px;background: rgba(0,0,0,0.5);text-align: center;line-height: 24px;font-size: 14px;color:rgba(255,255,255,1);}
    .post.new .cat_tip.UI{background: rgba(50,160,20,0.5);}
    .post.new .postmetadata{height:70px;background:#fff;border-radius: 0px 0px 5px 5px; line-height:22px;overflow: visible;padding:12px 10px 10px 15px;text-align: left;}
    .post.new .postmetadata a{padding: 0;}
    .post.new h2{display: block;height:50px;margin:0px 60px 0px 0px;line-height: 22px;padding:0;font-weight: normal;}
    .post.new .author{width:44px;height:44px;border-radius: 22px;-moz-border-radius: 22px;-webkit-border-radius: 22px;position: absolute; right:15px;bottom:70px;overflow: hidden; background-size:cover;background-position: center center;}
    .post.new .author img{max-height: 100%;}

    .postmetadata{  height: 28px;overflow: hidden;padding:12px 6px 7px 9px;color:#ccc;font-size:12px;}
    .metaRight { display: inline-block;width: 70px;float: right;text-align: right;padding-right: 8px;}

    .post.new:hover{
      box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
        -o-box-shadow: 0px 20px 30px rgba(0,0,0,0.1);
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
    }

/*search box*/
#sbtn{
	float: right;
    width: 28px;
    height: 32px;
    margin-top: 14px;
    cursor: pointer;
    text-indent: -9999em;
    border: 0;
    background: url(../../images/search.png) left -29px no-repeat;
    margin-right: 25px;
    background-size: 22px auto;
    -webkit-transition: all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;
}

#eh5{
  display: block;
  float:right;
  width: 120px;
  height: 36px;
  margin:7px 25px 0px 0px;
  padding-left:15px;
  background: url(../images/gbg.png) left center no-repeat;
  background-size:cover;
  font-size: 14px;
  color: #fff;
  text-align: left;
  line-height: 36px;
  border-radius: 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  font-weight: bold;
  letter-spacing: 1px;
}
#eh5:hover{
  background-position: right center;
}
#rrx_btn{
  display: block;
  float:right;
  width: 243px;
  height: 40px;
  border-radius: 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin:11px 25px 0px 0px;
  text-indent: -999em;
  background-position: top right;
}

#searchBox{width:100%;position:absolute;top:-350px;left:0px;z-index:0;text-align: left;-webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;visibility: hidden;}
	#searchBox .resWrapper{height:340px;background: #fff;border:1px solid #e6e6e6;text-align: left;margin:0 auto;}
	#searchBox h1{margin-top: 70px;margin-bottom: 25px; font-size: 36px;color:#444;padding-left: 60px;}
	#searchBox form{height:70px;display: block; background: #eee; padding-left: 60px;}
	#searchBox input{width:70%;height:40px; margin-top:15px;font-size: 18px;color:#999; line-height: 40px;border:0; background: none;outline:none;}
	#searchBox input.focus{color: #666;background: url(../../images/enter.svg) 80% 10px no-repeat;background-size: 40px auto;}
.search_on #searchBox{top:60px;visibility: visible;}
  #searchBox #hottags{margin:25px 0px 0px 60px;}
  #searchBox #hottags a{display:inline-block;font-size: 14px;
      color: #666;
      outline: none;
      text-decoration: none;
      -moz-border-radius: 18px;
      -webkit-border-radius: 18px;
      border-radius: 18px;
      margin: 0px 10px 5px 0px;
      transition: all 650ms ease;
      -webkit-transition: all 650ms ease;
      -moz-transition: all 350ms ease;
      padding: 6px 12px 8px 12px;
      border: 1px solid #ccc;
  }
  #searchBox #hottags a:hover{border-color: #EA6088;color: #ba3c5a;}

.search_on #sbtn{
	background-position: 0px 2px;
}

.main:before{
	position: absolute;
    width: 100%;
    height: 100%;
    content: " ";
    left: 0;
    top: 0;
    z-index: 50;
    visibility: hidden;
    -webkit-transition: all 0ms cubic-bezier(.23,1,.32,1) 1s;
    transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;
}
.main.search_on:before{
	background: rgba(230,230,230,0.95);
    visibility: visible;
}

#orderBy .resWrapper{text-align: left;position: relative;}
#orderBy #cur_query{position: absolute;left:15px;bottom:10px;}
#orderBy #cur_query span{display: inline-block;background: #f3f3f3;padding:5px 10px; margin-right:4px;-webkit-border-radius: 15px;border-radius: 15px;-moz-border-radius: 15px;color:#666;}
#orderBy #foundPosts{width:100px;color:#ff8ca8;position: absolute;bottom:10px;right:15px;font-size: 36px;line-height: 40px;text-align: center;}
#orderBy #foundPosts span{display: block;line-height: 20px;font-size: 14px;color:#999;width:100%;text-align: center;}

.fixed #orderBy #foundPosts{display: none;}
/*tong land ad*/
.banner-ad{clear:both;margin:-20px 10px 50px 0px;text-align:center;overflow: hidden; position: relative;padding-top: 25px;}

#nomoreData{
	clear:both;
	width:400px;
	padding:20px;
	margin:100px auto;
  margin-bottom: 40px;
	font-size:14px;
	text-align: center;
	background: #d9d9d9;
	color:#666;
}
#nomoreData.hidden{
	display: none;
}
#loading {
  width: 40px;
  height: 40px;
  background-color: #ccc;
 
  margin: 100px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

#loading.hidden{
	display: none;
}
 
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
 
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*底部*/
#footer{ background-color: #000; color: #666; font-size: 14px; line-height: 24px;margin-top: 40px;}
#footer #footerWrapper{width: 1380px; margin:0 auto; padding:20px 0px; text-align: left; position: relative;}
#footer #footerLinks{margin-bottom: 5px;}
#footer #footerLinks a{padding-right:25px; color: #999; font-size: 14px;}
#footer #useTip{position: absolute; right:0px; top:152px; text-align: right;    width: 135px;}
#footer #copyright a{color:#999;}

#cop_logos{width:135px;height: 30px; margin-bottom:10px;float:right; background: url(../../images/logos.png) left top no-repeat; background-size: 135px 30px;}
#cop_logos a{display: block; float:left; width:45px;height:30px; text-indent:-9999em;}

#footer_logo{text-align: center; padding-top: 15px;margin-bottom: 5px;}
#footer_logo img{margin:0 auto; width:150px;}
#slogon{font-size: 20px;font-family: "microsoft yahei";color: #666;margin-bottom: 30px;text-align: center;letter-spacing: 5px;}

#sideMenu{position:fixed;right:30px;bottom:250px;width: 60px;height: auto;background: #fff;}
#sideMenu .sideLink{width:60px;height:60px;position: relative; border-top: 1px solid #ECEFEF;text-indent: center;cursor:pointer;color: #686872;}
#sideMenu .linkIcon.li3{background-position: 0px -28px;}
#sideMenu .linkIcon.li2{background-position: 0px -56px;}
#sideMenu .linkIcon.li4{background-position: 0px -84px;margin-top: 15px;}
#sideMenu .linkIcon{display: inline-block;margin-top: 5px;width:28px;height:28px;background: url(../../images/sideicons.png);overflow: visible;}
#sideMenu span{display: block;font-size: 12px;}
#sideMenu .hoveron{position: absolute;top:0;right:60px;display: none;background:#fff;white-space:nowrap;}
#sideMenu .hoveron .oncell{display: inline-block;border-right:1px solid #ECEFEF;padding:20px 25px;}
#sideMenu .hoveron span{color:#999;font-size:14px;}
#sideMenu .sideLink:hover .hoveron{display: block;}
#sideMenu .sideLink:hover{color:#fff;background: #EA6088;}

#sideMenu .sideLink:hover .linkIcon{background-position: -28px 0px;}
#sideMenu .sideLink:hover .linkIcon.li3{background-position: -28px -28px;}
#sideMenu .sideLink:hover .linkIcon.li2{background-position: -28px -56px;}
#sideMenu .sideLink:hover .linkIcon.li4{background-position: -28px -84px;}
#sideMenu .sideLink:hover .hoverText{display: block;}

#sideMenu .hoverText{width:60px;height:60px;line-height: 16px;position: absolute;left:0px;top:0px;background: #EA6088;display: none;}
#sideMenu .hoverText span{font-size: 14px;color:#fff;margin-top:15px;}
#sideMenu #gotopBtn{display: none;}

.list-tonglan{clear: both;margin: 15px;height: 120px;text-align: center;}