/*!
 * 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:#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: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; }
}

.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: -300px;
    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; }	
}
 
/*-------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:80%;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:40%;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:530px;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:#333; }
.mod-intro .menu .nav li.active a {background-color:#F0CB7D;color:#333; 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;} 
@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}	
} 
@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:400px;}
 
} 


/*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; padding-bottom: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;	}
	
}
 
/*contact*/

.mod-contact { padding-top:20px; color:#f0cb7d;}
.mod-contact .wrap {padding-top:20px}
.mod-contact .wrap .head { font-size:17px;color:#F0CB7D; height:38px; line-height:36px; font-weight:100;margin-bottom:20px; border-radius:30px; background-color:#40301c;
text-align:left; padding-left:20px; }

.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;}
.each-contact .pic {width:90px;height:90px;padding:5px;border-radius:10px; position:absolute;right:5px;top:2px; background:#fff; }
.each-contact .pic img { display:block;}

@media (min-width: 768px) {
.mod-contact .wrap {padding-top:30px}
.mod-contact .wrap .head { font-size:20px;height:42px; line-height:40px; margin-bottom:30px;  }
.each-contact {padding-bottom:30px; }
.each-contact .name { font-size:22px;}
}
@media (min-width: 992px) {
.mod-contact .wrap .head { text-align:center;padding-left:0}
.each-contact .pic {width:120px;height:120px;padding:12px;border-radius:7px; background:#fff; }	
.each-contact .desc {padding:20px 0;font-size:16px }

}
@media (min-width: 1200px) {
.each-contact .pic { width:130px;height:130px;right:30px; }	
}


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

.mod-brands { padding-top:30px;padding-bottom:0;}
.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:15px; overflow:hidden;}
.mod-brands .brands-ul li a { display:block; border:1px solid #F0CB7D; color:#F0CB7D; padding:4px; border-radius:6px;}
.mod-brands .brands-ul li.active a { background-color:#F0CB7D;color:#000; font-weight:bold;}
 
@media(min-width:768px) { 
.mod-brands .brands-ul li { width:25%;font-size:15px; margin-bottom:25px;  }
.mod-brands .brands-ul li a {height:auto;overflow: hidden;padding:8px; text-overflow:ellipsis;white-space: nowrap;border-radius:30px;}
}
@media(min-width:1200px) { 
.mod-brands .brands-ul li { padding:0 10px; width:20%;font-size:16px;}
.mod-brands .brands-ul li a { }
} 
@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:50px; position:relative; padding-bottom:20px;margin-bottom:30px; color: #fff;text-align:center; background-image:url(../images/vote/head.png); 
background-position:center bottom; background-repeat:no-repeat;}
.mod-list .head h2 { font-weight:bold;font-size:18px; }
.mod-list .head p { }
@media(min-width:768px) { 
.mod-list .head h2 {  font-size:28px;}
}

.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; border-radius:0 10px 0 10px; background-color: #ecc165;
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 #F5C552; }
.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; border-radius: 30px; text-align: center; background-color: #000;color: #fff;}
.mod-list .each-brand .btn-vote:hover {color:#F0CB7D;}
.mod-list .each-brand .btn-vote.done { color: #ecc165;  background-color: #947b4b;}
.mod-list .each-brand .btn-vote.done:hover {color:#ecc165}
@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;} 
}
@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%;}
} 
 
 
/*-----mod-detail----*/

.mod-detail {padding-bottom: 80px; }
.mod-detail .right-action { top:28px; right:1px;}
.mod-detail .right-action .btn-modal { background-color:#F0CB7D;color:#000; font-size:13px;border-radius:30px;padding:4px 10px;}
@media(min-width:768px) { 
.mod-detail .right-action .btn-modal {font-size:15px; padding:6px 20px;}
}

.mod-detail .text-wrap { position:relative;padding:40px 0;}
.mod-detail .top-info { position:relative;background-color:#F0CB7D; border-radius:20px 20px 0 0;background-image:url(../images/vote/eachvote.png); 
background-position:right bottom; background-repeat:no-repeat;height:200px; }
.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:50px; 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 {   font-size:15px;padding-top:10px;}
.mod-detail .top-info .info .text strong {color:#2272ad;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:45px;  margin-left: -65px;position: absolute; left: 50%;}
.mod-detail .top-info .action .btn-vote { background:#000; color:#fff; font-size:16px; border-radius:30px;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 .detail-info { padding:30px 15px; border:1px solid #F0CB7D; border-radius:0 0 20px 20px; }
.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; }
.mod-detail .bottom .btn { border:1px solid #F0CB7D; color:#F0CB7D; font-size:15px;  border-radius:30px;  padding:6px 15px;}
.mod-detail .share-div {margin-left:180px; display:none}

@media(min-width:768px) { 
.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;}
.mod-detail .detail-info { padding:50px 30px;}
.mod-detail .detail-info .wrap {  font-size:16px; line-height:1.8;}
.mod-detail .top-info .action .btn-vote {padding:10px 40px; font-weight:bold;}
.mod-detail .bottom {float:left;}
.mod-detail .bottom .btn {font-size:16px;  padding:12px 25px; }
.mod-detail .share-div { 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; }