﻿/*公共样式*/
*{margin:0;padding:0;}
body{font-size:12px;font-family:SimSun,Arial,Helvetica,sans-serif;color:#333333;}
ul,dl,ol{ list-style-type: none;}

img{border:none;}
a{color:#434343; text-decoration:none;}
a:hover{ color:#FF6600; text-decoration:underline;}

.t-right{ text-align:right;}
.t-center{ text-align:center;}
.t-left{ text-align:left;}

.ml-10{ margin-left:10px;}
.ml-20{ margin-left:20px;}
.mt-10{ margin-top:10px;}
.mt-20{ margin-top:20px;}
.mr-10{ margin-right:10px;}
.mr-20{ margin-right:20px;}
.mb-10{ margin-bottom:10px;}
.mb-20{ margin-bottom:20px;}

.right{ float:right;}
.left{ float:left;}
.b{ font-weight:bold;}
.n{ font-weight:normal;}
.yh{ font-family:\5FAE\8F6F\96C5\9ED1;}
.red{ color:red;}
.green{ color:green;}
.blue{ color:#04AEDA;}
.clear{ clear:both;}
.none{ display:none;}
/*公共样式*/

body{ background:url(../../images/default/body-bg.jpg) no-repeat top center #E1F1F3;}

/*头部*/
.header{ width:980px; height:185px; margin:0 auto; position:relative;}
.header a{ position:absolute; left:0px; top:30px;}
.header .votetitle{ position:absolute; top:55px; left:345px;}

/*主体*/
.container{ width:980px; margin:0 auto; }
.container-top{ width:980px; height:10px; background:url(../../images/default/container-top.png) no-repeat; overflow:hidden;}  
.container-bottom{width:980px; height:10px; background:url(../../images/default/container-bottom.png) no-repeat; overflow:hidden;}
.container-main{width:980px; min-height:400px; background:url(../../images/default/container-main.png) repeat-y; overflow:hidden; padding:20px 0;}

.container-left{ width:660px; float:left; margin-right:30px;}
.vote-top{ width:630px; height:5px; background:url(../../images/default/vote-top.png) no-repeat; overflow:hidden;}
.vote-main{ width:630px; background:url(../../images/default/vote-main.png) repeat-y; overflow:hidden; min-height:40px;}
.vote-bottom{ width:630px; height:5px; background:url(../../images/default/vote-bottom.png) no-repeat; overflow:hidden;}

/*热门*/
.hot-vote{ width:640px; float:right; position:relative;}
.hot-vote .vote-top,.hot-vote .vote-main,.hot-vote .vote-bottom{ float:right;}
.hot-vote-title{ width:90px; height:36px; background:url(../../images/default/hot-vote-title.png) no-repeat; left:2px; position:absolute; top:8px; font-size:16px; color:#fff; line-height:27px; padding-left:35px; z-index:999;}
.hot-vote-info{ float:left; width:535px;background:url(../../images/default/vote-icon.png) no-repeat left 8px; margin:50px 0px 20px 25px; padding-left:45px; padding-bottom:15px; border-bottom:1px dashed #D4DEDF;}
.hot-vote-info .vote-title{ float:left; width:400px; line-height:20px; font-size:12px; font-weight:bold; color:#333; margin-bottom:10px;}
.hot-vote-info .vote_info{ float:left;}
.hot-vote-info .join_count{ height:40px; background:url(../../images/default/vote-number.jpg) no-repeat left center; line-height:40px; padding-left:25px; font-size:14px; color:#AAAAAA; text-align:right; float:right;}
.hot-vote-info .topic_content{ float:left;}

.vote-time{ height:13px; padding-left:18px; background:url(../../images/default/time.png) no-repeat left center; color:#A5A5A5; line-height:13px;}
.vote-endtime{ color:#B20000; padding-left:20px;}
.hot-vote-info dl{ width:535px; height:40px;}
.hot-vote-info dl dt{ float:left;}
.hot-vote-info dl dd{ height:40px; background:url(../../images/default/vote-number.jpg) no-repeat left center; line-height:40px; padding-left:25px; font-size:14px; color:#AAAAAA; text-align:right; float:right;}
.hot-vote-info dl dd span{ padding-right:5px;}

.vote-options{ width:600px; float:right; padding-top:5px;}
.vote-options ul{ margin-bottom:10px;}
.vote-options li{ height:36px; line-height:36px; position:relative; padding-left:20px; color:#333;}
.vote-options li input{ position:absolute; top:12px; _top:6px; left:0px;}
.vote-options .option{ width:245px; float:left; line-height:36px;}
.vote-options .option-cont{ width:230px; height:20px; float:left; background:url(../../images/default/vote-options-conbg.jpg) repeat-x; margin-top:10px; border-radius:3px; margin-right:5px;}
.vote-options .option-number{ background:url(../../images/default/vote-options-numbg.jpg) repeat-x; height:20px; border-radius:3px 0px 0px 3px; width:0%;}
.vote-options .option-numberall{ border-radius:3px;}
.submit{ display:block; width:100px; height:35px; background:url(../../images/default/sub-btn.png) no-repeat; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:35px; border:none; cursor:pointer; margin-bottom:15px;}
.submithover{ text-decoration:none; background:url(../../images/default/sub-btn-hover.png) no-repeat; color:#fff;}

/*投票列表*/
.votelist{ width:630px; float:right;}
.votelist-list{ height:70px; margin-bottom:20px;}
.votelist-info{ width:535px; height:60px; background:url(../../images/default/vote-icon.png) no-repeat left 18px; margin-left:25px; padding-left:45px;}
.votelist-info dl{ width:535px; height:60px;}
.votelist-info dl dt{ float:left;}
.votelist-info dl dd{ height:60px; background:url(../../images/default/vote-number.jpg) no-repeat left center; line-height:60px; padding-left:25px; font-size:14px; color:#AAAAAA; text-align:right; float:right;}
.votelist-info dl dd span{ padding-right:5px;}
.votelist-info .vote-title{ float:left; width:440px; padding:15px 0; line-height:20px;}

/*推荐投票*/
.container-right{ width:260px; float:left; min-height:200px;}
.recommend{ overflow: hidden; margin-bottom: 20px; }
.recommend .title{ width:230px; height:35px; background:url(../../images/default/recommend-title-bg.jpg) no-repeat; padding-left:30px; line-height:35px; font-size:14px; color:#fff; font-weight: bold;}
.recommendlist{ padding: 10px; padding-top:10px; border:1px solid #E5E5E5; border-top: 0px; border-radius: 0px 0px 3px 3px}
.recommendlist li{ font-size:12px; line-height:28px; padding-left:20px; background:url(../../images/default/index-li-bg.jpg) no-repeat 5px center; height:28px;}

/*分页*/
.vote-page{ width:630px; height:30px; float:right; text-align:center; margin-top:30px; position:relative;}
.vote-inner{ float:left; display:inline;}
.vote-page a{ display:block; width:27px; height:27px; float:left; line-height:27px; text-align:center;font-size:13px; color:#6B6B6B; background:url(../../images/default/page-bg.jpg) no-repeat; margin-right:10px;}
.vote-page a:hover{ background:url(../../images/default/page-hover-bg.jpg) no-repeat; color:#fff; text-decoration:none;}
.vote-page .vote-page-click{ background:url(../../images/default/page-hover-bg.jpg) no-repeat; color:#fff; text-decoration:none;}
.vote-page span{ display:block; width:27px; height:27px; float:left; overflow:hidden; line-height:30px; margin-right:10px;}

/*内页*/
.ny-vote-info{ margin-top:0px;}

/*留言*/
.msg{ width:630px; float:right;}
#msg-title{font-size:18px; color:#00367A; height:60px; line-height:60px;}
#msg-title2{font-size:18px; color:#00367A; height:80px; line-height:80px;}
.msg-info{ margin-top:-20px;}
.msg-container{ overflow:hidden; color:#333;}
.msg-content{ border-bottom:1px dashed #C2C2C2; padding-bottom:15px; margin-top:15px;}
.msg-title{ color:#999999;}
.msg-msginfo{  line-height:20px; color:#333; padding:8px 0; padding-bottom:11px;}
.msg-hf{ line-height:33px; background:#fff; border:1px solid #E2E2E2;}
.msg-hfinner{  line-height:31px; background:#F4F4F4; margin:1px; color:#0DA3DE; padding:0 10px;}

.msg-top{ padding-bottom:50px;}
.msg-from dl{ height:30px; line-height:30px; margin-bottom:15px;}
.msg-from dl dt{ width:60px; float:left; line-height:30px; text-align:right;}
.msg-from dl dd{}
.msg-from dl dd input{ width:158px; height:28px; border:1px solid #E3E3E3; padding:0 10px; line-height:28px;}
.msg-from .msg-fb-tite dd input{ width:418px;}
.msg-fb{ margin-top:30px;}
.msg-fb-info,.msg-yzm{ margin-bottom:15px; float:left; width:100%;}
.msg-fb-info span{ display:block; height:30px; line-height:30px; float:left; text-align:right;}
.msg-fb-info textarea{ width:418px; height:129px; padding:10px;border:1px solid #E3E3E3; font-size:12px; resize:none; float:left; margin-right:20px;}
.msg-yzm img{ float:left; vertical-align:middle; margin-right:5px;}
.msg-yzm span{ display:block;height:30px; line-height:30px; float:left; text-align:right;}
.msg-yzm{line-height:30px;}
.yzm-title{ width:60px;}
.msg-yzm input{ width:158px; height:28px; border:1px solid #E3E3E3; padding:0 10px; line-height:28px; float:left; margin-right:20px;}
.msg-ok{ margin-bottom:15px; float:left; width:100%;}
.msg-ok input{ display:block; width:60px; height:30px;background:#2CA1DE; line-height:30px; text-align:center; font-size:12px; color:#FFFFFF !important; border-radius:3px;-webkit-box-shadow:1px 1px 3px #AFAFAF;-moz-box-shadow:1px 1px 3px #AFAFAF;box-shadow:1px 1px 3px #AFAFAF; margin-left:60px; border:none; cursor:pointer;}
.msg-ok input:hover{ color:#FFF; text-decoration:none; background:#1A90E8; cursor:pointer;}

/*底部*/
.footer{ width:100%; height:100px; background:#2CA1DE; margin-top:30px;}
.foot{ width:980px;line-height:24px; color:#fff;margin:0 auto; text-align:center; padding-top:25px;}

/*2015年2月13日 新增*/
.login-cont{ width:100%; margin-bottom:25px; overflow:hidden;}
.login-cont .btn-login{ display:block; width:125px; height:35px; float:left; background:url(../../images/default/login-btn.png) no-repeat;}
.login-cont .btn-reg{ display:block; width:125px; height:35px; float:right; background:url(../../images/default/reg-btn.png) no-repeat;}
.login-cont .btn-login:hover{  background:url(../../images/default/login-btn-hover.png) no-repeat;}
.login-cont .btn-reg:hover{  background:url(../../images/default/reg-btn-hover.png) no-repeat;}

.login-ok{ width:220px; height:46px; background:url(../../images/default/login-user-bg.png) no-repeat;}
.login-ok{ padding:12px 20px;}
.login-ok p{ line-height:24px;}
.login-ok .wl span{ color:#006699;}
.login-ok .wl a{ color:#f46619; margin-left:20px;}
.login-ok .gocenter a{ color:#f46619;}

.our-info{ margin:0 25px; padding:15px 25px; overflow:hidden; background:#FFFFDB; float:left; display:inline; border:1px solid #F1E1A4; border-radius:5px; color:#996600; line-height:22px; margin-bottom:30px; margin-top:50px;}

.user-pl{ margin:0 25px; margin-bottom:30px;}
.user-pl .title{ font-size:18px; font-family:"微软雅黑"; color:#333; margin-bottom:30px;}
.user-pl .title a{ font-family:"宋体"; font-size:12px; color:#006699; margin-left:20px;}
.user-pl-cont dl{ width:100%; border-bottom:1px solid #E2E2E2; margin-bottom:20px;}
.user-pl-cont dl dt{ width:100%; height:20px; line-height:20px;}
.user-pl-cont dl dt .number{ color:#F46619; display:block; float:left; margin-right:20px;}
.user-pl-cont dl dt .name{ color:#006699; display:block; float:left; margin-right:5px;}
.user-pl-cont dl dt .sf{ color:#999999; display:block; float:left; margin-right:15px;}
.user-pl-cont dl dt .zcl{ display:block; width:5px; height:10px; background:#4496EA; float:left; margin-top:5px;}
.user-pl-cont dl dt .zch{ display:block; width:5px; height:10px; background:#FF534C; float:left; margin-top:5px;}
.user-pl-cont dl dt .time{ color:#999999;}

.user-pl-cont dl dd{ line-height:22px; padding:10px 0; padding-bottom:20px;}

.user-pl-i .title{ margin-bottom:20px;}
.user-pl-i textarea{ width:560px; height:80px; padding:10px; resize:none; border:1px solid #CCCCCC; margin-bottom:25px;}
.user-pl-yzm{ height:35px; overflow:hidden;}
.user-pl-yzm input{ width:80px; height:33px; border:1px solid #CCCCCC; padding:0 10px; line-height:33px\9; float:left; margin-right:20px;}
.user-pl-yzm img{ width:75px; height:35px; float:left;}
.user-pl-yzm a{ display:block; width:100px; height:35px; background:url(../../images/default/sub-btn.png) no-repeat; float:right; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:35px;}
.user-pl-yzm a:hover{ text-decoration:none; background:url(../../images/default/sub-btn-hover.png) no-repeat; color:#fff;}

.goback{ width:600px; height:15px; margin:0 20px; padding-top:10px; margin-bottom:10px;}
.goback span{ float:right;}
.goback span a{ display:block; padding-left:20px; background:url(../../images/default/goback.png) no-repeat left center; color:#006699;}
.descrip{ margin:0 25px; line-height:2; padding:10px 20px; background:#D8EDED; float:left; display:inline; border-radius:5px; border:1px solid #C5DAE5; color:#15466A; margin-top:20px; margin-bottom:30px;}


/*话题相关css*/
.ht-options{ width:578px; margin:0 auto; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.ht-tcont{ width:100%; height:auto; margin-bottom:20px;}
.ht-tcont-top{ width:578px; height:10px; background:url(../../images/default/ht-cont-top.png) no-repeat;}
.ht-tcont-main{ width:578px; background:url(../../images/default/ht-cont-main.png) repeat-y;}
.ht-tcont-bottom{ width:578px; height:24px; background:url(../../images/default/ht-cont-bt.png) no-repeat;}
.ht-sj{ height:55px; overflow:hidden; width:578px;}
.lf-title{ width:70px; height:55px; background:url(../../images/default/lf-icon.png) no-repeat; float:left; text-align:center; line-height:55px; color:#fff; font-size:14px; padding-right:5px;}
.hf-title{ width:70px; height:55px; background:url(../../images/default/hf-icon.png) no-repeat; float:right; text-align:center; line-height:55px; color:#fff; font-size:14px; padding-left:5px;}
.sj-cont{ width:428px; background:#fff; float:left; height:35px; margin-top:11px;}
.lf-s{ width:40%; background:url(../../images/default/lf-t.png) repeat-x; height:100%; float:left; text-align:center; color:#fff; line-height:35px; font-size:14px;}
.hf-s{ width:60%; background:url(../../images/default/hf-t.png) repeat-x; height:100%; float:right; text-align:center; color:#fff; line-height:35px; font-size:14px;}

.ht-tcont-main .inner{ overflow:hidden; width:100%; background:url(../../images/default/tp-vs.png) no-repeat center;}
.ht-tcont-main .lf-info{ width:220px; padding:10px 20px; line-height:2; float:left;}
.ht-tcont-main .hf-info{ width:220px; padding:10px 20px; line-height:2; float:right;}
.ht-tcont-main .lf-btn{ display:block; width:60px; height:25px; text-align:center; line-height:25px; color:#fff; background:#4496EA; border-radius:5px; margin-top:20px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.ht-tcont-main .hf-btn{ display:block; width:60px; height:25px; text-align:center; line-height:25px; color:#fff; background:#FF534C; border-radius:5px; margin-top:20px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}

.ht-tcont-main .lf-btn:hover{ text-decoration:none; color:#fff; background:#3486DE;}
.ht-tcont-main .hf-btn:hover{ text-decoration:none; color:#fff; background:#F23E39;}

/*@yxh*/
.ht-tcont-main .support{ display:block; width:60px; height:25px; text-align:center; line-height:25px; color:#fff; background:grey; border-radius:5px; margin-top:20px;-moz-transition:all .2s .1s ease; -ms-transition:all .2s .1s ease; -o-transition:all .2s .1s ease; -webkit-transition:all .2s .1s ease; transition:all .2s .1s ease;}
.footer .foot a{ color:#fff;}

/*新增*/
.logo{position: absolute; top:10px; left:0px; z-index:99999;}
em,i{ font-style:normal;}
.empty{ color:#333; width:90%; padding:80px 0; text-align:center; font-size:24px; }

/**登录弹窗**/
.login_tc {width: 390px;height: 352px;background: #fff;position: absolute;z-index: 9999;margin: 0 auto;padding-left: 52px;}
.login_t {width: 390px;font-size: 30px;color: #333;margin-top: 20px;font-family: 'Microsoft YaHei', 微软雅黑;}
.login_t span {font-size: 18px;color: #707070;margin-left: 53px;}
.login_t span a {color: #ff4200;margin-left: 5px;}
.login_c {margin-top: 30px;}
.login_c .login_role{ float:left; padding-bottom:10px; padding-left:50px; width:120px; margin:auto;}
.login_c li { float:left; margin-top: 10px;}
.login_c .login_txt {width: 308px;height: 20px;border: 1px solid #DAE2E5;line-height: 20px;padding: 9px 15px;color: #7E7B7B;}
.login_c .login_error{display:none;margin-top: 2px;color: Red; float:left; width:100%; padding-top:10px;}
.login_c .login_last { float:left; margin-top:23px;padding-left:100px;}
.login_tc a.login_btn {display: block; float:left; width:130px;height: 40px;background: #5D9D08;color: #fff;text-align: center;
    line-height: 40px;text-decoration: none;font-size:18px;font-family: 'Microsoft YaHei', 微软雅黑;}
    

/*分页*/
.vote-page{ width:630px; height:30px; float:right; text-align:center; margin-top:30px; position:relative;}
.vote-inner{ float:left; display:inline;}
.vote-page a{ display:block; width:27px; height:27px; float:left; line-height:27px; text-align:center;font-size:13px; color:#6B6B6B; background:url(../../images/default/page-bg.jpg) no-repeat; margin-right:10px;}
.vote-page .act a{  color:#fff; text-decoration:none; background:url(../../images/default/page-hover-bg.jpg) no-repeat;}
.vote-page a:hover{ background:url(../../images/default/page-hover-bg.jpg) no-repeat; color:#fff; text-decoration:none;}
.vote-page .pre a{  color:#6B6B6B; text-decoration:none; background:url(../../images/default/last-page.jpg) no-repeat;}
.vote-page .next a{  color:#6B6B6B; text-decoration:none; background:url(../../images/default/next-page.jpg) no-repeat;}
.vote-page .pre.act a{  color:#6B6B6B; text-decoration:none; background:url(../../images/default/last-page.jpg) no-repeat;}
.vote-page .next.act a{  color:#6B6B6B; text-decoration:none; background:url(../../images/default/next-page.jpg) no-repeat;}
.vote-page .vote-page-click{ background:url(../images/page-hover-bg.jpg) no-repeat; color:#fff; text-decoration:none;}
.vote-page span{ display:block; width:27px; height:27px; float:left; overflow:hidden; line-height:30px; margin-right:10px;}