﻿@charset "utf-8";
/* CSS Document */

/*投票*/
.VotePage{background: url(../images/vote-bg.png) #f2f2f2;background-attachment: fixed;}

.content.VotePage {}
.VotePage .main-con{position:relative;}
.VotePage .bg_l,.VotePage .bg_r{position:absolute;}
.VotePage .bg_l{top: 852px;left: -27px;}
.VotePage .bg_r{right: -22px;top: 2308px;}

.Vote{margin-top:40px;background:#fff;/* border:1px #fdd8d6 dotted; */padding: 40px 42px;box-shadow: 3px 3px 5px rgba(0,0,0,.05);background-color: white;width: inherit;box-sizing: border-box;display: inline-block;width: 100%;}
.Vote .Title i{width:162px;height:60px;display: block;margin: 0 auto;}
.Vote p{text-align: center;line-height: 45px;}
.icon{background: url(../images/ztw-icon.png) no-repeat;}

.VoteList{}
.VoteList .Title i{background-position:-22px -196px;}

.VoteTop{}
.VoteTop .RankBox{}
.VoteTop .RankBox .rank-t{overflow:hidden;width: 100%;border-bottom: 1px #eee solid;padding-bottom: 10px;}

.VoteTop .RankBox .rank-t h1{font-size:26px;font-weight:normal;float: left;}
.VoteTop .RankBox .rank-t .tips{float: right;line-height: 39px;}
.VoteTop .RankBox .rank-t .tips i{padding-left:15px;font-style:normal;background-position-y: 6px !important;}
.VoteTop .RankBox .rank-t .tips .jd-wx{background: url(../images/ztw_jd1.jpg) no-repeat;margin-right:10px;}
.VoteTop .RankBox .rank-t .tips .jd-pc{background: url(../images/ztw_jd2.jpg) no-repeat;}
.VoteTop .RankBox .RankList{width: 100%;overflow:hidden;box-sizing: border-box;padding: 25px 15px;position: relative;}
.VoteTop .RankBox .RankList:hover{/*background:#f2eef4;*/}
.VoteTop .RankBox .RankList .xuhao{position:absolute;left: 175px;width: 34px;height: 28px;top: 15px;line-height: 28px;text-align: center;background-position: -160px -25px;}
.VoteTop dl dd:nth-of-type(1) .xuhao{background-position: -21px -25px !important;color:#fff;}
.VoteTop dl dd:nth-of-type(2) .xuhao{background-position: -67px -25px !important;color:#fff;}
.VoteTop dl dd:nth-of-type(3) .xuhao{background-position: -113px -25px !important;color:#fff;}
.VoteTop .RankBox .RankList .RankLogo{width:180px;height:75px;float:left;border:1px #e5e5e5 dotted;margin-right: 25px;box-sizing: border-box;overflow: hidden;}
.VoteTop .RankBox .RankList .RankLogo img{width:100%;}
.VoteTop dl dd:nth-child(2n-1){background: #f7f4f8;}

.VoteTop .RankBox .RankList .RankM{float:left;position: relative;width: 580px;margin-top: 5px;}
.VoteTop .RankBox .RankList .RankM .RankName{width: 50%;overflow: hidden;float: left;}
.VoteTop .RankBox .RankList .RankM .RankName a{display:block;float:left;}
.VoteTop .RankBox .RankList .RankM .RankName .JM{border: 1px #ddd solid;border-radius: 8px;width: 35px;text-align: center;line-height: 14px;color: #ccc;margin: 5px 0 0 15px;}
.VoteTop .RankBox .RankList .RankM .PS{float:right;color:#ccc;line-height: 24px;}
.VoteTop .RankBox .RankList .RankM .PS span{margin-left:15px;}
.zhutu{overflow:hidden;width: 100%;margin-top: 10px;display: inline-block;}
.zhutu div{height:3px;width:100%;margin: 10px 0 0;}
.zhutu span{display: block;height: 3px;}
.zhutu .wxtu{background: #ebf6fd;}
.zhutu .wxtu span{background: #6bb3e8;}
.zhutu .pctu{background:#ffe5e5;}
.zhutu .pctu span{background:#fe9b9c;}

.VoteTop .RankBox .RankList .RankR{float:right;width: 75px;}
.VoteTop .RankBox .RankList .RankR h2{font-weight:normal;font-style: italic;text-align: center;}
.VoteTop .RankBox .RankList .RankR a{font-size:14px;background: #ffffff;color: #666;border-radius: 20px;width: 100%;height:25px;display:block;text-align:center;line-height:25px;margin-top: 5px;border: 1px #7d7f82 dotted;}
.VoteTop .RankBox .RankList .RankR a:hover{background: #1375be;color:#fff;border-color:#1375be;}

/*品牌*/
.VoteBrand{min-height: 1072px;padding: 40px 67px;}
.VoteBrand .Title i{background-position: -214px -290px;}
.VoteBrand ul{border-top: 1px #ddd dotted;border-left: 1px #ddd dotted;overflow:hidden;}
.VoteBrand ul li{float:left;width:20%;width: 173px;background: #fff;text-align:center;border-right: 1px #ddd dotted;border-bottom: 1px #ddd dotted;box-sizing: border-box;padding: 25px 25px;*padding: 25px 22px;}
.VoteBrand ul li:hover{background:#f2eef4;}
.VoteBrand ul li .logo{width: 100%;overflow:hidden;margin:0 auto;height: 55px;border-bottom: 1px #eee solid;}
.VoteBrand ul li .logo img{width:100%;}
.VoteBrand ul li h4{line-height:40px;margin: 10px 0;height: 40px;}
.VoteBrand ul li a{color:#333;}
.VoteBrand ul li .btn-vote{position:relative;}
.VoteBrand ul li .btn-vote a{width:100px;height:32px;line-height:32px;background: #fff;border-radius:15px;font-size:16px;margin:0 auto;color: #666;display:block;text-indent: 1em;border: 1px #a1a2a2 dotted;}
.VoteBrand ul li:hover .btn-vote a{background: #cc2721;color:#fff;border-color: #cc2721;}
.VoteBrand ul li:hover .btn-vote a i{background-position: -150px -65px;}
.VoteBrand ul li .btn-vote i{display:block;width: 20px;height: 20px;position:absolute;left: 30px;*left:52px;top: 7px;background-position: -179px -65px;}
.votes{line-height: 15px !important;margin-top: 15px;color: #feaaac;margin-bottom: 5px;}
.votes span{margin-right:5px;font-size:18px;}
.votes-p{line-height: 18px !important;color: #ccc;}

/*评论*/
.PingLun{position:relative;overflow: hidden;margin-top:40px;}
.PingLun .PL-l{width: 240px;position:absolute;top: 30px;}
.PingLun .PL-l .t1,.PingLun .PL-l .t2{position:absolute;}
.PingLun .PL-l .t1{width:91px;height:86px;background-position: -26px -73px;left: 30px;}
.PingLun .PL-l .t2{width:142px;height:57px;background-position: -145px -100px;left: 73px;top: 110px;}
.PL-table{background:#cd2720;padding: 140px 20px 30px;margin-top: 45px;}
.PL-table .rep_pp{width:100%;line-height:30px;height:30px;border:none;}
.rep_rating{margin:20px 0;}
.rep_rating input{margin:0 5px;}
.rep_rating span{color:#fff;margin-right:10px;}
.rep_rating img{width:0;}
.rep_txtare {position:relative;height: 230px;overflow: hidden;background: #fff;}
.rep_txtare textarea{width:100%;height: 210px;padding: 5px;border:none;box-sizing:border-box;resize: none;}
.rep_txtare .fn-left{position:absolute;bottom: 1px;right:10px;}
.btnPostComment{background:#87140f;border:none;color:#fff;width:100%;height:45px;border-radius: 27px;font-size:18px;cursor: pointer;margin-top: 10px;}
.btnPostComment:hover{background:#9e1610;}

.PingLun .PL-con{width:830px;*width:695px;float:right;height: 835px;margin-top: 0;padding-left: 100px;}
.PL-con h1{font-size:20px;line-height: 20px;margin-bottom: 10px;}
.PL-con h1::after{content:'';display:inline-block;height: 7px;background: url(../images/ztw_bg.jpg);width:100%;}
.PL-list{border: 1px #eee solid;overflow: scroll;height:700px;padding:20px;box-sizing: border-box;overflow-x: hidden;}
.PL-list ul li{border-bottom:1px #ddd dotted;background-color: white;padding-bottom: 5px;}
.PL-list .list-n,.PL-list .list-c{text-align:left;line-height: 25px;}
.PL-list .list-n label{color:#999;padding:0 5px;}

.PL-con .tit{position:relative;}
.list-pan{position:absolute;top: 0;right: 0;}
.list-pan a{width:50px;line-height:25px;display:block;float:left;background:#fff;text-align:center;border:1px #fff solid;}
.list-pan a:hover,.list-pan a.select{background: #cd2720;color:#fff;}
.dl_page{color:#999;font-size:14px;margin: 20px auto 5px;width: 100px;text-align: center;background: #f8f8f8;border: 1px #e5e5e5 solid;border-radius: 20px;line-height: 33px;cursor: pointer;padding: 0 10px;}
.dl_page:hover{background: #f3f3f3;}

/* 榜单漂浮导航 */
#top{position: fixed;width: 145px;left: 30px;height: 600px !important;top: 55px;z-index:999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
.izl-rmenu .lg{position:absolute;top:10px;right:10px;}
.izl-rmenu .bangdan{color:#fff;line-height: 70px;text-align: center;background: #c00;font-size: 18px;}
.izl-rmenu{/* border: 1px #ddd solid; */background: #fff;overflow: hidden;}
.izl-rmenu .btn-tp:hover{opacity: 1;}
.izl-rmenu .btn-bangdan{width: 105px;line-height: 28px;font-size: 12px;cursor:pointer;text-align:center;border-bottom: 1px #ddd dotted;}
.izl-rmenu .izl_nav a{display: block;width: 100%;color: #333;font-family:"微软雅黑", "黑体", Arial;transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;}
.izl-rmenu a:hover{color:#c51230;} 
.izl-rmenu .btn-top{margin: 15px auto;color: #fff;text-align: center;overflow: hidden;width: 28px;height: 28px;background-position: -216px -25px;}
.izl-rmenu .btn-top:hover{background-position: -251px -25px;}
.izl-rmenu .izl_nav a.btn-bangdan{ display: inline-block;-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.izl-rmenu .izl_nav a.btn-bangdan:hover{ 
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
}

.izl_nav{border-top:1px dotted #ccc;overflow:hidden;box-sizing: border-box;background: #fff;padding: 5px 10px 0;}

/*专题漂浮导航*/
.gg_left{position: fixed;right: 30px;top:181px;opacity: 0.9;width: 115px;font-size: 16px;text-align: center;line-height: 35px;}
.gg_left:hover{opacity: 1;}
.gg_left ul li{margin-bottom: 10px;border: 2px rgb(246, 246, 246) solid;box-sizing:border-box;}
.gg_left ul li:hover{border:2px #c00 solid !important;}
.gg_left ul li.on{border:2px #222 solid;}
.gg_left ul li a{width:100%;height:100%;display:block;background: #f5f5f5;}
/*.close-ico{color:#ccc;font-family: "微软雅黑";position: absolute;right: 0;bottom: 0;background: #fff;width: 16px;height: 16px;text-align: center;line-height: 16px;border: 1px #ccc dotted;}*/

.ad_box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);z-index:99999;top: 0;}
.ad_gg{width:401px; height:281px;position: relative;left: 30%;top: 30%;}
.ad{width:401px; height:281px;margin:20px auto;}
.ad_time{width:401px; height:281px;padding:5px; position:absolute; top:0; left:0;}
.ad_time span{ font-weight:bold; color:#c00; padding:0 5px;}
.close{ width:47px; height:38px; background:url(../images/close.png) no-repeat center rgba(0,0,0,0.2); position:absolute; top:0; right:0; cursor:pointer;z-index: 9999999;}


/*首页-奖项设置*/
.VoteAward{background:none;box-shadow:none;border:none;width:100%;padding: 20px 0;}
.VoteAward .Title .jxsz{background-position: -20px -265px;width: 173px;height: 63px;}

.AwardList{}
.AwardList ul{margin: 40px auto;overflow: hidden;}
.AwardList ul li{width:189px;height:113px;float:left;font-size:18px;text-align:center;line-height:113px;background: url(../images/ztw-icon.png) no-repeat -304px -25px;margin: 0 30px;}
.AwardList ul li:hover{background-position: -304px -151px;}
.AwardList ul li a{color:#fff;display:block;width:100%;height:100%;}
.AwardList .con-3{width: 747px;}
.AwardList .con-4{}

/*评选方法*/
.Methods{background: #fff;padding: 30px 30px 20px;}
.Methods .Title{border-bottom:1px #ddd solid;overflow:hidden;padding-bottom: 10px;}
.Methods .Title i{width:199px;height:29px;display:block;background-position: -208px -366px;}
.Methods .TextList{margin-top:10px;}
.TextList{}
.TextList p{line-height: 28px;padding-left: 20px;margin-bottom:5px;font-size:14px;background: url(../images/ztw_db.jpg) no-repeat 9px 12px;text-align: left;}
.TextList .red{font-weight:bold;}


/*活动简介*/
.Int-box{}
.Int-box .Title{border-bottom:1px #eee solid;padding-bottom:20px;}
.Int-box .Title .hdjj{background-position: -21px -420px;width: 203px;}
.Int-box .Title .jxsz{background-position: -20px -268px;width: 172px;}
.Methods .Title .pxff{background-position: -271px -419px;width: 172px;height: 60px;padding-bottom: 10px;}

.Int-tt{background: url(../images/int_03.jpg) no-repeat center 115px;width:100%;height: 585px;position: relative;}
.Int-tt .zzdw,.Int-tt .sjdd,.Int-tt .nyjb,.Int-tt .sjjh{background: #f9f9f9;border: 1px #e5e5e5 dashed;position: absolute;padding:15px;box-sizing:border-box;}
.Int-tt .zzdw{width:245px;height: 125px;top: 55px;left: 25px;}
.Int-tt .sjdd{width:186px;height:107px;top: 80px;left: 620px;}
.Int-tt .nyjb{width:415px;height:180px;top: 365px;left: 35px;}
.Int-tt .sjjh{width:305px;height:183px;top: 340px;left: 590px;}
.Int-tt h3{margin-bottom:3px;}
.Int-tt p{line-height:25px;text-align:left;background: url(../images/ztw_red.jpg) no-repeat 5px 12px;padding-left:15px;}
.Int-tt span{line-height: 10px;padding-left: 37px;position: absolute;}

.theme{background: url(../images/int_07.jpg) no-repeat 5px 12px;padding-left:30px;}
.theme h2{border-bottom:1px #fec4a8 solid;padding-bottom:5px;}
.Int-box .text{margin: 20px 0 10px;}
.Int-box .text p{text-align:left;line-height: 35px;font-size: 14px;margin: 0 30px;text-indent: 2em;}
.themelist{margin: 0 30px 15px;}
.themelist p{text-align:left;background: url(../images/ztw_red.jpg) no-repeat 5px 18px;font-size: 16px;font-weight: bold;line-height: 40px;padding-left: 20px;border-bottom: 1px #e5e5e5 dotted;}

.ListAwards{margin: 20px 10px 0;}
.ListAwards h3{/* font-weight:normal; */background:url(../images/int_11.jpg) no-repeat 5px 12px;padding-left: 45px;line-height: 53px;}
.ListAwards ul{overflow:hidden;}
.ListAwards ul li{float:left;background:#eaeaea;margin: 10px 5%;width: 40%;line-height: 35px;text-align: center;font-size: 16px;}
.ListAwards ul li span{font-size:12px;}

#Methods .TextList{margin-top: 20px;}
#Methods .TextList p{line-height: 30px;background: url(../images/ztw_db.jpg) no-repeat 9px 16px;margin: 10px 15px;}