body{
  margin: 0 auto;
  background-color: #000000;
  background: url("/market/eSign/images/bg.jpg") center center #000000;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
*{
  font-family:PingFang SC,Arial,Helvetica,sans-serif !important;
  /* user-select: none; */
}
img{
  border:0;
  max-width: 100%; 
}
a{
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
a:hover{
  text-decoration: none;
}
a:active{
  text-decoration: none;
}
a:focus{
  text-decoration: none;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 0px;
}
.pcDisplay {
  display: block;
  margin-bottom: 64px;
}
.pcDisplay2 {
  display: block;
}
.mbDisplay {
  display: none !important;
}
.mainBox{
  width: 100%;
  min-height: 1px;
  /*overflow: hidden;*/
}
.pagemain{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 136px;
}
.pagemain2{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 136px;
  position: relative;
}
.pagemain-home{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 248px;
}
.pagemain-H{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-top: 16%;
}

/*video{
  position: fixed;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  z-index: -9999;
}*/

/* 
-------------  页面滚动菜单  -------------
*/
.section {
  z-index: 2;
}
.fp-tableCell {
    vertical-align: inherit !important;
}
#fullPagenav{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  position: fixed; 
  right: 30px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
#fullPagenav ul{
  padding:0;
}
#fullPagenav ul li{
  list-style-type: none;
}
#fullPagenav ul li a{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  line-height: 36px;
  padding: 0px 10px;
}
#fullPagenav ul li a:hover{
  color: #ffffff;
} 
/*#fullPagenav ul li a.active{
  color: #ffffff;
} */
#fullPagenav .active a{
  color: #ffffff;
}

/* 
-------------  公用组件  -------------
*/
.tableCell {
  display: inherit !important;
}
.table {
  margin-bottom: 0px !important;
}

/* 
-------------  首页  -------------
*/
.index-signup {
  display: none;
  position: fixed;
  top: 40px;
  right: 100px;
  z-index: 200;
}
.index-signup a {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 10px;
  background-color: #ffffff\9;
  background-color: rgba(255,255,255,.1);
}
.index-signup a:hover{
  background-color: #ffffff\9;
  background-color: rgba(255,255,255,.3);
}
.page-signup {
  display: none;
  position: absolute;
  top: 40px;
  right: 100px;
  z-index: 200;
}
.page-signup a {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  padding: 10px;
  background-color: #ffffff\9;
  background-color: rgba(255,255,255,.1);
}
.page-signup a:hover{
  background-color: #ffffff\9;
  background-color: rgba(255,255,255,.3);
}
.pcDisplay {
  display: block;
}
.block-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.Homepage-subject{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 44%;
  margin-top: 16%;
  z-index: 9;
}
.Homepage-subject span{
  display: block;
}
.Homepage-subject img{
  display: block;
  height: 26px;
}
.Homepage-subject-t1{
  font-size: 12px;
  color: rgba(255,255,255,.48);
  line-height: 18px;
  margin-bottom: 12px;
  color: #ffffff\9;
}
.Homepage-subject-t2{
  font-size: 48px;
  color: #ffffff;
  line-height: 60px;
  font-weight: bold;
}
.Homepage-subject-t3{
  font-size: 36px;
  color: #eae23f;
  line-height: 36px;
  font-weight: bold;
}
.Homepage-subject-t4{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.36);
  line-height: 24px;
}
.Homepage-subject-t5{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.24);
  line-height: 24px;
}
.Homepage-subject-tline{
  border-top: 1px solid #262d1b\9;
  border-top: 1px solid rgba(234,226,63,.16);
  padding-top: 16px;
  margin-top: 16px;
}

.Homepage-timeline-Locationbox{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  padding-top: 16%;
}
.Homepage-timeline-Location{
  width: 1px;
  height: 1px;
}

