/*!
 * 2019 cj modify */

/*-------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:#070222;background-image:url(../images/vote/cover_bg.jpg); background-repeat:repeat-y; background-size:100%; } 
.page-container { position:relative; z-index:1;background-image:url(../images/vote/body.gif); background-repeat:repeat;}


.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: 22px; line-height:50px;letter-spacing:4px; text-align:center; display:block; color:#FAD18D;margin:0; font-weight:bold; 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: 42px;line-height:74px; padding-bottom:6px; letter-spacing: 8px;}
.mod-title { background-image:url(../images/vote/titlebg.png);    background-size:auto; }
}


 
 
/*------header ------*/
 
.header { position:fixed;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; }
}



@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: #FAD18D;
    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:#FAD18D
  }
  .header .navbar-collapse {
    background:rgba(0,0,0,0.7);
    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: none; 
	  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(7,2,34,0.8)
  }
  .header .nav>li>a {
    color: #FAD18D;    
	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 #FAD18D;
  }
  .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 #FAD18D;
  }
  .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:#FAD18D;
    padding: 26px 1px 4px 1px;
    font-size: 16px;  
	    margin: 0 10px;
  }
  .summit-middle {
    left: 50%;
    margin-left: -300px;
    top: 0;    
	z-index: 1;
    position: absolute;
  }
.header .nav>li>a {
    color:#FAD18D;
    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; 
background-image:url(../images/vote/body_bg.jpg); background-repeat:repeat-y; background-size:100%;}

.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; }	
}
 
/*-------page index----------*/

.page-index {}

/*cover*/

