@charset "utf-8";
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color: transparent;}
body{margin:0; background: #E9EAEC; font-family: "\5FAE\8F6F\96C5\9ED1","Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
a{background-color:transparent;text-decoration:none;color:#333}
a:active,a:hover{outline:0;text-decoration:none}
img{border:0;max-width:100%}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0}
.fl{float:left}
.fr{float:right}
.clear{clear:both;font-size: 0;}

.topicmain{padding:10px;background: #fff; font-size: 12px; width: 300px; margin: 0 auto; box-shadow: 1px 1px 2px #ddd;}
.topic-des{font-size: 12px; color: #333333; line-height: 20px; margin-top: 10px;}

.vs-tg{height: 30px; line-height:30px;background: #FF7373;border-radius: 2px; margin-top:20px; text-align: center;}
.vs-tg a{font-size:16px;color: #fff; display: block;}
.topic-tit{ height:50px;background: url(/statics/images/topic/topic-tit-bg.png) no-repeat 50% 0;-webkit-background-size:75%;-moz-background-size:75%;-o-background-size:75%;  background-size:75%;margin: 20px auto;}

.topic-vs-tit{ background:url(/statics/images/topic/vs.png) no-repeat 49% 28%;height: 110px;width: 300px; margin: 0 auto;}
.topic-vs-tit .vs-tit-yes{background:url(/statics/images/topic/yesno.png) no-repeat; background-size:auto 130px;-moz-background-size:auto 130px;-webkit-background-size:auto 130px;-o-background-size:auto 130px;width: 50%; height: 110px;}
.topic-vs-tit .vs-tit-no{background:url(/statics/images/topic/yesno.png) no-repeat -85px 46px;-webkit-background-size:auto 80px; -moz-background-size:auto 80px;-o-background-size:auto 80px; background-size:auto 80px;width: 50%; height: 110px;}
.topic-vs-con ul{padding: 10px 10px 1px 10px;background:#FF9326;}
.topic-vs-con ul.vs-con-2{background:#2D96FF;}
.topic-vs-con li{margin-bottom: 10px; background:#ffffff;}
.topic-vs-con li .pic{ width: 100px; float: left;}
.topic-vs-con li .pic a{display: block; line-height: 0;}
.topic-vs-con li .text{margin-left: 10px; height: 57px; overflow: hidden; line-height: 18px; float: left;}
.topic-vs-con .none{display: none;}
.topic-vote .vote-tit{width: 78px;border:1px solid #FF9326;  text-align: center; font-size: 16px; position: relative;z-index: 1;}
.topic-vote .vote-name{width: 78px;padding:10px 0;background: #FF9326; color: #fff;}
.topic-vote .vote-num{padding:10px 0;color: #FF9326;}
.topic-vote .per{ position: absolute;top:13px; width: 100%;text-align: center; color: #aaaaaa;}
.topic-vote form{ position: relative; width: 300px; margin: 0 auto;}
.topic-vote .vote-count{margin-bottom: 20px;}
.topic-vote .vote-no .vote-tit{border:1px solid #2D96FF;}
.topic-vote .vote-no .vote-name{background: #2D96FF;}
.topic-vote .vote-no .vote-num{color:#2D96FF; }
.topic-vote .perline{width: 140px;height: 6px;background: #ccc;margin-top: 36px;}
			.yesperline{background:#FF9326; height: 6px;}
			.noperline{background:#2D96FF; height: 6px;}
.vote-submit{width: 100%; text-align: center;}
.vote-submit button{height: 30px;padding:0;width: 100px;background: #FF7373; color: #fff;border:0; border-radius: 3px;}

.topic-comment .topic-tit{background-position: 50% 33%;}
.topic-comment li{margin-bottom:20px;}
.topic-comment li .mepic{text-align: center;}
.topic-comment li .mepic img{ border-radius: 100%; width:100px;}
.topic-comment li .mename{font-size: 20px;text-align: center;margin: 10px auto;}
.topic-comment li .medp{color: #666666;}

.topic-summary .topic-tit{background-position: 50% 69%;}
.topic-summary .summary-des{border:1px dotted #FFB9B9; background:#EEEEEE; padding: 20px; color: #FF5353;}
.fm-comment .topic-tit{background-position: 50% 100%;}
@media screen and (min-width:480px){
.topicmain{padding:20px; width: 440px; font-size: 14px;}
.topic-des{font-size: 14px; line-height: 24px;}
.topic-vs{margin-top: 20px;}
.topic-vs-con li{margin-bottom: 20px;}
.topic-vs-con li .pic{width: 150px;}
.topic-vs-con ul{padding:20px 20px 1px 20px;}
.topic-vs-con li .text{width: 230px; line-height: 26px; height: 86px; font-size: 16px;}
.vs-tg{height: 46px; line-height: 46px;}
.vs-tg a{font-size: 20px;}
.topic-tit{-webkit-background-size:66%;-moz-background-size:66%;-o-background-size:66%;background-size: 66%;-ms-behavior: url(backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc);}
.topic-vote form{width: 400px;}
.topic-vote .perline{width: 240px;}
.topic-vote .per{top: 8px;}
.vote-submit button{height: 46px; line-height: 46px;}
.topic-comment li .medp{font-size: 14px;}
.topic-comment ul{ width: 400px;margin: 0 auto;}
.topic-summary .topic-tit{background-position:50% 67%;}
.fm-comment{padding-bottom: 20px;}
}
@media screen and (min-width:768px){
.topicmain{width: 708px;padding: 20px 30px;}
.topic-tit{height: 64px;-webkit-background-size:53%;-moz-background-size:53%;-o-background-size:53%;background-size: 53%;margin: 30px auto;}
.topic-comment ul{width: 708px;}
.topic-comment li{width: 344px; float: left;}
.topic-comment li:nth-child(2n+0){float: right;}
.topic-comment li .medp{ height: 120px; overflow: hidden;}
.vote-submit{margin-top: 30px;}
.vote-submit button{font-size: 20px; width: 200px;}
.topic-vs-con li .text{width: 490px;line-height:30px;}
}
@media screen and (min-width:1024px){
body{background: #333333;}
.topicmain{width: 100%;padding: 0; background: #111111;}
.topic-bg{background:url(/statics/images/topic/banner-bg.jpg) no-repeat 50% 0 #111111;
	-webkit-background-size:1440px auto; -moz-background-size:1440px auto; -o-background-size:1440px auto; background-size: 1440px auto;
	-ms-behavior: url(backgroundsize.min.htc);
	behavior: url(backgroundsize.min.htc);
}
.topic-back{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#111111,endColorStr=#333333); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #111111,  #333333);        /* IE 10 */
background:-moz-linear-gradient(top,#111111,#333333);/*火狐*/ 
background:-webkit-gradient(linear, 0% 30%, 0% 100%,from(#111111), to(#333333));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#111111), to(#333333));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #fff, ##333333);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #fff, ##333333);  /*Opera 11.10+*/}
.topic-banner{width: 700px; margin: 0 auto; padding-top:30px;}
.topic-des{width: 700px;margin: 0 auto;}
.topic-vs-tit{visibility:hidden;}
.topic-vs-con{ width: 1000px; min-height:260px;margin: 88px auto 0 auto;}
.topic-vs-con .none{display: block;}
.topic-vs-con ul{float: left; width: 50%; background: none; padding: 0; position: relative;}
.topic-vs-con li{background: none; position: absolute; right: 30px;}
.topic-vs-con li .pic{width: 90px;}
.topic-vs-con li .text{font-size: 15px;width: 207px; line-height:28px; height: 60px;}
.topic-vs-con li .text a{color: #FFCC99;}
.topic-vs-con ul.vs-con-1{min-height: 240px;}
.topic-vs-con ul.vs-con-1 .y2{right: 110px; top:100px;}
.topic-vs-con ul.vs-con-1 .y3{right: 180px; top:200px;}
.topic-vs-con ul.vs-con-2{background: none; float: right; min-height: 240px;}
.topic-vs-con ul.vs-con-2 li .pic{float: right;}
.topic-vs-con ul.vs-con-2 li .text{float: right; margin-left: 0;margin-right: 10px;}
.topic-vs-con ul.vs-con-2 li .text a{color: #2C96FF;}
.topic-vs-con ul.vs-con-2 .n1{right: 220px; top:0;}
.topic-vs-con ul.vs-con-2 .n2{right: 170px; top:100px;}
.topic-vs-con ul.vs-con-2 .n3{right: 100px; top:200px;}
.topic-vs-con ul.vs-con-2 .nx{position: static;margin-top: 300px; margin-right: 70px;}
.vs-tg{width: 600px; margin:20px auto;}
.topic-tit{-webkit-background-size:35%;-moz-background-size:35%;-o-background-size:35%;background-size: 35%;}
.topic-summary .summary-des{width:708px; margin: 0 auto;}
.topic-comment li .mename{ color: #fff;}
.topic-comment li .medp{color: #bbb;}
.topic-summary .summary-des{background: none; color: #FFB9B9;}
.topic-vote form{width: 600px;}
.topic-vote .vote-tit{width: 108px;}
.topic-vote .vote-name{width: 108px;}
.topic-vote .vote-tit{font-size: 20px;}
.topic-vote .perline{width: 380px; margin-top: 41px;}
.topic-vote .vote-count{margin-bottom: 30px;}
.fm-comment-des{width: 724px;margin: 0 auto; padding: 10px 10px 10px 26px; background: #fff;border-radius: 2px;}
}
@media screen and (min-width:1280px){
.topic-bg{-webkit-background-size:1600px auto; -moz-background-size:1600px auto; -o-background-size:1600px auto; background-size: 1600px auto;}
.topic-tit { height: 75px; margin: 50px auto;}
.topic-vs-con{margin-top: 120px;}
.topic-summary .summary-des{font-size: 18px; line-height: 30px;}
.topic-des{font-size: 16px; line-height: 28px;}
}
@media screen and (min-width:1360px){
.topic-tit { height: 95px;}
.topic-vs-con ul.vs-con-1 .y2{right: 90px;}
.topic-vs-con ul.vs-con-1 .y3{right: 150px;}
.topic-vs-con ul.vs-con-2 .n2{right: 130px;}
.topic-vs-con ul.vs-con-2 .n3{right: 70px;}
.vs-tg{width: 920px;}
.vs-tg a{font-size: 24px;}
.topic-vote form{width: 800px;}
.topic-vote .vote-tit{width: 198px; font-size: 50px;}
.topic-vote .vote-name{width: 198px;}
.topic-vote .perline{width: 400px; margin-top: 81px;}
.topic-vote .per{top: 50px; font-size: 16px;}
.topic-vote .vote-name input{width: 24px; height: 24px;}
.topic-comment ul{width: 920px;}
.topic-comment li{width: 48%;}
.topic-summary .summary-des{width: 920px;border:2px dotted #FFB9B9;}
.fm-comment-des{width: 920px;}
}
@media screen and (min-width:1440px){
.topic-banner{width: 830px;}
.topic-des{width: 850px; }
}
@media screen and (min-width:1600px){
.topic-bg{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover;}
.topic-des{font-size:18px; line-height: 32px;}
}
@media screen and (min-width:1920px){
.topic-banner{width: 870px;}
.topic-des{width: 870px;font-size: 20px; line-height: 36px;}
.topic-tit{-webkit-background-size:30%;-moz-background-size:30%;-o-background-size:30%;background-size: 30%;}
.topic-vs-con li .text{width: 272px; font-size: 18px;}
.topic-vs-con{width: 1080px; margin-top: 150px;}
.topic-vs-con ul.vs-con-2 .n1{right: 130px;}
.topic-vs-con ul.vs-con-2 .n2{right: 100px;}
.topic-vs-con ul.vs-con-2 .n3{right: 40px;}
}