.Homepage-timeline-box{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  padding-top: 16%;
}
.Homepage-timeline{
  width: 14%;
  min-height: 1px;
  overflow: visible;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.Homepage-timeline-years{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: relative;
}
.Homepage-timeline-Mask{
  width: 30%;
  height: 80px;
  overflow: hidden;
  position: fixed;
  bottom: 0px;
  right: 14px;
  background: url(../images/timeline_mask.png);
  background-size: 100% 100%;
  background-repeat: repeat-y;
  z-index: 99;
  display: none;
}
.Homepage-timeline-Mask2{
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: relative;
  top: 0px;
  right: 0px;
  background: url(../images/timeline_mask2.png);
  background-size: 100% 100%;
  background-repeat: repeat-y;
  z-index: 99;
  display: none;
}

.Homepage-timeline-years-title{
  margin-bottom: 16px;
}
.Homepage-timeline-years-title span{
  display: block;
}
.Homepage-timeline-years-titletext{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  line-height: 12px;
  margin-bottom: 8px;
}
.Homepage-timeline-years-titleline{
  width: 26px;
  height:1px;
  background-color: #eae23f;
}
.Homepage-timeline-month{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 12px;
}
.Homepage-timeline-month-title{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  line-height: 18px;
  margin-bottom: 8px;
}
.Homepage-timeline-month ul{
  padding: 0;
}
.Homepage-timeline-month ul li{
  list-style: none;
}
.Homepage-timeline-month ul li a{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  display: block;
  font-size: 14px;
  color: #ffffff\9;
  color: rgba(255,255,255,.3);
  line-height: 36px;
}
.Homepage-timeline-month ul li a:hover{
  color: #ffffff;
}
.Homepage-timeline-month ul li.active a{
  font-size: 28px;
  color: #ffffff;
}


/* 
-------------  首页  -------------
*/
#header{
  width: 100%;
  min-height: 1px;
  /* height: 100%; */
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  /* top: 36px; */
  /*padding: 0px 50px 0px 50px ;*/
  z-index: 999;
  display: none;
}
.headerbox{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}
.logobox{
  padding-left: 40px;
  padding-top: 36px;
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
.logoboxBg{
  background-color: #000000\9;
  background-color: rgba(0,0,0,.86);
  transition: ease-in-out 3s;
}
.logobox a{
  width: auto;
  min-height: 1px;
  float: left;
}
.logobox a img{
  height:40px;
}
.logobox a span{
  display: block;
  font-size: 16px;
  color: #ffffff;
  padding: 16px 0px 0px 12px;
}
.cityinfo-line2 {
	display: none;
}

.headmenu{
  width: auto;
  /* min-height: 1px; */
  overflow: hidden;
  position: fixed;
  top: 36px;
  right: 40px;
  z-index: 1001;
}
.headmenu button{
  width: 48px;
  height:48px;
  border: 0;
  background: url("../images/ico_navhead.png");
	background-repeat: no-repeat;
  background-size: auto 100%;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.headmenu button:hover{
  width: 48px;
  height:48px;
  background: url("../images/ico_navhead_hover.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.headnav{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  float: right;
}
.headnav a{
  display: block;
  margin-top: 4px;
}
.headnav a:hover{
  background-color: #333333;
}
.headnav a img{
  height:48px;
}

.Meettitleinfo{
	display: none;
}

.logobox #logom{
	display: none;
}


#section1{

}
.cityinfo{

}
.cityinfohover{

}
.cityinfohover a{

}
.cityinfohover a:hover{

}
.cityinfohover a:hover .cityinfo-ico2{
  height: 24px;
  background: url("../images/ico_back2_hover.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.cityinfo-line{
  width: 48px;
  height:1px;
  background-color: #eae23f;
  margin-bottom: 30px;
  margin-top: 4px;
}

.cityinfo-city{
  font-size: 24px;
  color:#ffffff;
  margin-bottom: 16px;
}
.cityinfo-date{

}
.cityinfo-date span{
  display: block;
}
.cityinfo-date-t1{
  font-size: 16px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  line-height: 20px;
}
.cityinfo-date-t2{
  font-size: 36px;
  color:#ffffff;
  line-height: 40px;
  margin-bottom: 18px;
}
.cityinfo-ico2{
  width: auto;
  height: 24px;
  overflow: hidden;
  display: block;
  background: url("../images/ico_back2.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.cityinfo-ico{

}
.cityinfo-ico a{
  width: auto;
  height: 24px;
  overflow: hidden;
  display: block;
  background: url("../images/ico_back.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.cityinfo-ico a:hover{
  height: 24px;
  background: url("../images/ico_back_hover.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.cityinfo-ico img{
  height: 24px;
}

.Activitytheme{

}
.Activitytheme-text{

}
.Activitytheme-text span{
  display: block;
}
.Activitytheme-t1{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  margin-bottom: 16px;
}
.Activitytheme-t2{
  font-weight: bold;
  font-size: 60px;
  color: #ffffff;
  line-height: 60px;
}
.Activitytheme-t3{
  font-size: 60px;
  color: #eae23f;
  line-height: 60px;
  margin-top: 6px;
  margin-bottom: 6px;
  font-weight: bold;
}

.Activitytheme-t4{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.36);
}
.Activitytheme-tline{
  width: 268px;
  border-top: 1px solid #262913;
  padding-top: 16px;
  margin-top: 16px;
}

.Activitytheme-info{

}
.Activitytheme-info img{
  height:30px;
  display: block;
}
.Activitytheme-info span{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.36);
  display: block;
  line-height: 28px;
}


#section2{
  background-color: #000000;
}
.Background-description{
  margin-top: 26px;
}
.Background-description span{
  display: block;
  font-size: 14px;
  color: #ffffff\9;
  color: rgba(255,255,255,.8);
  line-height: 22px;
  border-bottom: 1px solid #ffffff\9;
  border-bottom: 1px solid rgba(255,255,255,.8);
  padding-bottom: 28px;
  margin-bottom: 28px;
}
.Background-content{
  margin-top: 10%;
}
.Background-content-box{
  width: 20%;
  min-height: 1px;
  float:left;
}
.Background-contentbox{
  width: 80%;
  min-height: 1px;
  overflow: hidden;
  margin: 0 auto;
}
.Background-contentbox img{
  width: 60%;
  display: block;
  margin: 0 auto;
}
.Background-contentbox span{
  display: block;
}
.Background-contentbox_text{
  font-size: 16px;
  color:#ffffff;
  line-height: 26px;
  margin-top: 16px;
}
.Background-contentbox_spot{
  font-size: 12px;
  color:#eae23f;
  line-height: 24px;
  display: none !important;
}

#section3{
  background-color: #0b0e15;
}
.sceneapp{
  width: 100%;
  height:560px;
  overflow: hidden;
  position: absolute;
  top: 14%;
  left: 0;
  background: url("/market/eSign/images/img_sceneapp.png") center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#section4{
  background-color: #000000;
}
.Related-info{
  margin-top: 26px;
}
.Related-infobox{

}
.Related-infobox table tr td span{
  display: block;
}
.Related-infobox table{
  height:28px;
}
.Related-info-t1{
  font-size: 14px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
  width: 64px;
}
.Related-info-t2{
  font-size: 18px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
}
.Related-info-t3{
  font-size: 16px;
  color: #eae23f;
}
.Related-info-t4{
  font-size: 12px;
  color: #eae23f\9;
  color: rgba(234,226,63,.48);
}

.Related-add{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  background-color: #f5f5f5;
  margin: 24px 0px 0px 0px;
}
.Related-add-left{

}
.Related-add-right{

}

#section5{
  background-color: #0b0e15;
}

