@charset "utf-8";
/* CSS Document */
body {
  background-color: #ebebeb;
  min-width: 1000px;
}
.bg1 {
  background: url(img_s/bottombg.jpg) no-repeat bottom center;
}
.bg2 {
  background: url(img_s/subTop.jpg?v=1.2) no-repeat top center;
}
.bg2_index{
  background: url(img_s/bg1.jpg?v=1.2) no-repeat top center;
}
#foot {
	padding-top:60px;
  height: 88px;
   font-family:'microsoft yahei', 'Simhei';
   color:#000;
}
#top {
  height: 552px;
}
.bg2_index #top {
  height: 704px;
}
#top .btn,.allWorksWrap .nav,.allWorksWrap .rule,.searchBtn_js,.allWorksWrap .btn1,.allWorksWrap .btn2,.myworkWrap .vote,.myworkWrap .btn1,.myworkWrap .btn2,.comment_h .icon1,.comment_h .icon2,.myworkWrap #prev,.myworkWrap #next,.rewardWrap .title,.rewardWrap .infor .icon,.dialogWin .btn,.dialogWin .dialog_close,.sidebar .aolaIcon,.dialogWin .shareBtn,.pageLogo{background: url(img_d/btns.png?v=1.2) no-repeat;_background-image: url(img_d/btns_ie6.png?v=1.2);}
#top .pageCtrls {
  width: 1000px;
  height: 62px;
  margin: 0 auto;
 padding-top: 3px;
}
#top .tab {
  width: 200px;
  height: 62px;
  float: left;
  text-align: center;
  color: #ffffff;
  font: 20px/62px 'microsoft yahei', 'Simhei';
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
#top .tab_on,
#top .tab:hover {
  color: #ffff66;
  text-decoration: none;
}

#top .btn {
  width: 304px;
  height: 90px;
  cursor: pointer;
}
#top .btn1 {
  background-position: -356px -283px;
}

#top .btn2 {
  background-position: 0 -283px;
}

#top .rewards .btn1{
  display: none;
}

#top .navWrtap {
  position: absolute;
  top: 494px;
  left: 50%;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 0;
  width: 877px;
  height: 50px;
  padding: 4px 0;
  margin-left: -533px;
  padding-left: 191px;
}
#top .nav {
  color: #fff;
  font: 16px/18px 'microsoft yahei', 'Simhei';
  text-align: center;
  float: left;
  cursor: pointer;
  width: 204px;
  height: 36px;
  padding: 7px 0;
  margin-right: 1px;
  position: relative;
}
#top .nav_on,
#top .nav:hover {
  color: #ffff00;
  text-decoration: none;
}
#top .nav:hover .aTip {
  display: block;
}
#top .nav1 .bg {
  padding-top: 15px;
  height: 65px;
}
#top .worktitle {
  width: 817px;
  height: 32px;
  font: 14px/32px 'microsoft yahei', 'Simhei';
  color: #999;
}
#top .worktitle a {
  color: #999;
}
.indexContent {
  width: 980px;
  margin: 0 auto;
  padding-top: 30px;
}
.indexContent .th1 {
  width: 122px;
  height: 28px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: -470px -88px;
  text-indent: -999em;
}
.indexContent .t {
  font: 16px/44px 'microsoft yahei', 'Simhei';
  color: #0d1494;
  margin-top: 10px;
}
.indexContent .r1 {
  width: 464px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -60px;
}
.indexContent .r2 {
  width: 464px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -144px;
}
.indexContent .r3 {
  width: 464px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -144px;
}
.indexContent .r4 {
  width: 342px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -228px;
}
.indexContent .r5 {
  width: 342px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -312px;
}
.indexContent .r6 {
  width: 222px;
  height: 84px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: 0 -396px;
}
.indexContent .th2 {
  width: 178px;
  height: 28px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: -470px -60px;
  text-indent: -999em;
  margin-top: 61px;
}
.indexContent .bd2_1 {
  width: 980px;
  height: 520px;
  background-image: url(img_s/indexdesc.jpg?v=1.1);
  margin-top: 18px;
}
.indexContent .bd2_2 {
  font: 16px/28px 'microsoft yahei', 'Simhei';
  color: #0d1494;
  margin-top: 40px;
  position: relative;
  width: 980px;
  height: 224px;
}

