
/*Author:Yangyg QQ:422297784*/
/*topnav*/
.fl { float:left;}
.topnav { position:relative; z-index:3; box-sizing:border-box; min-width:1200px; height:45px!important; line-height:45px; background-color:#060b25!important;}
.topnav .top { margin:0 auto; width:1200px; height:45px; overflow:hidden;}
.topnav .nav a { margin:0 40px 0 0; color:#fff; font-size:14px; line-height:45px; text-decoration:none;}
.topnav .nav .curr,.topnav .nav a:hover { color:#fff;}
.topnav .loginBar { float:right; margin-left:20px; line-height:45px;}
.topnav .loginBar,.topnav .loginBar a { color:#4992f0; font-size:16px;}
.topnav .loginBar .username { float:left; max-width:170px; margin-right:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; color:#fff;}

/*topMenu*/
.area { width:1200px; margin-left:auto; margin-right:auto; }
.ovh { overflow:hidden; }
.topMenu { position:relative; z-index:3; box-sizing:border-box; min-width:1200px; height:95px; background-color:#fff;}
.topMenu .logoVote { float:left; margin-right:30px; width:237px; height:95px; background:url(../image/logo_vote.png) no-repeat 0 50%; }
.topMenu .list { float:left; height:95px;}
.topMenu .list li { float:left; height:95px; list-style:none;}
.topMenu .list li .t { position:relative; float:left; margin:0 15px; line-height:95px; font-size:16px; color:#555; text-decoration:none;}
.topMenu .list li.active .t,.topMenu .list li .t:hover { color:#0063ff; }
.topMenu .list li.active .t:before { position: absolute; left:0; bottom:20px; font-size:0; height:2px; width:100%; line-height:0; content:''; background-color:#0063ff;}
.topMenu .navBar { float:right; padding-top:28px;}
.topMenu .searchBar { position:relative; border-radius:5px; width:290px; height:40px;}
.topMenu .searchBar .txt { box-sizing:border-box; padding-left:35px; height:40px; line-height:38px; border:1px solid #ececec; width:210px; font-size:14px; color:#333; background:url(../image/i_glass_gray.png) no-repeat 10px 50%; outline:none;}
.topMenu .searchBar .btn { position:absolute; top:0; right:0; width:70px; height:40px; border-radius:5px; color:#000; font-size:14px; border:none; outline:none;}
.topMenu.deep { background-color:rgba(0,0,0,.2); border-bottom-color:rgba(255,255,255,.1); }
.topMenu.deep .list li .t{ color:rgba(255,255,255,.8); letter-spacing:2px; }
.topMenu.deep .list li.active .t,.topMenu.deep .list li .t:hover{ color:#fff; }
.topMenu.deep .searchBar { background:rgba(229,229,229,.1); }
.topMenu.deep .searchBar .txt { width:100%; color:#fff; }
.topMenu.deep .searchBar .btn { top:0; right:0; width:50px; height:50px;background:url(../image/i_glass.png) no-repeat 50% 50%; font-size:0;}
.topMenu.deep .searchBar .txt::-webkit-input-placeholder { color:rgba(255,255,255,.6); }
.topMenu.deep .searchBar .txt::-moz-placeholder { color:rgba(255,255,255,.6); }
.topMenu.deep .searchBar .txt:-moz-placeholder { color:rgba(255,255,255,.6); }
.topMenu.deep .searchBar .txt::-ms-input-placeholder { color:rgba(255,255,255,.6); }

/*pageFooter*/
.pageFooter{ clear:both; background:#2d3237; margin-top:30px; padding-top:30px; color:#6b6e81; min-width:1200px; }
.pageFooter .area { margin:0 auto; width:1200px; }
.pageFooter a{ color:#6b6e81; padding-right:20px;}
.pageFooter a:hover{ color:#b2bae1;}
.pageFooter h2{ position:relative; color:#fff; margin:0; padding-bottom:10px; font-size:14px; font-weight:normal;}
.pageFooter h2:before{ position: absolute; left:0; bottom:5px; border-bottom:2px solid #0063FF; content:''; width:40px; font-size:0; line-height:0; height:0;}
.pageFooter .aboutit{  width:520px; float:left; line-height:24px; font-size:14px;}
.pageFooter .friendship{ width:680px; float:left; line-height:24px; font-size:14px;}
.pageFooter .friendship a{ display:inline-block;}
.pageFooter .relief { margin-top:10px; padding:10px; text-align: center; border:1px solid #373E44; line-height:26px;}
.pageFooter .copy {padding:15px 0; text-align:center;line-height:30px; background:#23282d; color:#999;}

/*路演直播*/
.sortType { position:absolute; left:10px; top:10px; padding:0 10px 0 18px; height:28px; line-height:28px; background-color:rgba(0,0,0,.5); color:#fff; }
.sortType:before { position:absolute; left:7px; top:12px; width:5px; height:5px; border-radius:50%; background-color:#4992f0; content:''; }
.roadList li {float:left; overflow:hidden; box-sizing:border-box; margin:0 30px 30px 0; width:380px; height:auto; background-color:#fff; border:1px solid #eee; transition:all .3s; -webkit-transition:all .3s;}
.roadList li:nth-child(3n) { margin-right:0; }
.roadList li .top { display:block; padding:20px 20px 10px; box-sizing:border-box; color:#999; }
.roadList li .top .logo { display:inline-block; margin-right:10px; vertical-align:middle; width:30px; height:30px; border-radius:50%; border:1px solid #eee; }
.roadList li .pic { position:relative; width:100%; height:215px; overflow:hidden;}
.roadList li a { display:block; position:relative; width:100%; height:100%;}
.roadList li .shade{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:51px 62px;}
.roadList li .open {background-image:url(../image/i_lock_open.png);}
.roadList li img { width:100%; height:100%; transition:all .3s; -webkit-transition:all .3s;}
.roadList li .btm {  box-sizing:border-box; position:static; padding:15px; line-height:20px; background-color:#fff;}
.roadList li .btm .t { display:block; overflow:hidden; height:42px; font-size:15px; color:#666;}
.roadList li .btm .t:hover { color:#4784e5; }
.roadList li .btm .t a { height:auto; }
.roadList li .btm .date { color:#999; font-size:12px;}
.roadList li .auditLine { box-sizing:border-box; position:relative; padding-right:70px;}
.roadList li .about { font-size:12px; color:#999; }
.roadList li .audit { position:absolute; right:0; top:3px; padding:2px 5px; border-radius:3px; background-color:#4688f1; color:#fff; font-size:12px; line-height:1; }
.roadList li .state{ position:absolute; right:0; top:0; width:50px; height:50px; background:url(../image/i_state.png) no-repeat;}
.roadList li .s0 { background-position:0 0;}
.roadList li .s1 { background-position:-50px 0;}
.roadList li .s2 { background-position:-100px 0;}
.roadList li .s3 { background-position:0 -50px;}
.roadList li .s4 { background-position:-50px -50px;}
.roadList li .s5 { background-position:-100px -50px;}
.roadList li:hover {/* transform:translateY(-5px); -webkit-transform:translateY(-5px);*/ box-shadow:0 5px 20px rgba(0,0,0,.2)}
.roadList li:hover img {transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

/*stick*/
.stick { display:none; position:fixed; left:50%; bottom:20px; margin-left:660px; padding-top:11px; width:64px; height:32px; text-align:center; background-color:rgba(102,102,102,.4); transition:all .3s; -webkit-transition:all .3s; cursor:pointer;}
.stick i { display:inline-block; vertical-align:top; width:30px; height:30px; background:url(../image/i_top.png) no-repeat 50% 50%;}
.stick:hover { background-color:rgba(102,102,102,.7);}

/*stick*/
.question {position:fixed; bottom:30%; margin-left:85%; width:37px; height:32px; background-position:0 -164px; cursor:pointer;}
.question i { display:inline-block; width:100%; height:100%; background:url(../image/i_t.png) no-repeat 50% 33%;}
.question:hover { background-color:#ddd;}

.ce06868 { color:#ef0404!important;}

/* i-feedback */
.i-feedback .roadTab .t a{padding-left:42px; font-size:18px; background:url(../image/fire.png) no-repeat 0 50%;}
.i-feedback .tBar{ position: relative; margin:20px 0 5px; padding-left:52px; line-height:1; background:url(../image/fire.png) no-repeat 0 50%;}
.i-feedback .tBar .t{ font-size:18px;}
.i-feedback .tBar .tip { margin-top:5px; font-size:14px; color:#999;}
.i-feedback .tBar .more { position:absolute; right:0; top:50%; padding-right:10px; transform:translateY(-50%); font-size:14px; color:#666;}
.i-feedback .tBar .more::after{position: absolute; right: 0; top: 0; font-family: 'simsun'; content: '>'; width: 10px; height: 15px; text-align: right; color:#666; font-weight: bold;}
.i-feedback .tBar .more:hover,.i-feedback .tBar .more:hover::after { color:#0063ff;}
.i-feedback .picBox { padding-top:5px; position:relative; width:100%; }
.i-feedback .picBox img{ width:100%;height:220px;}
.i-feedback .picBox .prev,.i-feedback .picBox .next { position:absolute; top:90px; z-index:2; padding:0 10px; height:40px; line-height:40px; font-size:30px; color:#fff; opacity:.3; background-color:rgba(0,0,0,.3); font-weight:bold; font-family:"simsun"; cursor:pointer;}
.i-feedback .picBox .prev {left:0; border-radius:0 10px 10px 0;}
.i-feedback .picBox .next {right:0; border-radius:10px 0 0 10px;}
.i-feedback .picBox .prev:hover,.i-feedback .picBox .next:hover { opacity:1;}
.i-feedback .picBox .prev:focus,.i-feedback .picBox .next:focus { outline:none;}
.i-feedback .state { position:absolute; right:5px; top:5px; width:50px; height:20px; line-height:18px; border-radius:3px; text-align: center; font-size:12px; letter-spacing:1px; color:#fff;}
.i-feedback .s1 { background-color:#F39800;} /* 预告 */
.i-feedback .s2 { background-color:#F54E4A;}/* 进行中 */
.i-feedback .s3 { background-color:#F54E4A;}/* 回顾 */
.i-feedback .s4 { background-color:#1782E5}/* 回顾 */
.i-feedback .title{ overflow: hidden; margin-top:5px; height:24px; font-weight: normal; font-size:16px; line-height:24px; color:#333;}
.i-feedback .time { font-size:14px; color:#999; line-height:1.5;}
.i-feedback .btm { overflow: hidden;}
.i-feedback .btm .opt{ float:left; width:80px; line-height:36px; font-size:16px; color:#333;}
.i-feedback .btm .opcon {display: block; position: relative; margin-left:80px; padding-left:40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; line-height:36px; color:#666;}
.i-feedback .btm .logo{ position: absolute; left:0; top:0;  width:36px; height:36px; border-radius:50%;}