.agenda-timeline{
  margin-top: 30px;
}
.agenda-timeline-text{
  
}
.agenda-timeline-text span{
  display: block;
}
.agenda-timeline-t1{
  font-size: 14px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
  line-height: 24px;
}
.agenda-timeline-t2{
  font-size: 16px;
  color: #eae23f;
  line-height: 18px;
}
.agenda-timeline-t3{
  font-size: 16px;
  color: #eae23f;
  line-height: 18px;
  color: #eae23f\9;
  color: rgba(234,226,63,.64);
}
.agenda-timeline-line{
  border-top: 1px solid #1f1f1f\9;
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 16px;
  margin-top: 16px;
}

#section6{
  background-color: #000000;
}
#section6 .tableCell{
  position: relative;
}
#section7{
  background-color: #000000;
}
#section7 .tableCell{
  position: relative;
}
#footer{
  width: 100%;
  min-height: 1px;
  position: absolute;
  bottom: 32px;
  left: 0;
}
.footer-listBox{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 24px;
}
.footer-listBox-copyright{
  width: 100%;
  min-height: 1px;
  overflow: hidden;

  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-listBox-copyright a{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  display: block;
}
.footer-listBox-copyright img{
  height:32px;
  display: block;
  float: left;
  
}
.footer-listBox-copyright span{
  display: block;
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
  float: left;
  padding-left: 12px;
}
.f-listBox-c-lineleft{
  border-left: 1px solid #333333\9;
  border-left: 1px solid rgba(255,255,255,.2);
}
.f-listBox-c-lineright{
  border-right: 1px solid #333333\9;
  border-right: 1px solid rgba(255,255,255,.2);
}

.footer-copyright{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}

#copyright{
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
  line-height: 18px;
  text-align: center;
}
#copyright a{
  display: none;
}
.slogn_weaver{
  display: none;
}


.signupbox{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  text-align: center;
  margin-top: 4%;
}
.signupbox img{
  width: 184px;
  margin: 0 auto;
}
.signupbox span{
  display: block;
  font-size: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
  line-height: 18px;
  padding: 16px 0px;
}
.signupbox2{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  text-align: center;
  margin-top: 4%;
}
.signupbox2 img{
  width: 550px;
  margin: 0 auto;
}
.timeline-link span {
  display: inline-block;
}
.pagetitle{

}
.pagetitle span{
 display: block;
}
.pagetitle-t1{
  font-size: 32px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
  line-height: 32px;
}
.pagetitle-t2{
  font-size: 20px;
  color: #ffffff;
  line-height: 32px;    
}

.pagecontent{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
}


/* 
-------------  公用底部  -------------
*/