.indexContent .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 360px;
  height: 295px;
  background-image: url(img_d/index.png);
  _background-image: url(img_d/index_p8.png);
  background-position: -360px -230px;
}
.listPager {
  text-align: center;
  color: #973128;
  padding-top: 20px;
  padding-bottom: 40px;
}
.listPager a,
.listPager span {
  color: #506176;
  margin: 4px;
   padding: 6px 10px;
   font-family:'microsoft yahei', 'Simhei';
}
.listPager .current {
  background: #0098f0;
  color:#fff;
}
.listPager a {
    color: #506176;
  background: #9db2cd;
}
.listPager a:hover{
  text-decoration: none;
  background: #4579ea;
  color:#fff;
}
.allWorksWrap {
  width: 980px;
  margin: 0 auto;
  padding-top: 6px;
}
.allWorksWrap .works_ctrl {
  color: #0d1494;
  font: 18px/40px 'microsoft yahei', 'Simhei';
}
.allWorksWrap .tab,.allWorksWrap .t1{color: #333;font-size:16px;}
.allWorksWrap .tab { 
  margin-right: 10px;
  cursor: pointer;
      padding: 3px 7px;
    border-radius: 7px;
}
.allWorksWrap .tab_on,
.allWorksWrap .tab:hover {
  color: #fff;
  text-decoration: none;
  background:#0098f0;
}
.allWorksWrap .rule {
	width: 90px;
  height: 32px;
  color: #0d1494;
  position: relative;
  background-position:-199px -85px;
}
.allWorksWrap .rule:hover {
  text-decoration: none;
}
.allWorksWrap .rule:hover .aTip {
  display: block;
}
.allWorksWrap .rule .aTip {
  width: 284px;
  text-align: left;
  padding-left: 5px;
  line-height: 20px;
  margin-left: -142px;
}
.allWorksWrap .navWrap {
  height: 98px;
  padding-left: 150px;
  text-align: center;
  font-size: 0;
}
.allWorksWrap .nav {
  width: 180px;
  height: 61px;
  line-height: 50px;
 float: left;
  margin: 15px 6px 0;
  cursor: pointer;
  font-family:'microsoft yahei', 'Simhei';
  font-size: 24px;
  font-weight:bold;
  color:#fff;
  text-align:center;
 background-position: 0 -76px;
}
.allWorksWrap .nav:hover{opacity:0.8;}
.allWorksWrap .on .nav,.allWorksWrap .on .nav:hover {
  background-position: 0 -168px;
  opacity:1;
}


.allWorksWrap .work {
  color: #47607a;
  background-image: url(img_s/workBg.jpg);
  background-position: bottom center;
  padding: 10px 9px 17px;
  width: 280px;
}
.allWorksWrap .img {
  display: block;
  width: 100%;
}
.allWorksWrap .title {
  text-align: center;
  color: #333;
  font: 18px/24px 'microsoft yahei', 'Simhei';
  margin: 6px 0 3px 0;
  font-weight:bold;
}
.allWorksWrap .workName{
  color:#333;
}
.allWorksWrap .author {
  text-align: center;
  color: #333;
  font: 16px/20px 'microsoft yahei', 'Simhei';
}
.allWorksWrap .desc {
  color: #666;
  font:14px/18px 'microsoft yahei', 'Simhei';
  margin: 6px 0;
}
.allWorksWrap .btn1,.allWorksWrap .btn2,.myworkWrap .btn1,.myworkWrap .btn2{
	font: 18px/44px 'microsoft yahei', 'Simhei';
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.allWorksWrap .btn1,.allWorksWrap .btn2:hover,.myworkWrap .btn1,.myworkWrap .btn2:hover{text-decoration:none;}
.allWorksWrap .btn1,.myworkWrap .btn1{
  width: 150px;
  height: 44px;
  line-height: 44px;
  background-position: 0 -27px; 
}
.allWorksWrap .btn2,.myworkWrap .btn2{
  width: 120px;
  height: 44px;
  line-height: 44px;
  background-position: 0 -420px; 
}

.myworkWrap {
  width: 980px;
  margin: 0 auto;
}
.myworkWrap .mywork {
  width: 820px;
  margin: 40px auto;
  position: relative;
}
.myworkWrap .imgWrap {
  background: #dbdbdb;
  padding: 10px;
  margin-bottom: 20px;
}
.myworkWrap .img {
  width: 796px;
  border: 2px solid #fff;
  display: block;
}
.myworkWrap #prev,.myworkWrap #next{
position: absolute;
top: 50%;
margin-top:-26px;
width: 26px;
height:52px;
}
.myworkWrap #prev{  
  left: -50px; 
  background-position:0 -492px;
}
.myworkWrap #prev:hover{background-position:0 -633px;}
.myworkWrap #next{
  right: -50px;
  background-position:0 -690px;
}
.myworkWrap #next:hover{background-position:0 -822px;}
.myworkWrap .title {
  text-align: center;
  font: 24px/40px 'microsoft yahei', 'Simhei';
  font-weight:bold;
  color: #333;
  margin-bottom: 5px;
}
.myworkWrap .author,.myworkWrap .member{
  text-align: center;
  font: 16px/20px 'microsoft yahei', 'Simhei';
  color: #333;
  margin-bottom: 10px;
}