.mod-cover {padding:0; position:relative;padding-bottom:150%;height:0; background-image:url(../images/vote/cover_bg.jpg); 
background-position:center top;background-repeat:repeat-y; background-size:100%;  }
.mod-cover .bg-l { position:absolute; background-image:url(../images/vote/cover_left.png); background-size:contain; 
background-position:-120px top;background-repeat:no-repeat; height:100%;width:100%;}
.mod-cover .bg-r { position:relative; background-image:url(../images/vote/cover_right.png); background-size:contain; 
background-position:120px top;background-repeat:no-repeat;height:100%;}
.mod-cover .star { background-image:url(../images/vote/body.gif); background-repeat:repeat;  height:100%;}
.mod-cover .cover-center {width:98%;margin:0 auto;padding-top:25%;max-width:720px; position:relative; z-index:2;}
.mod-cover .cover-center img {width:100%;height:auto;}
.mod-cover .copyright { width:45%;margin:0 auto;max-width:350px;}
.mod-cover .cover-l {width:130px; position:absolute;bottom:0;left:23%; z-index:5;}
.mod-cover .cover-r {width:110px; position:absolute;bottom:0;right:23%; z-index:4;}
.mod-cover .join-btn {width:150px;margin:0 auto; display:none; position:relative; z-index:3;}
.mod-cover .join-btn a { background-color:rgba(0,0,0,0.4); border:2px solid #fff; vertical-align: middle; line-height:38px; display:block; text-align:center;
    border-image:linear-gradient(to left,#f3df52,#b78c25) 2; font-size:16px; color:#FAD18D; box-sizing: border-box; position: relative;}
.mod-cover .join-btn a:hover { background-color:rgba(0,0,0,1);}
.mod-cover .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;
} 
.mod-cover .join-btn a:hover:after{opacity:1}

@media (min-width: 768px) {
.mod-cover { position:relative;padding-bottom:100%; }
.mod-cover .bg-l {background-position:left top;}
.mod-cover .bg-r {background-position:right top;}
.mod-cover .cover-l {width:210px; }
.mod-cover .cover-r {width:150px; }
.mod-cover .cover-center {width:80%;padding-top:10%;}
}
@media (min-width: 992px) {
	.mod-cover {padding-bottom:70%; }
.mod-cover .cover-l {width:250px; bottom:0;left:0;}
.mod-cover .cover-r {width:199px; bottom:0;right:0; }	
}
@media (min-width: 1200px) {
.mod-cover {padding:0; height:760px;}
.mod-cover .cover-l {width:350px; }
.mod-cover .cover-l {width:330px; bottom:0;left:0;}
.mod-cover .cover-r {width:299px; bottom:0;right:0; }
.mod-cover .cover-center {width:690px;padding-top:160px; }	
.mod-cover .join-btn { display:block}	
.mod-cover .copyright { position:absolute;right:20px;top:20px;}
}
@media (min-width: 1500px) {
.mod-cover { height:780px;}
.mod-cover .cover-l {width:390px; }
.mod-cover .cover-center {width:720px;padding-top:170px;}	
}
@media (min-width: 1700px) {
.mod-cover { height:840px;}
.mod-cover .cover-center {padding-top:190px;}
}
/*intro*/

.mod-intro { position:relative;padding-bottom:0;background-image:url(../images/vote/body_bg.png); background-repeat:repeat-x;background-position:left top;}
.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 { float:left;width:33.3%;padding:4px;}
.mod-intro .menu .nav li a { padding:10px 0; font-size:14px; color:#FAD18D;border:1px solid #FAD18D; text-align:center; display:block; overflow:hidden;font-weight:normal;}
.mod-intro .menu .nav li a:hover,.mod-intro .menu .nav li a:active { background:none;background-color:#FAD18D;color:#333; }
.mod-intro .menu .nav li.active a {background-color:#FAD18D;color:#000;  }

.mod-intro .info { position:relative; padding:0 10px;}
.mod-intro .info .text { line-height:2;font-size:15px; color:#FAD18D; text-align:justify;}
.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;} 

@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:18px; }
.mod-intro .info .text {font-size:17px}	
} 
@media(min-width:992px) {
.mod-intro .info {height:550px;}
.mod-intro .menu { position:absolute;left:0;top:0;width:250px;} 
.mod-intro .info {  margin-left:320px;height:400px;padding-right:20px;padding-top:10px;}
.mod-intro .menu .nav li {width:50%; padding:10px;overflow:hidden; }
.mod-intro .menu .nav li a { text-align:center;height:100px; padding:0;padding-top:20px; }

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


/*vote*/

.mod-vote { }
.mod-vote .vote-list { padding-top: 40px;}
.each-vote {text-align: left;height:120px;  position: relative;  margin-bottom:20px;}
.each-vote a { display:block;width:100%;height:100%; color:#FAD18D; border:1px solid #FAD18D;  }
.each-vote .vote-bg {padding:0 20px;position: relative;height:100%;
  background-image: url(../images/vote/eachvote_star.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 80px;
    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 h4 {margin:0;width:80%;  font-size: 16px;font-weight:normal; line-height: 1.42; padding-top:15px;}
.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:90px; text-align:center; background-color:#FAD18D;border:1px solid #FAD18D; 
 color:#000;  position:absolute; left:20px;bottom:15px; }
.each-vote .link .iconfont {margin-right:5px} 
@media(min-width:375px) {
.each-vote h4 {width:75%; font-size: 17px;}	
}
@media(min-width:768px) {
.each-vote { margin-bottom: 30px;height:180px;}
.each-vote .vote-bg {padding:0 30px; background-size: 90px; }

.each-vote h4 {font-size:22px;  width:100%;padding-top:25px;}
.each-vote p {font-size:12px; padding-top: 10px; padding-bottom:20px;}
.each-vote .link { font-size:15px; line-height: 34px;width:120px; left:30px;bottom:20px; }

}
@media(min-width:1200px) {
.each-vote a {background-color:#FAD18D;color:#000; background-image:url(../images/vote/eachvote.png); background-position:right bottom; background-repeat:no-repeat; }
.each-vote .link {border:1px solid #000; background:#000;color:#FAD18D;}	
.each-vote .vote-bg {background-position: right 100px;}
.each-vote a:hover .vote-bg { background-position: right 90px;}
}
@media(min-width:1500px) {
.each-vote {margin:10px; margin-bottom: 30px; }
}



/*banner*/

.mod-banner {padding-top:0; padding-bottom:0; }
.review-banner {position: relative;height:200px;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 #FAD18D; 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 #FAD18D; background-size:cover; }
.review-banner .gallery-thumbs .swiper-slide-active {  opacity: 1;}
 
.review-banner .text-wrap { background-color:rgba(0,0,0,0.8); color:#FAD18D;padding:10px 15px;right:0;bottom:0;width:70%; text-align:right; position:absolute; display:none; }
.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; display:block; }
.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 li { margin-left:-15px; margin-right:-15px; border-bottom:1px dashed #7b5454;padding:15px 0; }
 

.news-list li a { display:block;color:#FAD18D;  overflow: auto; }
.news-list li a > div {position: relative; min-height: 1px; padding-left: 5px;}
.news-list li .text {float: left; width:60%;padding-right:15px;}
.news-list li .img {float: left;width:40%;padding-right: 5px;}
.news-list li .img img {width:100%;height:auto;overflow:hidden ; border:1px solid #FAD18D;  }
.news-list li h3 { margin-top: 0; line-height: 1.42;font-size: 16px;    text-align: justify; display:block; }
.news-list li .time { display:block;font-size:12px;  opacity:0.5;}
.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;  }
 
.news-list li .text {  width:65%; padding-right:15px;}
.news-list li .img { width:35%;}
.news-list li h3 {padding-top:5px;font-size: 20px; }
.news-list li .time {font-size:14px;padding-top:20px;}
}

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

.mod-contact { padding-top:20px; color:#FAD18D;}
.mod-contact .wrap {padding-top:20px}
.mod-contact .wrap .head { font-size:17px;color:#FAD18D; height:48px; line-height:46px; margin-bottom:20px;border-bottom:1px solid #fad18d;
text-align:left; padding-left:5px; font-weight:bold; }

.each-contact { position:relative; padding:0 10px;line-height:1.8;color:#F0CB7D;padding-bottom:20px; text-align:left;}
.each-contact .name { font-size:18px; font-weight:bold; color:#fff;}
.each-contact .desc {padding:10px 0;font-size:15px;}
 

@media (min-width: 768px) {
.mod-contact .wrap {padding-top:30px}
.mod-contact .wrap .head { font-size:20px; height:52px;border-bottom:2px solid #fad18d; line-height:50px; margin-bottom:30px;  }
.each-contact {padding-bottom:30px; }
.each-contact .name { font-size:22px;}
}
@media (min-width: 992px) {
 
.each-contact .desc {padding:20px 0;font-size:16px }

}
 

/*-----page list----*/
.page-list { position:relative}

.mod-brands { padding-top:30px;padding-bottom:0;background-image:url(../images/vote/body_bg.png); 
background-position:left top; background-repeat:repeat-x;}
.mod-brands .brands-ul { overflow:auto;}
.mod-brands .brands-ul li { float:left;width:50%;padding:0 5px; text-align:center;font-size:14px;margin-bottom:10px; overflow:hidden;}
.mod-brands .brands-ul li a { display:block; border:1px solid #FAD18D; color:#FAD18D; padding:4px; }
.mod-brands .brands-ul li a:hover,
.mod-brands .brands-ul li.active a { background-color:#FAD18D;color:#000; font-weight:bold;}
 
@media(min-width:768px) { 
.mod-brands { padding-top:60px;}
.mod-brands .brands-ul li { width:25%;font-size:15px; margin-bottom:15px;  }
.mod-brands .brands-ul li a {height:auto;overflow: hidden;padding:12px 8px; text-overflow:ellipsis;white-space: nowrap; }
}
@media(min-width:1200px) { 
.mod-brands .brands-ul li { padding:0 10px; width:20%;font-size:16px;}
} 
@media(min-width:1500px) { 
.mod-brands .brands-ul li { width:16.6%;}
} 


.mod-list { padding-top:0; padding-bottom: 40px;}
.mod-list .head { padding-top:20px; position:relative; padding-bottom:20px;margin-bottom:30px; color:#FAD18D;text-align:center; background-image:url(../images/vote/titlebg_xs.png); 
background-position:center bottom; background-repeat:no-repeat;    background-size: 100%;}
.mod-list .head h2 { font-weight:bold;font-size:18px; }
.mod-list .head p { }
@media(min-width:768px) { 
.mod-list .head { background-image:url(../images/vote/titlebg.png); padding-top:40px;   background-size:auto; }
.mod-list .head h2 {  font-size:34px; letter-spacing:4px;}
.mod-list .head p {font-size:16px }
}

.mod-list .wrap { overflow:auto;}
.mod-list .each-brand {position: relative;margin-bottom: 10px;padding:8px; float:left;width:50%;}
.mod-list .each-brand > a {color: #000;  display:block; text-align:center;  background-color:#FAD18D; 
transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;}
.mod-list .each-brand .brand-bg { position:relative;padding:20px 10px;}
.mod-list .each-brand .logo { display: table; width: 100px; height:70px; margin: 0 auto; background-color: #fff; overflow: hidden; border: 2px solid #FAD18D; }
.mod-list .each-brand .logo span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; border: 0;}
.mod-list .each-brand .logo span img { width: 100%;height: auto; overflow: hidden;max-height: 65px; border: 0;}
.mod-list .each-brand h2 { font-size:18px; width:100%; margin:0;padding-top:15px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.mod-list .each-brand p { padding-top: 5px; font-size:13px;margin-bottom:10px;}
.mod-list .each-brand .btn-vote {font-size: 12px;line-height: 24px; width: 110px;margin:0 auto; text-align: center; background-color: #000;color:#FAD18D;}
.mod-list .each-brand .btn-vote:hover {color:#fff;}
.mod-list .each-brand .btn-vote.done { color: #ecc165;  background-color: #947b4b;}
.mod-list .each-brand .btn-vote.done:hover {color:#ecc165}
.mod-list .each-brand .btn-modal { display:none;font-size: 14px;line-height: 36px; width: 130px;margin:0 auto; text-align: center; background-color: #000;color:#FAD18D;}
.mod-list .each-brand .btn-modal:hover {color:#fff;}

@media(min-width:414px) {
.mod-list .each-brand .logo {width: 120px; height:84px; }	
.mod-list .each-brand .logo span img {max-height: 80px;}
}
@media(min-width:768px) { 

.mod-list .each-brand {width:33.3%;padding:15px;margin-bottom: 20px;}
.mod-list .each-brand .brand-bg { padding:30px 15px;}
.mod-list .each-brand .logo {width: 135px; height:94px;}
.mod-list .each-brand .logo span img {max-height:90px;}
.mod-list .each-brand p { margin-bottom:15px;}
.mod-list .each-brand .btn-vote { font-size: 14px;line-height: 36px; width: 130px; display:none;} 
.mod-list .each-brand .btn-modal { display:block}
}
@media(min-width:992px) { 
.mod-list .each-brand {width:25%;}
}
@media(min-width:1200px) { 
.mod-list .each-brand {width:20%;}
}
@media(min-width:1500px) { 
.mod-list .each-brand {width:16.6%;}
} 

.modal-wx {text-align:center;} 
.modal-wx .modal-body {padding-bottom:30px;}
.modal-wx p { text-align:center;font-size:16px;margin-bottom:0;}
.modal-wx .img {width:160px;height:160px;margin:20px auto;}
.modal-wx .img > img { display:block;width:100%;height:100%;}
.modal-wx .btn-primary { background:#000;color:#FAD18D;border:1px solid #000;width:160px;padding:8px 0;}
.modal-wx .btn-primary:hover,.modal-wx .btn-primary:active {background:#000;color:#fff;border:1px solid #000;}



/*-----mod-detail----*/

.mod-detail {padding-bottom: 80px;background-image:url(../images/vote/body_bg.png);  background-position:left top; background-repeat:repeat-x; }

.mod-detail .text-wrap { position:relative;padding-top:20px;padding-bottom:40px;}
.mod-detail .top-info { position:relative;background-color:#FAD18D; background-image:url(../images/vote/detail_eachvote.png); 
background-position:right bottom; background-repeat:no-repeat; }
.mod-detail .top-info .brand { position:absolute;left:20px;top:20px; z-index:2;width:120px; height: 90px;border:1px solid #fff; overflow:hidden; background-color:#fff;  }
.mod-detail .top-info .brand div {width:100%; display:table;    height: 100%;}
.mod-detail .top-info .brand span {display: table-cell;width: 100%;height: 100%; vertical-align: middle;}
.mod-detail .top-info .brand img {width: 100%; height: auto; overflow: hidden;}
.mod-detail .top-info .info {padding-left:160px; padding-right:20px; position:relative;padding-bottom:100px; color:#000;}
.mod-detail .top-info .info h3 { font-size:20px;margin:0;  padding-top:25px;font-weight:bold;}
.mod-detail .top-info .info .text { text-align: justify;  font-size:15px;padding-top:10px;}
.mod-detail .top-info .info .text strong {color:#F44336;padding:0 3px;}
.mod-detail .top-info .info .action {float:left;}
.mod-detail .top-info .info .share-div { float:left;}
.mod-detail .top-info .num { position:absolute;right:50px;top:30px;background-image:url(../images/vote/num.png); background-size:cover;
background-position:center; background-repeat:no-repeat;color:#000; text-align:center;width:160px;width:140px;height:140px; display:none; }
.mod-detail .top-info .num strong { display:block; font-size:54px; font-weight:normal; line-height:1.2;padding-top:20px;}
.mod-detail .top-info .num p { font-size:15px; line-height:1.2;}
.mod-detail .top-info .action {  margin-top:55px;  margin-left: -65px;position: absolute; left: 50%;}
.mod-detail .top-info .action .btn-vote { background:#000; color:#fff; font-size:16px; padding:8px 30px; }
.mod-detail .top-info .action .btn-vote:hover {color:#F0CB7D;} 
.mod-detail .top-info .action .btn-vote.done {    color: #ecc165;  background-color: #947b4b;}
.mod-detail .top-info .action .btn-modal { background:#000; color:#fff; font-size:16px;padding:10px 40px;display:none;font-weight:bold; }
.mod-detail .top-info .action .btn-modal:hover {color:#F0CB7D;} 
		
.mod-detail .detail-info { padding:30px 5px;    }
.mod-detail .detail-info .wrap {color:#F0CB7D; font-size:14px; line-height:1.6;text-align: justify;}
.mod-detail .detail-info .wrap p {margin-bottom:25px;}
.mod-detail .bottom { text-align:center;padding-right:15px; }
.mod-detail .bottom .btn { border:1px solid #F0CB7D; color:#F0CB7D; font-size:15px;  border-radius:30px; margin-right:10px; padding:6px 15px;}
.mod-detail .share-div {margin-left:180px; display:none}

@media(min-width:768px) { 
.mod-detail .text-wrap { padding-top:40px}
.mod-detail .top-info {border-radius:15px;height:200px; }
.mod-detail .top-info .num {right:20px;top:30px; display:block }
.mod-detail .top-info .brand {width:180px;left:30px;top:30px; height:130px;}
.mod-detail .top-info .info {padding-left:250px; padding-right:200px; }
.mod-detail .top-info .info h3 { font-size:24px;  padding-top:35px;}
.mod-detail .top-info .action {margin:0; left:auto; margin-top:30px; position:relative; }
.mod-detail .top-info .info .text { font-size:16px; text-align:left;}
.mod-detail .detail-info { padding:50px 10px;}
.mod-detail .detail-info .wrap {  font-size:16px; line-height:1.8;}
.mod-detail .top-info .action .btn-vote { display:none;}
.mod-detail .bottom {float:left;}
.mod-detail .bottom .btn {font-size:16px;  padding:12px 25px; }
.mod-detail .share-div { display:block}
.mod-detail .top-info .action .btn-modal { display:block}
}
@media(min-width:1200px) { 
.mod-detail .top-info .num {right:50px;top:30px; }
}

.mod-detail .bdshare-button-style1-16 a {margin:0;margin-right:20px; border:1px solid #F0CB7D; cursor:pointer; border-radius:40px; 
background-image:url(../images/vote/share.png); display:inline-block;width:50px;height:50px;opacity:1; }
.mod-detail .bdshare-button-style1-16 a:hover { background-color:#fff;  cursor:pointer; opacity:1;}

.mod-detail .bdshare-button-style1-16 .bds_tsina {background-position:-150px -11px;}
.mod-detail .bdshare-button-style1-16 .bds_tsina:hover {background-position: -150px -83px; background-color:#E62F34;border:1px solid #E62F34;}
.mod-detail .bdshare-button-style1-16 .bds_qzone {background-position:-80px -11px;}
.mod-detail .bdshare-button-style1-16 .bds_qzone:hover {background-position: -80px -83px; background-color:#FFCE0B;border:1px solid #FFCE0B;}
.mod-detail .bdshare-button-style1-16 .bds_weixin {background-position:-9px -11px;}
.mod-detail .bdshare-button-style1-16 .bds_weixin:hover {background-position: -9px -83px; background-color:#00B200;border:1px solid #00B200;}
.bd_weixin_popup {
    width: 255px!important;
    height: 335px!important;
}
.bd_weixin_popup .bd_weixin_popup_foot {
    text-align: center!important;
}

.modal-rule {}
.modal-rule h3 { font-size:18px; font-weight:bold; margin:0;padding-bottom:10px;color: #dc9b20;}
.modal-rule .modal-body p { line-height:1.8;margin-bottom:20px; }