/* 
-------------  场景体验  -------------
*/
.video_experience_title{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  line-height: 24px;
  font-size: 12px;
  color: #b7b7b7;
  margin-bottom: 10px;
}
.video_experience_box{

}
.video_experience_box a{
  border: none;
  background: none;
  padding: 0px;
  margin-bottom: 0px;
}
.video_experience_box a:hover{

}
.ebox{
  /*background-color: #1b1b1b;*/
  margin-top: 28px;
}
.ebox2{
  /*background-color: #1b1b1b;*/
  margin-top: 64px;
}
.experience-box{
  width: auto;
  min-height: 1px;
  overflow: hidden;
  padding-right: 24px;
}
.experience-text{
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  padding-left: 7px;
  margin-bottom: 20px;
  margin-top: 18px;
}
.experience-text span{
  display: block;
}
.experience-t1{
  font-size: 12px;
  line-height: 24px;
  color: #ffffff\9;
  color: rgba(255,255,255,.64);
}
.experience-t2{
  font-size: 12px;
  line-height: 12px;
  color: #ffffff\9;
  color: rgba(255,255,255,.48);
}

.experienceBtn-box{
  width: 33.33333333%;
  min-height: 1px;
  overflow: hidden;
  float: left;
}
.experienceBtn{
  width:100%;
  min-height: 1px;
  overflow: hidden;
  margin-bottom: 24px;
}
.experienceBtn a{
  width:90%;
  min-height: 1px;
  overflow: hidden;
  display:block;
  line-height: 24px;
  padding: 12px 0px 12px 0px;
  /*line-height: 60px;*/
  border:2px solid rgba(255,255,255,.24);
  text-decoration: none;
  color:#fff;
  font-size: 14px;
  text-align: center;
  margin:0 auto;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius:6px;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.experienceBtn a:hover{
  background-color: #fff;
  color: #000;
  border-color: #fff;
}




.Background-contentbox img {
    display: none;
}
.Background-content-box {
    width: 100%;
}
.Background-contentbox {
    width: 100%;
}
.Background-contentbox_spot {
    display: block !important;
    width: 6%;
    float: left;
    padding-top: 4px;
}
.Background-contentbox_text {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    margin-top: 4px;
    width: 94%;
    float: left;
}
.pagemain2 {
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    padding-top: 136px;
    position: relative;
    
}
.img_sceneapp_line{
    width: 100%;
    min-height: 1px;
    border-bottom: 2px solid #db1316;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    margin-bottom: 36px;
}
.img_sceneapp{
    width: 100%;
    min-height: 1px;
    overflow: hidden;
}
.img_sceneapp img{

}
.img_sceneapp {
    margin-top: 36px;
}
.img_sceneapp_line {
    margin-bottom: 22px;
}


/* 
-------------  报名结束后页面样式  -------------
*/

.ActivePhotos{
  margin-top: 2%;
}
.Photosbox{
  margin-bottom: 20px;
}
.Photosbox img{
  
}


/* 
---------swiper样式-------------- 
*/
.timeline_Box{
  position: relative;
  display: block;
  width:100%;
  min-height: 1px;
  margin-top: 16%;
  margin-bottom: 10%;
}
.device {
  padding: 30px 40px;
  margin: 5px auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  width: 800px;
  height: 140px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: -10px;
  width: 100%;
  z-index: 99;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #333;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-wrapper {
  height: auto !important;
}
.swiper-slide {
  height: auto !important;
}
.timeline_city {
  width: 740px;
  min-height: 1px;
  overflow: hidden;
  margin: 0 auto;
}
.cityBox {
  position: relative;
  width: auto;
  min-height: 1px;
  float: left;
  padding: 0px 6px;
}
.cityBox a {
  width: 110px;
  min-height: 1px;
  display: block;
  float: left;
  text-align: center;
  padding: 20px 0px;
  background-color: rgba(34,36,56,.01);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#191d1f2f,endColorstr=#191d1f2f);
}
.cityBox span{
  display: block;
}
.cityBox_city {
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
}
.cityBox_img_notdone {
  width: 16px;
  padding: 12px 0px;
}
.cityBox_time {
  font-size: 12px;
  color: rgba(255,255,255,.6);
  color: #ffffff\9;
  line-height: 24px;
}
.timeLine1 {
  position: absolute;
  width: 50.1%;
  top: 49%;
  left: 0;
  height: 1px;
  background: -webkit-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
  background: -o-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
  background: -moz-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#5effffff,gradientType = 1);
}
.timeLine2 {
  position: absolute;
  width: 50.1%;
  top: 49%;
  right: 0;
  height: 1px;
  background: -webkit-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  background: -o-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  background: -moz-linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5effffff,endColorstr=#19ffffff,gradientType = 1);
}

.cityBox a:hover{
  background-color :#222438\9;
  background-color:rgba(34,36,56,.8) !important; 
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8252a4a,endColorstr=#c8252a4a); 
}