.myworkWrap .desc {
  font: 16px/24px 'microsoft yahei', 'Simhei';
  color: #999;
}
.myworkWrap .vote {
  width:200px;
  height: 70px;
  background-position: 0 -747px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  display: block;
  margin: 14px auto 0;
  font-family: 'microsoft yahei', 'Simhei';
  padding-top: 5px;
}
.myworkWrap .vote .t1 {
  font-size: 24px;
  font-weight:bold;
 color:#fff;
  line-height: 24px;
  margin: 10px 0 3px 0;
}
.myworkWrap .vote:hover {
  text-decoration: none;
}

.myworkWrap .btnWrap {
  width: 365px;
  margin: 20px auto 0;
}
.comment {
  width: 980px;
  margin: 60px auto 0;
  background: #889bb4;
}
.comment_h {
  height: 81px;
  background-image: url(img_d/comment.png);
  _background-image: url(img_d/comment_p8.png);
  background-position: 0 0;
  position: relative;
}
.comment_h .icon1 {
  width: 232px;
  height: 78px;
  background-position: 0 -549px;
  position: absolute;
  top: -78px;
  right: 0px;
}
.comment_h .icon2 {
  width: 16px;
  height: 20px;
  background-position: -256px -589px;
  position: absolute;
  top: 61px;
  right: -16px;
}
.comment_h .icon3 {
  width: 20px;
  height: 8px;
  background-image: url(img_d/comment.png);
  _background-image: url(img_d/comment_p8.png);
  background-position: -163px -160px;
  position: absolute;
  bottom: -8px;
  right: 0;
}
.comment_b {
  width: 940px;
  margin: 0 auto;
}
.comment .icon3 {
  width: 103px;
  height: 151px;
  background-image: url(img_d/comment.png);
  _background-image: url(img_d/comment_p8.png);
  background-position: 0 -81px;
  position: absolute;
  top: 300px;
  left: -103px;
}
.comment .icon4 {
  width: 113px;
  height: 185px;
  background-image: url(img_d/comment.png);
  _background-image: url(img_d/comment_p8.png);
  background-position: -297px -82px;
  position: absolute;
  bottom: -3px;
  left: -113px;
}
#sidebar {
  width: 136px;
  height: 383px;
  position: fixed;
  right: 20px;
  bottom: 20px;
    _position: absolute;
        _top: expression((function(ele){ var wh=document.documentElement.clientHeight; var eh=ele.clientHeight; if(document.compatMode && document.compatMode=='CSS1Compat'){ return document.documentElement.scrollTop+wh-eh-20; }else{ return document.body.scrollTop+wh-eh-20; } })(this));
}
#sidebar .sb,
#sidebar .sb5 .share_text {
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 7px;
  cursor: pointer;
}
#sidebar .sb{ position:relative;z-index:1;margin: 0 auto 7px;background:#0098f0;text-align:center;font-family:'microsoft yahei', 'Simhei';font-size:16px;color:#fff;}
#sidebar .sb:hover{text-decoration:none;background:#ff9900;}
#sidebar .sb1{margin-top: -26px;background:#ff9900;}
.sidebar .aolaIcon{width: 136px;height: 107px;background-position:-289px -715px;}
#sidebar .shareWrap {
  background:#fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 40px;
  overflow: hidden;
}
#sidebar .shareWrap a {
  margin: 6px 0 0 8px;
  float: left;
  display: inline;
  width: 28px;
  height: 28px;
}
#sidebar .shareWrap .shareBtn_sinaweibo {
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: 0 -445px;
}
#sidebar .shareWrap .shareBtn_qqweibo {
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: -28px -445px;
}
#sidebar .shareWrap .shareBtn_qzone {
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: -56px -445px;
}
#sidebar .shareWrap .shareBtn_qq {
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: -84px -445px;
}
input,
textarea {
  outline: none;
  resize: none;
  font-size: 16px;
  font-family:'microsoft yahei', 'Simhei';
}
#workMember{color:#999;}
.jqTip,.dialogWin {
  position: absolute;
  width: 330px;
  font: 18px/30px 'microsoft yahei', 'Simhei';
  color: #333;
  text-align: center;
  background: url(img_s/winbg.jpg);
  padding: 20px;
}
.dialogWin{background:#fff;border-radius: 10px;}
.dialogWin{padding-top: 30px;}
.dialogWin a {
  color: #ce0f96;
}
.dialogWin_post {
  text-align: left;font-size: 18px;padding-top: 10px;
}
.dialogWin .workType {
  width: 70px;
  height: 30px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 0 10px;
  background: #fff;
  font: 16px/30px 'microsoft yahei', 'Simhei';
  color: #333;
  cursor: pointer;
  position: absolute;
  top:12px;left:79px;
}
.dialogWin .selectIcon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0 -5px 0 5px;
  border-top: 6px solid #7689a6;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.dialogWin .selectList {
  width: 92px;font-size: 16px;
  position: absolute;
  top: 44px;
  left: 79px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.dialogWin .option {
  display: block;
  color: #333;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
}
.dialogWin .option:hover {
  color: #0066cc;
  text-decoration: none;
}
.dialogWin .btn {
  display: block;
  margin: 20px auto 0;
  width: 150px;
  height: 44px;
  background-position: 0 -27px;
  cursor: pointer;
  font: 18px/44px 'microsoft yahei', 'Simhei';
  color: #fff;
  text-align: center;
}
.dialogWin .btn:hover {
  text-decoration: none;
}
.dialogWin .box {
  padding: 10px 0;
}
.dialogWin input {
  width: 220px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0 4px;
  font-family:'microsoft yahei', 'Simhei';
}
.dialogWin textarea {
  width: 310px;
  height: 100px;
  padding: 0 10px;
  border: 1px solid #ccc;
  margin-top: 5px;
}
.dialogWin .dialog_close {
  width: 24px;
  height: 24px;
  background-position: -156px -430px;
  position: absolute;
  top: 4px;
  right: -38px;
}


.dialogWin .upload_imgWrap,
.dialogWin #testupload.testImg {
  width: 128px;
  height: 112px;
  background-image: url(img_s/add.png);
  overflow: hidden;
}
.dialogWin .testImg {
  width: 128px;
  height: 112px;
}
.dialogWin .removeImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: 0 -480px;
  cursor: pointer;
  display: none;
}
.dialogWin .upload_imgWrap_hasWork #testupload {
  display: none;
}
.dialogWin .upload_imgWrap_hasWork:hover .removeImg {
  display: block;
}
.dialogWin .shareWrap {
  width: 118px;
  margin: 10px auto;
}
.dialogWin .shareBtn {
  width: 51px;
  height: 51px;
  display: inline-block;
}
.dialogWin .shareBtn_qq {
  float: left;
  background-position: -312px -420px;
}
.dialogWin .shareBtn_qzone {
  float: right;
  background-position: -238px -420px;
}
.dialogWin .type {
  color: #ce0f96;
  width: 108px;
  display: inline-block;
  font-size: 16px;
}
.dialogWin .code {
  width: 153px;
  display: inline-block;
  font-size: 16px;
}
.dialogWin .copy {
  font-size: 16px;
  cursor: pointer;
}
.dialogWin .red {
  color: #ce0f96;
}
.dialogWin .rw {
  font-size: 0;
}
.dialogWin .f16 {
  font-size: 16px;
}
.dialogWin .f14 {
  font-size: 14px;
}
.aTip {
  width: 210px;
  height: 100px;
  text-align: center;
  font-family: 'microsoft yahei', 'Simhei';
  color: #fff;
  position: absolute;
  top: -95px;
  left: 50%;
  margin-left: -110px;
  font-size: 14px;
  display: none;
}
.aTip .bg {
  height: 70px;
  background-image: url(img_s/atbg.png);
  padding: 10px 5px 0;
  display: block;
  position: relative;
}
.aTip a {
  color: #ffff00;
  cursor: pointer;
}
.aTip .icon {
  width: 15px;
  height: 13px;
  background-image: url(img_d/common.png?v=1.1);
  _background-image: url(img_d/common_p8.png?v=1.1);
  background-position: -30px -480px;
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -7px;
}


