/*!
 * common css in 2018
 * xm and cj modify */
/*share*/

/*-------common------*/

.bottom-tool .each > a { border:1px solid #dc9b20;background-color:#dc9b20;color:#fff;  }
.bottom-tool .each > a:hover { background-color:#fff;color:#dc9b20; border:1px solid #dc9b20;}
.bottom-tool .each.publish > a { display:block; color:#fff;  border:1px solid #dc9b20; font-size: 12px;line-height: 14px;padding-top: 5px; } 
.bottom-tool .each.weixin > a  { display:none;   }
.bottom-tool .each.publish > a:hover { background-color:#fff;color:#dc9b20; border:1px solid #dc9b20; }
 

.bottom-tool .weixin { display:block}
.bottom-tool { bottom:40px;}
.bottom-tool .weixin .wx-img {background-image:url(../images/vote/vote_wx.jpg); background-size:98%;}
@media (min-width: 768px) {
.bottom-tool .each.weixin > a  { display:block; font-size: 14px;line-height: 19px;padding-top: 5px; }	
.bottom-tool .each.publish > a  { display:block; font-size: 14px;line-height: 19px;padding-top: 5px; }
}

.blank { width: 100%; height: 100px;overflow: hidden; display: block;}

body { background-color:#000000; background-image:url(../images/vote/body.gif); background-repeat:repeat;} 
.page-container { position:relative; z-index:1;}


.border-btn {  border:2px solid #b78c25; vertical-align: middle; line-height:32px; width:auto; background-color:#000;
    border-image:linear-gradient(to left,#f3df52,#b78c25) 2;padding-left:20px;padding-right:20px;color:#fff; display:inline-block;box-sizing: border-box; position: relative;}
.border-btn:hover, .border-btn:focus {color:#fff; }
.border-btn:after {
    content: ""; color:#fff; 
    position: absolute;
    left: -2px; 
    top: -2px;  
    right:-2px;
    bottom:-2px;
    border:2px solid #fff;
    border-image:linear-gradient(to left,#b78c25,#f3df52) 2;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
} 

.border-btn:hover:after{opacity:1}
 
 
.mod { position:relative; padding:30px 0; }

.mod-title { color: #fff;position:relative; background-image:url(../images/vote/titlebg_xs.png); background-repeat:no-repeat; background-position:center;    background-size: 100%;}
.mod-title h2 {font-size: 20px; line-height:50px; text-align:center; display:block; color:#F0CB7D;margin:0; font-weight:normal; position:relative; z-index:1; }
.mod-title .right-action { position:absolute;right:15px;top:5px; z-index:2;}
.mod-title .right-action a.border-btn { font-weight:normal;margin-left:10px;}
@media (min-width: 414px) {
.mod-title h2 {font-size: 22px;line-height:74px;  }	
}

@media (min-width: 768px) {
.mod { padding:100px 0;}
.mod-title h2 {font-size: 36px;line-height:74px; padding-bottom:6px;}
.mod-title { background-image:url(../images/vote/titlebg.png);    background-size:auto; }
}


 
 
/*------header ------*/
 
.header { position:absolute;left:0; right: 0;z-index:10;    height: 76px; }
.header .navbar {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.header-fixed {
   top:0;z-index: 99;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.navbar-header { position:relative; z-index:9;}
.logo-summit {  width: 80px;padding: 0; display:none; margin-left:10px!important;  height: 100%;}
.logo-summit img { width:100%;height:auto;}
@media (min-width:768px) {
.logo-summit { margin-left:30px!important;width: 100px; }
}
@media (min-width:992px) {
.logo-summit { display:block}	
}
@media (min-width:1200px) {
.logo-summit { width: 120px; }
}

.join-btn { right:30px;top:20px;position:absolute; z-index:10; display:none; }
.join-btn a { background-color:#1d1812; border:2px solid #fff; vertical-align: middle; line-height:32px; width:auto;
    border-image:linear-gradient(to left,#f3df52,#b78c25) 2; padding:0 20px;color:#fff; display:inline-block;box-sizing: border-box; position: relative;}
.join-btn a:after {
    content: ""; 
    position: absolute;
    left: -2px; 
    top: -2px; 
    right:-2px;bottom:-2px;
    border:2px solid #fff;
    border-image:linear-gradient(to left,#b78c25,#f3df52) 2;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
} 
.join-btn a:hover:after{opacity:1}
 @media (min-width:992px) {
.join-btn { display:block}	 
 }

@media (max-width: 767px) {
  .header {position: fixed;left: 0; right: 0;top: 0;z-index: 99;height:50px; }
  .header .nav>li { text-align: left; float:left;width:50%;}
  .header .nav>li>a {
    color: #F0CB7D;
    border-left: 0px solid transparent;
    font-size: 14px;
    padding:8px 15px;
    margin:0;
	white-space: nowrap;
    overflow: hidden;
   text-overflow: ellipsis;
  }
  .header .nav>li>a:hover,
  .header .nav>li>a:focus,
  .header .nav>li>a:active {
    background: none;
  }
  .header .nav>li.active>a {
    border-left: 0px solid #fff;
  }
  .header .navbar-toggle .icon-bar {
    background-color:#F0CB7D
  }
  .header .navbar-collapse {
    background:#2b200d;
    border: 0;
    box-shadow: none;
   
  }
  .header .navbar-nav { margin: 15px -15px;}
  .header.header-fixed .navbar-header {
    background-color: rgba(0,0,0,0.7)
  }
  .header .navbar-toggle {
    padding: 18px 20px;
    margin: 0;
    background-color:#2b200d;  
	  border: 0;
    border-radius: 0;
  }
  .header .navbar-toggle.collapsed {
    background: none;
  }
  .header.header-fixed .navbar-toggle.collapsed {
    background:none;
  }
}

@media (min-width: 768px) {
  .header.header-fixed {
    background-color:rgba(0,0,0,0.8)
  }
  .header .nav>li>a {
    color: #F0CB7D;    
	background: none;
    padding: 13px 1px 4px 1px;
    font-size: 16px;
	margin:0 15px;
	border-bottom:2px solid transparent;
  }
  .header .nav>li>a:hover,
  .header .nav>li>a:focus,
  .header .nav>li>a:active {
    background: none;
	border-bottom:2px solid #F0CB7D;
  }
  .header .nav>li.active>a,
  .header .nav>li.active>a:hover,
  .header .nav>li.active>a:focus,
  .header .nav>li.active>a:active {
   border-bottom:2px solid #F0CB7D;
  }
  .header .navbar-collapse {
    position: relative;
  }
 
}
@media (min-width: 768px) and (max-width: 991px) {
.header .navbar-collapse {padding:0}
.header .navbar-nav {width: 100%; margin:0; padding-bottom: 10px; margin-top:14px;}
.header .navbar-nav > li { width: 20%; text-align: center;}
.header .navbar-nav > li > a { display:inline-block}
}
@media (min-width: 992px) {
.header .nav>li>a {
    color:#F0CB7D;
    padding: 26px 1px 4px 1px;
    font-size: 16px;  
	    margin: 0 10px;
  }
  .summit-middle {
    left: 50%;
    margin-left: -280px;
    top: 0;    
	z-index: 1;
    position: absolute;
  }
.header .nav>li>a {
    color:#F0CB7D;
    padding: 26px 1px 4px 1px;
    font-size: 16px;
	margin: 0 18px;
  }

}

/*-------footer------*/

.footer { clear: both; padding-top:30px; color:#F0CB7D; padding-bottom: 30px;text-align:left;border-top:1px solid #F0CB7D; }

.footer .organizer { font-size: 14px; text-align:left; line-height:1.6; }
.footer .organizer a { color:#F0CB7D;padding:0 10px;}
.footer .copyright {  text-align:left; font-size: 12px;padding-left:10px; padding-bottom:20px;}

.footer .wx-left { float:left;width:90px; margin: 0 5px;padding:7px; border:1px solid #F0CB7D;}
.footer .wx-left img {border:7px solid #fff;width:100%;height:100%;}
.footer .wx-right {margin-left:110px; }
.footer .wx-right strong { display:block; line-height:2; font-size:14px; font-weight:normal;}
.footer .wx-right p {  padding-top:4px; font-size: 12px;}

@media (min-width: 768px) {
.footer .organizer {padding-bottom:3px;font-size: 15px; text-align:left;}
.footer .copyright {font-size:14px;text-align:left; padding-bottom:0px;}
.footer .wx-right { padding-right:20px;margin-left:120px;}
.footer .wx-right strong { font-size:16px;}
.footer .wx-right p {font-size: 14px;}
.footer .wx-left {width:100px;}
}
@media (min-width: 1200px) {
.footer .organizer {padding-top:5px; }	
}

/*-------nav------*/
.main-nav {}
.main-nav.main-nav-fixed { position:fixed;left:0;right:0;top:0; background-color: rgba(0,0,0,0.8); z-index:12;}
.main-nav .container {padding:0 5px;}
.navbar-awards {width: 100%; margin-bottom:0; overflow-y: hidden;overflow-x: auto;position: relative;
    -webkit-overflow-scrolling: touch; }
.navbar-awards ul {min-width: 100%;
    display: inline-block;
    white-space: nowrap;}
.navbar-awards li {display: inline-block;  text-align: center;}
.navbar-awards li a {padding:14px 10px ;font-size:15px; display:inline-block; color:#F0CB7D; position:relative;}
.navbar-awards li a:hover { color:#f1c95a;  } 
.navbar-awards li a:hover:after { position:absolute;left:50%;top:38px; content:' ';margin-left:-5px;
   width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #F0CB7D;}
	
.navbar-awards li.active a { color:#fff; position:relative;} 
.navbar-awards li.active a:after { position:absolute;left:50%;top:38px; content:' ';margin-left:-5px;
   width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;}
	
@media (min-width: 768px) {
.navbar-awards li a {padding:14px 10px ; font-size:16px;}
	}
	
@media (min-width: 1200px) {
.main-nav .container {padding:0 15px;}
 .navbar-awards li a {padding:14px 6px ; font-weight:bold; }

	}
	
	
@media (min-width: 1500px) {
 .navbar-awards li a:hover:after,.navbar-awards li.active a:after {top:42px;}
 .navbar-awards li a {padding:18px 13px ; }
	}		

/*-------page index----------*/

.page-index {}

/*cover*/

.mod-cover {padding:0; position:relative;  }
.mod-cover .bg { position:relative; padding-bottom:150%;height:0; background-image:url(../images/vote/coverbg_xs.jpg); 
background-position:center top;background-repeat:no-repeat; background-size:100%;}
.mod-cover .cover-center {width:98%;margin:0 auto;padding-top:80%;}
.mod-cover .cover-center img {width:100%;height:auto;}
.mod-cover .star { position:absolute;left:0;width:100%;bottom:50px;height:350px;background-image:url(../images/vote/body.gif); background-repeat:repeat; background-size:280px;  }
@media (min-width: 768px) {
.mod-cover .bg { position:relative;padding-bottom:60%; background-size:140%; background-image:url(../images/vote/coverbg.jpg);}
.mod-cover .cover-center {width:60%;padding-top:15%;}
}
@media (min-width: 768px) {
	
}
@media (min-width: 1200px) {
.mod-cover .bg {padding:0;background-size:auto; height:840px;}
.mod-cover .cover-center {width:730px;padding-top:190px;}	
}


/*intro*/

.mod-intro { padding-bottom:20px;}
.mod-intro .mod-title {margin-bottom:20px; }
.mod-intro .btn-wrap { text-align:center; padding:25px 3px 0 3px;}
.mod-intro .btn-wrap a {width:100%;}
.mod-intro .wrap { position:relative;} 

.mod-intro .menu { margin-bottom:20px;}
.mod-intro .menu .nav {}
.mod-intro .menu .nav li {margin-bottom:10px; float:left;width:33.3%;padding:3px;}
.mod-intro .menu .nav li a { padding:8px 0; border-radius:30px;font-size:14px; color:#F0CB7D;border:1px solid #F0CB7D; text-align:center; display:block; overflow:hidden;}
.mod-intro .menu .nav li a:hover,.mod-intro .menu .nav li a:active { background:none;background-color:#F0CB7D;color:#111; }
.mod-intro .menu .nav li.active a {background-color:#F0CB7D;color:#111; font-weight:bold;}

.mod-intro .info { position:relative; padding:0 10px;}
.mod-intro .info .text { line-height:2;font-size:15px; color:#F0CB7D;}
.mod-intro .info .text p {margin-bottom:25px;} 
.mod-intro .info h4 { display:block;color:#fff; font-size:18px; border-left:4px solid #fff; line-height:1.2; padding-left:14px;} 
.mod-intro .info .text-btn {margin-top:20px; overflow:auto;}
.mod-intro .info .text-btn a {font-size:15px; font-weight:bold;background-color: #F0CB7D;margin-right:15px;
    color: #111; border-radius:30px; display:block; float:left;width:130px;height:40px; line-height:40px; text-align:center;}
.mod-intro .info .text-btn a:hover { opacity:0.9}

@media(min-width:768px) {
.mod-intro .mod-title {margin-bottom:50px; }
.mod-intro .menu .nav li {padding:10px;}
.mod-intro .menu .nav li a { font-size:16px;}
.mod-intro .info .text {font-size:16px}	
.mod-intro .info .text-btn a {width:150px;}
} 
@media(min-width:992px) {
.mod-intro .info {height:550px;}
.mod-intro .wrap {border:1px solid #F0CB7D; padding:20px 0; border-radius:0 20px 0 20px; position:relative;}
.mod-intro .wrap:before { position:absolute;content:' ';left:0;top:-2px;width:80%;height:4px; background-color:#000000;}
.mod-intro .wrap:after { position:absolute;content:' ';right:0;bottom:-2px;width:80%;height:4px; background-color:#000000;}
.mod-intro .menu { position:absolute;left:0;top:0;width:250px;} 
.mod-intro .info {  margin-left:320px;height:400px;padding-right:70px;padding-top:30px;}
.mod-intro .menu .nav li {width:auto; float:none; padding:0; margin-bottom:20px;}
.mod-intro .menu .nav li a {  border-radius:0 30px 30px 0; }

}
@media(min-width:1200px) {
.mod-intro .info {height:340px;}
 
} 

/*-live-*/

.mod-live { padding-top:50px;padding-bottom:40px;position:relative; }
.mod-live .wrap {padding-top:30px; }
.live-iframe-wrap { position:relative; text-align:center; border:1px solid #222; background-color: #111;}
.live-iframe-wrap iframe {border:0;background-color: #1a7ab1; height:250px;}
.live-iframe-wrap .img { margin:0 auto; text-align:center;width:95%;height:auto;}
@media (min-width: 768px) {
.mod-live { padding-top:80px;padding-bottom:60px;}	
.mod-live .wrap {padding-top:40px;}
.live-iframe-wrap iframe {height:500px;}
.mod-live .mod-title .right-more a.more-link { width:110px; }
}

@media (min-width: 1200px) {
.live-iframe-wrap iframe {height:600px;}	
}


/*vote*/

.mod-vote { }
.mod-vote .vote-list { padding-top: 40px;}
.each-vote {text-align: left;  position: relative;  margin-bottom:20px;}
.each-vote a { display:block;width:100%;height:100%;background-color:#ecc165; color:#000; border-radius:20px 0 20px 0;
   background-image: url(../images/vote/eachvote.png);background-repeat: no-repeat; background-position: right bottom;  }
.each-vote a:hover { background-color:#f7d488; color:#000;}
.each-vote .vote-bg {padding:25px 20px 15px 20px;position: relative;
  background-image: url(../images/vote/eachvote_star.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 90px;
    transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  }
.each-vote a:hover .vote-bg { background-position: right bottom;}
.each-vote h4 {margin:0;width:80%;overflow:hidden; font-size: 16px;font-weight:normal; line-height: 1.42; height:60px;}
.each-vote p { display:none; opacity:0.5; padding-top:5px;font-size: 10px;padding-bottom:10px;}
.each-vote .link {font-size:12px;  line-height: 24px;width:120px;border-radius:30px; text-align:center; background-color:#000; color:#fff;}

@media(min-width:375px) {
.each-vote h4 {width:75%; font-size: 17px;}	
}
@media(min-width:768px) {
.each-vote { margin-bottom: 30px;}
.each-vote .vote-bg {padding:30px 30px 35px 30px; background-position: right 100px;}
.each-vote a:hover .vote-bg { background-position: right 90px;}
.each-vote h4 {font-size:22px;height:80px; width:100%;}
.each-vote p {font-size:12px; padding-top: 10px; padding-bottom:20px;}
.each-vote .link { font-size:14px; line-height: 36px;width:130px; }
}

@media(min-width:1400px) {
.each-vote {margin:10px; margin-bottom: 30px;background-size:auto;}
}


/*banner*/

.mod-banner {padding-top:0;  }
.review-banner {position: relative;height:300px;width:100%;margin:0 auto;margin-top:50px; }

.review-banner .swiper-button-next,.review-banner .swiper-button-prev {padding:0; opacity:1;  background-size:40%;}
.review-banner .swiper-button-next {right:0;}
.review-banner .swiper-button-prev {left:0;}
.review-banner .swiper-container { width: 100%;height:100%; margin-left: auto; margin-right: auto; }
.review-banner .swiper-slide { background-size: cover; background-position: center;border:1px solid #656565; background-repeat:no-repeat; position:relative;  }

.review-banner .swiper-container.gallery-top {height:78%; width:100%; margin:0 auto;  z-index:1; }
.review-banner .swiper-container.gallery-thumbs { height: 20%; box-sizing: border-box; padding:10px 0; z-index:9;}
.review-banner .gallery-thumbs .swiper-slide { cursor:pointer;height: 100%; opacity: 0.4; border:1px solid #656565; background-size:cover; }
.review-banner .gallery-thumbs .swiper-slide-active {  opacity: 1;}
 
.review-banner .text-wrap { background-color:#000; color:#f0cb7d;padding:10px 15px;right:0;bottom:0;width:70%; text-align:right; position:absolute; }
.review-banner .text-wrap .desc { line-height:1.8; min-height:110px; display:none;}
.review-banner .text-wrap h3 { line-height:1.42; font-size:16px;margin:0;}

@media (min-width:768px) { 

.review-banner { height:550px;}	
.review-banner .swiper-button-next {right:20px; background-size:80%;}
.review-banner .swiper-button-prev {left:20px; background-size:80%;}
.review-banner .swiper-container.gallery-thumbs { padding:20px 0; }
.review-banner .text-wrap {padding:35px 25px 30px 25px;right:80px;bottom:0;width:360px; text-align:left; }
.review-banner .text-wrap h3 {  font-size:22px;margin-bottom:15px;}
}


@media (min-width:1200px) {
.review-banner { height:650px;}	
.review-banner .text-wrap .desc {min-height:150px; }
	}
@media (min-width:1600px) {
.review-banner { height:700px;}		
}

/*news*/

.mod-news {padding-top:0;}
.news-list {padding:0 10px; }
.news-list ul {}
.news-list li { margin-left:-15px; margin-right:-15px; border-bottom:1px dashed #555;}
.news-wrap .col-md-6:last-child li:last-child {border-bottom:0}

.news-list li a {padding: 15px 0; display:block;color:#f0cb7d;  overflow: auto; }
.news-list li a > div {position: relative; min-height: 1px; padding-left: 15px;}
.news-list li .text {float: left; width:60%;}
.news-list li .img {float: left;width:40%;padding-right: 15px;}
.news-list li .img img {width:100%;height:auto;overflow:hidden ; }
.news-list li h3 { margin-top: 0; line-height: 1.42;font-size: 16px; display:block; }
.news-list li .time { display:block;font-size:12px;  opacity:0.3;}
.news-list li p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
 
@media(min-width:768px) {
.news-wrap {padding-top:50px;}
.news-list li {margin-bottom:30px; border-bottom:0;}
.news-list li a { background-color:#f0cb7d; color:#000;}
.news-list li a:hover { background-color:#ecc165; }
.news-list li .text {  width:70%; padding-right:15px;}
.news-list li .img { width:30%;}
.news-list li h3 {padding-top:15px;font-size: 18px; }
.news-list li .time {font-size:14px;}
}

@media(min-width:992px) {
.news-list li h3 {display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;	}
	
}

 

/*----list----*/ 
.mod-winner {padding-top:70px;}
.mod-winner ~ .mod-winner {padding-top:10px;}
.mod-title-awards {font-size:22px;color: #F0CB7D; text-align:center; line-height:1.2;padding:30px 10px; font-weight:normal;}
.mod-title-awards strong { font-weight:normal;}
.award-list {padding:20px 5px;  background-image:url(../images/awards/itembg.png); background-position:center center; background-repeat:repeat;}
.award-list .item { position: relative;color:#fff;line-height:1.8;padding-top:15px;padding-bottom:30px; border-bottom: 1px dotted #695229; font-size:12px;}
.award-list .item img {border-radius:5px;}
.award-list .item .visible-xs {margin-top:20px;}
.award-list .title {color: #F0CB7D;margin-bottom:25px;font-size:18px;}
 .award-list .title i {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/awards/number.png);
}
.award-list .title .num-1 {
    width: 32px;
    height: 34px;
    background-position: 0 0;
}
.award-list .title .num-2{
    width: 32px;
    height: 35px;
    background-position: 0 -34px;
}
.award-list .title .num-3{
    width: 34px;
    height: 36px;
    background-position: 0 -69px;
}
.award-list .title .num-4{
    width: 32px;
    height: 36px;
    background-position: 0 -106px;
}
.award-list .title .num-5{
    width: 33px;
    height: 34px;
    background-position: 0 -143px;
}
.award-list .title .num-6{
    width: 34px;
    height: 35px;
    background-position: 0 -179px;
}
.award-list .title .num-7{
    width: 26px;
    height: 38px;
    background-position: 0 -218px;
}
.award-list .title .num-8{
    width: 32px;
    height: 35px;
    background-position: 0 -259px;
}
.award-list .title .num-9{
    width: 34px;
    height: 35px;
    background-position: 0 -296px;
}
.award-list .title .num-10{
    width: 62px;
    height: 35px;
    background-position: 0 -338px;
}
 
@media (min-width: 768px) {
.award-list .title {font-size:24px;}

.mod-title-awards {font-size:28px; }
.award-list .item {font-size:14px}
} 
@media (min-width: 1200px) {
.award-list {padding:20px 70px; }
.mod-title-awards {font-size:32px; }	
}