.rewardWrap {
  width: 980px;
  margin: 34px auto;
  font: 18px/56px 'microsoft yahei', 'Simhei';
  color: #333;
}
.rewardWrap .title {
  margin: 20px auto;
  text-indent: -999em;
}
.rewardWrap a {
	font-weight:bold;
  color: #333;
}
.rewardWrap .imgWrap {
  background: #dbdbdb;
  display: block;
  margin: 0 auto;
}
.rewardWrap .img {
  display: block;
  margin: 0 auto;
}
.rewardWrap .line{
  display: inline-block;
  width:42px;height:1px;overflow: hidden;
  vertical-align: middle;background: #0d1494;margin: 0 4px;
}
.rewardWrap .title {
  width: 778px;
  height: 50px;
  line-height: 50px;
  background-position: 0 -900px;
      text-indent: 0px;
    text-align: center;
	font-size:30px;
 font-weight:bold;
 color:#fff;
}
.rewardWrap .reward1 .img {
  width: 796px;
  height: 496px;
  border: 2px solid #d5e6f5;
}
.rewardWrap .reward1 .imgWrap {
  width: 800px;
  padding: 10px;
}

.rewardWrap .reward2 .img {
  width: 314px;
  height: 398px;
  border: 1px solid #d5e6f5;
}
.rewardWrap .reward2 .cell {
  width: 50%;
  overflow: hidden;
  float: left;
}
.rewardWrap .reward2 .imgWrap {
  width: 316px;
  height: 400px;
  overflow: hidden;
  padding: 10px;
}
.rewardWrap .reward3 {
  text-align: center;
  line-height: 18px;
  font-size: 16px;
}

.rewardWrap .reward3 .workname {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.rewardWrap .reward3 .img {
  width: 180px;
  height: 225px;
  border: 1px solid #d5e6f5;
}
.rewardWrap .reward3 .cell {
  width: 20%;
  overflow: hidden;
  float: left;
}
.rewardWrap .reward3 .imgWrap {
  width: 182px;
  height: 227px;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 8px;
}
.rewardWrap .reward3 .name,.rewardWrap .reward4 .name{
  font-size: 14px;line-height: 1.5;
}
.rewardWrap .reward4 {
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}

.rewardWrap .reward4 .workname {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.rewardWrap .reward4 .img {
  width: 180px;
  height: 225px;
  border: 1px solid #d5e6f5;
}
.rewardWrap .reward4 .cell {
  width: 20%;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
}
.rewardWrap .reward4 .imgWrap {
  width: 182px;
  height: 227px;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 8px;
}
.rewardWrap .reward_nav {
  margin: 0 50px;
  display: inline-block;
  position: relative;
  padding: 10px 0;
  cursor: pointer;
}
.rewardWrap .reward_nav_on,
.rewardWrap .reward_nav:hover {
  color: #e307c7;
  text-decoration: none;
}
.rewardWrap .reward_nav_on:before,
.rewardWrap .reward_nav:hover:before {
  position: absolute;
  top: 23px;
  left: -28px;
  content: '';
  border-top: 6px solid #e307c7;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.rewardWrap .reward_nav_on:after,
.rewardWrap .reward_nav:hover:after {
  position: absolute;
  top: 23px;
  right: -28px;
  content: '';
  border-top: 6px solid #e307c7;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.rewardWrap .infor {
  font-size: 16px;
  line-height: 28px;
  margin-top: 40px;
  position: relative;
  padding-bottom: 60px;
}
.rewardWrap .infor .icon {
  position: absolute;
  top: -20px;
  right: -50px;
  background-position: 0 -973px;
  width: 251px;
  height: 169px;
}
.rewardWrap .infor .red {
  color: #e329c9;
}


/***新增代css***/
#top .btnWrap{width:1044px;margin: 370px auto 0;}
.bg2_index #top .btnWrap{width: 650px;margin: 520px auto 0;}
#pageHead{width:1120px;margin:36px auto 0;}
#detailpageHead{width:1120px;margin:34px auto 0;}
#content{width:100%;background: url(img_s/sub_r.jpg) repeat-y center 0;margin-top: 57px;}
.pageLogo{display:none;}
.bg2_index .pageLogo{display:block;top:150px;left:50%;margin-left:-311px;width:622px;height:427px;background-position: 0 -1202px;}

/*导航*/
.pageCtrls .tab:after{display:block;width: 200px;height: 10px;text-align:center;line-height: 10px;margin-top: -14px;font-size: 12px;color: #999;    font-weight: normal;}
.pageCtrls .tab:hover:after,.pageCtrls .tab_on:after{color: #ffff66;}
.pageCtrls .tab1:after{content:"HOME";}
.pageCtrls .tab2:after{content:"ALL WORKS";}
.pageCtrls .tab3:after{content:"MY WORK";}
.pageCtrls .tab4:after{content:"WINNERS LIST";}
.pageCtrls .tab5:after{content:"COMMUNICATION";}

.works_ctrl{width:1000px;height:50px;line-height:50px;background:#e5e5e5;}
.works_ctrl .t1{margin-left:10px;}
.works_ctrl .t1,.works_ctrl .tabWrap{margin-top: 6px;}
.works_ctrl .rule{margin-top: 10px;    margin-left: 50px;}
.searchWrp{width:260px;height:35px;background:#fff;overflow: hidden;}
.searchWrp{margin:8px 10px 0 0;}
.searchTxt_js{width:200px;height:31px;line-height:31px;padding:2px 5px;border:none;background:none;outline:none;color:#999;}
.searchBtn_js{width:22px;height:22px;background-position: 0 0;margin:7px 5px 0 0;}
.worksWrap{margin:20px auto 0;}
.noData{
font-family:'microsoft yahei', 'Simhei';
 font-size:18px;color:#333;
}
.inforText .t1{
	margin-bottom:20px;
font-size:30px;
 font-weight:bold;
 color:#333;
}
.inforText .imp{color:#0066ff;}

/*首页*/
.bg2_index #content{background:none;}
.indexContent .floor .title,.scheduleItem,.scheduleWrp .line,.showPriceList .p1,.showPriceList .p2,.workDesignDes .wordsDes1,.workDesignDes .wordsDes2,.workDesignDes .picDes,.wordsDes1 .download,.wordsDes1 .lookDemand,.floor4 .lookMoreWorks,.floor4 .iwantTougao{background: url(img_d/index2.png?v=1.2) no-repeat;_background-image: url(img_d/index2_ie6.png?v=1.2);}
.indexContent{width:100%;background: url(img_s/bg1_2.jpg) no-repeat top center;}
.floor{width:1160px;margin:0 auto;}
.floor1{height:370px;padding-top:10px;}
.floor2{height:725px;padding-top:25px;}
.floor3{height:775px;padding-top:25px;}
.floor4{height:615px;padding-top:25px;}
.indexContent .floor .title{margin:0 auto;}
.indexContent .floor1 .title{width:906px;height:50px;background-position: 0 -3049px;}
.indexContent .floor2 .title{width:911px;height:50px;background-position: 0 -2994px;}
.indexContent .floor3 .title{width:966px;height:50px;background-position: 0 -2939px;}
.indexContent .floor4 .title{width:911px;height:50px;background-position: 0 -2884px;}
.scheduleWrp{margin-top: 34px;}
.scheduleItem{width:230px;height:200px;margin-right:80px;_display:inline;}
.scheduleItem1{background-position: 0 -410px;    cursor: pointer;}
.scheduleItem2{background-position: 0 -205px;    cursor: pointer;}
.scheduleItem3{background-position: 0 0;}
.scheduleItem4{margin-right: 0px;background-position: 0 -3154px;}
.scheduleWrp .line{top: 76px;left: 252px;width:656px;height:45px;background-position: 0 -3104px;}
.showPriceList{width:1160px;margin:25px auto 35px;}
.showPriceList .p1{width:620px;height:520px;background-position: 0 -1140px;}
.showPriceList .p2{width:500px;height:520px;background-position: 0 -615px;}
.floor2 .ptips{font-family:'microsoft yahei', 'Simhei';font-size:18px;
 font-weight:bold;
 color:#051330;}
.workDesignDes{width:1160px;margin:25px auto 0;}
.workDesignDes .wordsDes1{width:499px;height:306px;background-position: 0 -2573px;_background-image: url(img_d/index2.png?v=1.2);}
.workDesignDes .wordsDes2{width:686px;height:278px;margin-top:32px;background-position: 0 -2290px;_background-image: url(img_d/index2.png?v=1.2);}
.workDesignDes .picDes{top:0px;right:0px;width:440px;height:620px;background-position: 0 -1665px;}
.wordsDes1 .download{top:52px;left:314px;width:120px;height:30px;background-position: 0 -3455px;}
.wordsDes1 .lookDemand{top:97px;left:203px;width:90px;height:30px;background-position: 0 -3545px;}
.indexWroksShow{width:1160px;height:390px;margin:25px auto 0;}
.indexWroksShow .w1{top:0px;width:305px;height:390px;    overflow: hidden;}
.indexWroksShow .w2{width:260px;height:190px;    overflow: hidden;}
.indexWroksShow .work1{left:0px;}
.indexWroksShow .work2{top:0px;left:315px;}
.indexWroksShow .work3{top:200px;left:315px;}
.indexWroksShow .work4{left:585px;}
.indexWroksShow .work5{top:0px;left:900px;}
.indexWroksShow .work6{top:200px;left:900px;}
.indexWroksShow .w1 img{height:100%;width:auto;}
.indexWroksShow .w2 img{width:100%;height:auto;}
.floor4 .btns{width:390px;margin:40px auto 0;}
.floor4 .lookMoreWorks{width:180px;height:50px;background-position: 0 -3490px;}
.floor4 .iwantTougao{width:180px;height:50px;background-position: 0 -3400px;}

/*评论*/
#comment .replyBtn{width:100px;height:32px;line-height:32px;background: #ff8d1d;border:none;color:#fff;font-weight:bold;}
#comment .replyBtn:hover{background: #f7aa5f;color:#fff;}

/*弹窗*/
.contentWrap p.t{
 font-size:24px;
 font-weight:bold;
 color:#fff;
}
.dialogWin_alert{background: #fff;}
.dialogWin_alert .contentWrap{color: #000;}


/*css3动画*/
.g-animEle1,.g-animEle2,.g-animEle3 {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.ui-animEle {
    -webkit-transform: translate3d(0,40px,0);
    -moz-transform: translate3d(0,40px,0);
    -ms-transform: translate3d(0,40px,0);
    -o-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    opacity: 0
}

.g-animEle1 {
    -webkit-transition: all .8s ease-out .1s;
    -moz-transition: all .8s ease-out .1s;
    -ms-transition: all .8s ease-out .1s;
    -o-transition: all .8s ease-out .1s;
    transition: all .8s ease-out .1s
}

.g-animEle2 {
    -webkit-transition: all 1.0s ease-out .3s;
    -moz-transition: all .8s ease-out .8s;
    -ms-transition: all .8s ease-out .8s;
    -o-transition: all .8s ease-out .8s;
    transition: all 1.0s ease-out .3s
}

.g-animEle3 {
    -webkit-transition: all 1.2s ease-out .5s;
    -moz-transition: all .8s ease-out .9s;
    -ms-transition: all .8s ease-out .9s;
    -o-transition: all .8s ease-out .9s;
    transition: all 1.2s ease-out .5s
}
.g-animEle4 {
    -webkit-transition: all 1.4s ease-out .7s;
    -moz-transition: all .8s ease-out .9s;
    -ms-transition: all .8s ease-out .9s;
    -o-transition: all .8s ease-out .9s;
    transition: all 1.4s ease-out .7s
}

/*鼠标移过图片放大*/
#worksWrap .work .workItem{    overflow: hidden;
    display: block;
    width: 100%;}
.indexWroksShow .w1:hover img,.indexWroksShow .w2:hover img,#worksWrap .work .workItem:hover .img{transition: all 0.6s;transform: scale(1.2);}

/*hover效果*/
#top .btn:hover,.wordsDes1 .download:hover,.wordsDes1 .lookDemand:hover,.floor4 .btns a:hover,.worksWrap .btnWrap a:hover,.myworkWrap .btn1:hover,.myworkWrap .btn2:hover{
	-webkit-animation: btnHoverEffect_float-2px400ms 1 400ms ease-in-out;
    animation: btnHoverEffect_float-2px400ms 1 400ms ease-in-out;
}
@-webkit-keyframes btnHoverEffect_float-2px400ms {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  60% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  85% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } 
}
			
.btnHoverTrans:after{
	content: "";
    position: absolute;
    height: 0px;
    width: 500px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 100%;
    left: 0;
    opacity: 0.5;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #fff;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
}
.btnHoverTrans:hover:after{
	height: 500px;
    top: -100%;
    opacity: 0;
}

.dialogWin .dialog_close:hover{
	 -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	 -webkit-transition: all .8s ease-out .1s;
    -moz-transition: all .8s ease-out .1s;
    -ms-transition: all .8s ease-out .1s;
    -o-transition: all .8s ease-out .1s;
    transition: all .8s ease-out .1s
}