@charset "utf-8";
/*Author:Yangyg QQ:422297784*/
html{height:100%;}
body{font-family:"microsoft yahei",tahoma,verdana,arial,"simsun"; color:#333; font-size:14px; height:100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,tr,th,td{padding:0; margin:0; word-wrap:break-word; word-break:break-all;}
i,em {font-style:normal; padding:0; margin:0; word-wrap:break-word; word-break:break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block; margin:0; padding:0; *zoom:1;}
address {font-style:normal;}
input[type="button"], input[type="submit"],button{cursor:pointer; outline:none;}
input[type="text"],input[type="password"],textarea,select {outline:none; font-family:"microsoft yahei",tahoma,verdana,arial,"simsun";}
textarea {resize:none; overflow-y:auto;}
table {	border-collapse:collapse; border-spacing:0; border:none;}
ul,ol{list-style:none;}
img {border:none; margin:0; padding:0; vertical-align:top;}
a{text-decoration:none; cursor:pointer; outline:none; color:#333;}
.area {margin-left:auto; margin-right:auto; box-sizing:border-box; width:1200px;}
.rel {position:relative;}
.abs {position:absolute;}
.hand {cursor:pointer;}
[v-cloak] {display: none;}

/*浮动相关*/
.fl{float:left;}
.fr{float:right;}
.cf:after,.cf:before,.clearfix:after,.clearfix:before {content:""; display:table;}
.cf:after,.clearfix:after {clear:both;}

/*超出隐藏*/
.ovh {overflow:hidden; *zoom:1;}
.t-ovh {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/*字体相关*/
.fn {font-weight:normal;}
.fb {font-weight:bold;}
.fy {font-family:"microsoft yahei";}
.f14 {font-size:14px;}

/*对齐方式*/
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}

/*块显示*/
.di {display:inline!important;}
.db {display:block;}
.dib {display:inline-block;}
.dn {display:none;}
[v-cloak] {display:none;}

/*边距*/
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px;}
.mt20 {margin-top:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}

/*滚动条*/
.scrollbar::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.1);}
.scrollbar::-webkit-scrollbar {width:3px; height:30px;}
.scrollbar::-webkit-scrollbar-thumb {background-color:rgba(70,136,241,.8); background-clip:padding-box; min-height:30px; border-radius:3px;}
.scrollbar::-webkit-scrollbar-thumb:hover {background-color:rgba(70,136,241,1)}

/*topNav*/
.topNav {position:relative; z-index:3; box-sizing:border-box; min-width:1200px; background-color:#333;}
.topNav .top {height:40px; overflow:hidden;}
.topNav .nav a {margin:0 40px 0 0; color:#999; font-size:14px; line-height:40px;}
.topNav .nav .curr,.topNav .nav a:hover {color:#fff;}
.topNav .navBar {float:right; margin:6px 0 0 0; height:26px; line-height:26px;}
.topNav .searchBar {float:left; position:relative; box-sizing:border-box; border-radius:3px; width:186px; height:26px; background-color:#fff;}
.topNav .searchBar .txt {box-sizing:border-box; padding:0 0 0 10px; height:26px; line-height:26px; border:none; background:none; width:160px; font-size:12px; color:#333; outline:none;}
.topNav .searchBar .btn {position:absolute; right:0; height:26px; width:26px; background:url(../images/i_glass_gray.png) no-repeat 50% 50%; border:none; outline:none;}
.topNav .loginBar {float:left; margin-left:20px;}
.topNav .loginBar,.topNav .loginBar a {color:#4784e5; font-size:12px;}
.topNav .loginBar .username {float:left; max-width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.topNav .loginBar .gap {margin:0 5px;}

/*mainNav*/
.mainNav {min-width:1200px; background-color:#fff;}
.mainNav .list {height:60px;}
.mainNav .list li {float:left; height:60px;}
.mainNav .list li .logo {float:left; width:192px; height:60px; background:url('../images/logo_lytx.png') no-repeat 0 50%;}
.mainNav .list li.logoVote {float:right; width:226px; height:45px; background:url(../images/logo_vote.png) no-repeat 0 50%;}
.mainNav .list li .t {float:left; margin:0 10px; padding:0 10px; line-height:60px; font-size:16px; color:#555;}
.mainNav .list li .t:hover {border-bottom:2px solid #008df2;}
.mainNav .list li.active .t {color:#116ec4;}

/*roadCol*/
.roadCol {padding:15px 0 60px; min-width:1200px; background:url(../images/bg_b1.jpg) no-repeat 50% 50%; background-size:cover;}
.roadCol .colTop {position:relative; padding:0 275px 15px 0; min-height:50px;}
.roadCol .colTop h1 {font-size:25px; line-height:1.5; color:#fff; font-weight:normal;}
.roadCol .company {display:block; position:absolute; right:0; top:0; box-sizing:border-box; padding-left:60px; max-width:260px; color:#ccc; line-height:1.5;}
.roadCol .company .avatar {position:absolute; left:0; top:0; width:50px; height:50px; border-radius:5px;}
.roadCol .company:hover {color:#fff;}
.roadCol .colBtm {position:relative; padding:10px 10px 0 704px; height:386px; background-color:rgba(255,255,255,.1);}
.roadCol .colBtm .side-l {position:relative; float:left; margin:-10px 20px 0 -704px; width:704px; height:396px;}
.roadCol .colBtm .side-l .videoBox,
.roadCol .colBtm .side-l .pptBox{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:-1;}
.roadCol .colBtm .side-l .pptBox{width:496px}
.roadCol .colBtm .side-l .videoBox{ overflow:hidden;}
.roadCol .colBtm .side-l .tog { position:absolute; right:-33px; top:50%; margin-top:-40px; width:33px; height:86px; cursor:pointer;}
.roadCol .colBtm .side-l .tog.open { display:none; background:url(../images/open_ppt.png) no-repeat}
.roadCol .colBtm .side-l .tog.open_en { display:none; background:url(../images/open_en_ppt.png) no-repeat}
.roadCol .colBtm .side-l .tog.open.show{ display:block;}
.roadCol .colBtm .side-l .pptBox .tog.close { background:url(../images/close_ppt.png) no-repeat}
.roadCol .colBtm .side-l .pptBox .tog.close_en { background:url(../images/close_en_ppt.png) no-repeat}
.roadCol .colBtm .side-l .pptBox.max { position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%;}
.roadCol .colBtm .side-l .pptBox.max .ppt {margin:0 auto!important;}
.roadCol .colBtm .side-l .pptBox .screen { position: absolute; right:10px; top:10px; cursor:pointer;}
.roadCol .colBtm .side-l .pptBox .screen.open{ width:26px; height:26px; background: url(../images/full_true.png) no-repeat}
.roadCol .colBtm .side-l .pptBox .screen.close{ width:48px; height:48px; background: url(../images/full_false.png) no-repeat}
.roadCol .colBtm .side-l .zIndex {z-index:0;}
.roadCol .colBtm .side-l .ppt,.roadCol .colBtm .side-l .video,.roadCol .colBtm .stateBox {width:100%; height:100%;}
.roadCol .colBtm .side-l .videoBox {background-color:#000;}
.roadCol .colBtm .side-l .videoBox.fix{ position: fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10; padding:5px; box-sizing:border-box; width:340px; height:200px; border:1px solid #333; background-color: rgba(0,0,0,.7); box-shadow:0 0 10px rgba(0,0,0,.5); border-radius:3px; animation: videoEnter .2s forwards linear;}
.roadCol .colBtm .side-l .videoBox.fix .close{position: absolute; right:5px; top:5px; width:30px; height:30px; background:url(../images/i_close.png) no-repeat 80% 40% / 14px auto rgba(0,0,0,.5); border-radius:0 0 0 100%; z-index:11; line-height:30px; text-align: center; font-size:16px; color:#eee; font-family: serif; opacity:0; cursor: pointer; transition:all .2s;}
.roadCol .colBtm .side-l .videoBox.fix:hover .close{opacity:1;}
.roadCol .colBtm .side-l .videoBox.fix .close:hover{background-color:rgba(0,0,0,.8);}
.roadCol .colBtm .side-l .videoBox.fix .pic {width:100%; height:100%;}
@keyframes videoEnter{
    0%{ transform: translateY(110%); opacity:0;}
    50%{ opacity:1;}
    100%{transform: translateY(0);}
}
.roadCol .colBtm .side-l .videoBox .pic {width:704px; height:396px;}
.roadCol .colBtm .side-l .codeContain {position:relative; width:704px; height:340px; background:url(../images/code_bg.png) no-repeat;}
.roadCol .colBtm .side-l .codeContain .code{padding:0; position:absolute; top:118px; right:90px; width:110px; height:110px;}
.roadCol .colBtm .side-l .userBar{ position: absolute; left:0; bottom:-50px; font-size:0; width:920px;}
.roadCol .colBtm .side-l .userBar .item{position:relative; margin-right:10px; display:inline-block; vertical-align: middle; width:40px; height:40px; border-radius:50%; cursor:pointer; background:url(../images/avatar.png) no-repeat 50% 50% / cover; box-sizing: border-box; border:1px solid #000;}
.roadCol .colBtm .side-l .userBar .item.active{ border:2px solid #10ff00;}
.roadCol .colBtm .side-l .userBar .item .t{ display: none; position:absolute; left:50%; top:-30px; transform:translateX(-50%); width:300px; text-align:center;}
.roadCol .colBtm .side-l .userBar .item .t:before{ position: absolute; left:50%; bottom:-5px; margin-left:-5px; content:''; border:5px solid transparent; border-top-color:#0063ff; border-bottom:none;}
.roadCol .colBtm .side-l .userBar .item .t i{ display: inline-block; padding:1px 10px 2px; border-radius:20px; background-color:#0063ff; color:#fff; letter-spacing:2px; font-size:12px; line-height:1.5;}
.roadCol .colBtm .side-l .userBar .item:hover .t{ display:inline-block;}
.roadCol .colBtm .tab {position:absolute; top:10px; left:10px; z-index:-1; font-size:0;}
.roadCol .colBtm .tab i {margin-right:10px; display:inline-block; vertical-align:top; width:36px; height:36px; background-repeat:no-repeat; background-position:50% 50%; background-color:rgba(0,0,0,.5); border-radius:50%; cursor:pointer;}
.roadCol .colBtm .tab i.curr,.roadCol .colBtm .tab i.curr:hover {background-color:#f60; cursor:default;}
.roadCol .colBtm .tab i.v {background-image:url(../images/i_video.png)}
.roadCol .colBtm .tab i.p {background-image:url(../images/i_ppt.png)}
.roadCol .colBtm .tab i:hover {background-color:rgba(0,0,0,.6)}
.roadCol .colBtm .state {position:absolute; right:-4px; top:5px; z-index:1; padding-left:10px; padding-top:3px; width:64px; height:27px; line-height:27px; text-align:center; background:url(../images/i_state.png) no-repeat; color:#fff; font-weight:bold; text-shadow:1px 1px 2px #000; letter-spacing:2px;}
.roadCol .colBtm .state.v1 {background-position:0 0;}
.roadCol .colBtm .state.v2 {background-position:0 -30px;}
.roadCol .colBtm .state.v3 {background-position:0 -60px;}
.roadCol .colBtm .play {position:absolute; left:30px; bottom:30px; width:66px; height:40px; border:2px solid #fff; cursor:pointer; border-radius:30px; -webkit-transition:all .3s; transition:all .3s; background:url(../images/i_play.png) no-repeat 50% rgba(0,0,0,0.6);}
.roadCol .colBtm .side-l .play:hover {background-color:#ff6700; border-color:#ff6700;}
.roadCol .roadInfo {height:306px; padding-right:10px; padding-top:15px; overflow:auto;}
.roadCol .roadInfo.showCode {margin-right:80px;}
.roadCol .roadInfo li {overflow:hidden;padding: 0 0 10px 110px;line-height:1.5;color:#fff;}
.roadCol .roadInfo li .t {float:left;width:100px;text-align:right;font-weight:bold;margin-left: -110px;}
.roadCol .roadInfo li i {display: inline-block;padding-right:15px;vertical-align:top;}
.roadCol .roadInfo li.item {padding: 0 0 10px 120px;}
.roadCol .roadInfo li.item .t {position:relative; float: none; display: block; margin-left:-120px; padding-right:20px;}
.roadCol .roadInfo li.item .t .gap{position: absolute; right:-10px; bottom:0;}
.roadCol .roadInfo li.item .opCon{ margin-top:-21px;}
.roadCol .codeBox {position:absolute; color:#fff; right:15px; top:15px; width:86px; text-align:center; line-height:24px;}
.roadCol .codeBox .code {width:76px; height:76px; background:#fff; border-radius:3px; padding:5px;}
/*中英文切换按钮样式*/
.roadCol .colBtm .switchLink {height: 22px;position: absolute;right: 10px;top: 5px;z-index: 1;}
.roadCol .colBtm .switch-s {padding: 0 3px; color: red; background: #FFF; height: 18px; float: left; border: 2px solid #FF0000;}
.roadCol .colBtm .switch-n {padding: 0 3px; color: #fff; background-color: red; height: 18px; float: left; border: 2px solid #FF0000;}

/*视频打点*/
.roadCol .video-slice-div {height: 300px; margin-top: 5px; overflow: hidden;}
.roadCol .video-slice-container {overflow: auto;height: 100%;}
.roadCol .video-slice {position: relative;margin-top: 5px; cursor: pointer; padding-left: 0 !important; padding-bottom: 0 !important;}
.roadCol .video-slice:hover {background-color: #333151;}
.roadCol .video-slice-cover {display: block;float: left;margin-right: 12px;width: 120px;height: 70px;}
.roadCol .video-slice-desc {float: left; padding: 5px 0; width: 270px;}
.roadCol .video-slice-title {font-weight: bolder;font-size: 14px;}
.roadCol .video-slice-keyword {font-size: 12px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.roadCol .video-slice-duration {position: absolute;right: 10px;bottom: 10px;font-size: 12px;background: #32549a;padding: 0px 4px;zoom: .8;border-radius: 2px;}
.roadCol .video-slice.active {background: #333151;}

/*.roadCol .setBar*/
.roadCol .setBar {margin-top:10px; height:40px;}
.roadCol .setBar .btn {position:relative; z-index:1; float:left; padding:0 15px 0 35px; height:40px; line-height:40px; background-color:#4688f1; background-position:8px 50%; background-repeat:no-repeat; border-radius:3px; color:#fff;}
.roadCol .setBar .btn:hover {background-color:#2c6cd1;}
.roadCol .setBar .btn:hover .downBox {display:block;}
.roadCol .setBar .btn.back {background-image:url(../images/i_back.png);}
.roadCol .setBar .btn.ask { background-image:url(../images/i_pop.png);}
.roadCol .setBar .btn.gLogin {background-image:url(../images/i_back.png);}
.roadCol .setBar .btn.activeYunPic {background-image:url(../images/i_back.png);}
.roadCol .setBar .btn.download {margin-right:15px; padding:0; cursor:pointer;}
.roadCol .setBar .btn.download span {display:block; padding:0 15px 0 35px; background:url(../images/i_download.png) no-repeat 8px 50%;}
.roadCol .downBox{display:none; position:absolute; width:235px; top:40px; padding-top:10px; left:0;}
.roadCol .downBox:before{content:""; position:absolute; left:45px; top:-2px; height:0; width:0; border:6px solid transparent; border-bottom-color:#f7f7f7;}
.roadCol .downBox .list{display:block; background:#f7f7f7; border-radius:3px; width:100%; box-shadow:0 5px 15px rgba(45, 50, 55, .2);}
.roadCol .downBox .list li{padding:10px; line-height:1.2; border-bottom:1px solid #ececec;}
.roadCol .downBox .list li a:hover {color:#4688f1;}
.roadCol .shareBar {float:right; padding-top:25px; color:#fff; line-height:30px;}
.roadCol .shareBar .ico {display:inline-block; margin-right:5px; border-radius:50%; vertical-align:middle; width:30px; height:30px; background:url(../images/i_share.png) no-repeat rgba(255,255,255,.1);}
.roadCol .shareBar .qq {background-position:0 0;}
.roadCol .shareBar .qq:hover {background-position:-30px 0; background-color:#12b7f5;}
.roadCol .shareBar .sina {background-position:0 -30px;}
.roadCol .shareBar .sina:hover {background-position:-30px -30px; background-color:#ff5a49;}
.roadCol .shareBar .wx {background-position:0 -60px;}
.roadCol .shareBar .wx:hover {background-position:-30px -60px; background-color:#4abd06;}
.roadCol .shareBar .follow {margin-left:15px; background-position:0 -90px;}
.roadCol .shareBar a:hover .follow,.roadCol .shareBar a .follow.ok {background-position:-30px -90px;}
.roadCol .shareBar a {color:#fff;}
.roadCol .shareBar .like {display:inline-block; margin-right:5px; margin-left: 10px; border-radius:50%; vertical-align:middle; width:30px; height:30px; background:url(../images/i_like.png) no-repeat rgba(255,255,255,.1);}

/*main*/
.main {padding:20px 0; min-width:1200px; background-color:#f5f5f5;}
.main-l{float:left; box-sizing:border-box; width:815px; border:1px solid #eee; background-color:#fff; border-radius:5px;}
.main-r {float:right; width:340px;}

/*roadTab*/
.roadTab {padding-right:10px; position:relative; height:55px; line-height:55px; border-bottom:1px solid #e1e0e0;}
.roadTab .t {position:absolute; left:0; top:0; height:56px; font-size:18px;}
.roadTab .t a {margin-right:35px; padding:0 20px; float:left; height:55px; color:#222;}
.roadTab .t a:last-child {margin-right:0;}
.roadTab .t .curr,.roadTab .t a:hover {border-bottom:1px solid #4285f4; color:#4285f4;}
.minTab {height:35px; line-height:35px;}
.minTab .t {height:36px; font-size:16px;}
.minTab .t a {margin-right:20px; padding:0 10px; height:35px;}
.roadTab .more {float:right; font-size:16px;}
.roadTab .more a {color:#4285f4;}
.roadTab .more .guestLogin {position:relative;}
.roadTab .more .guestLogin:before {position:absolute; left:-25px; top:50%; margin:-10px 0 0; width:19px; height:20px; content:""; background:url(../images/i_user.png) no-repeat; animation:bounce .8s infinite alternate linear; -webkit-animation:bounce .8s infinite alternate linear;}
.tabCon {box-sizing:border-box; padding:20px 10px 10px;}
@keyframes bounce {0% {transform:scale(.8);} 100% {transform:scale(1.1);}}
.queSearch {float:right; position:relative; margin-right:-10px; box-sizing:border-box; padding:5px 25px 5px 10px; width:240px; height:30px; border:1px solid #ddd; border-radius:3px;}
.queSearch .txt {height:100%; width:100%; vertical-align:top; border:none;}
.queSearch .btn {position:absolute; top:50%; right:5px; margin-top:-9px; width:18px; height:18px; background:url(../images/i_glass_gray.png) no-repeat; cursor:pointer;}

/*activeIntro*/
.activeIntro {box-sizing:border-box; padding-right:10px; line-height:1.8; max-height:800px; overflow-y:auto; text-align:justify;word-break: break-word;}
.activeIntro img {max-width:100%;}
.activeIntro p{word-break: break-word;}

/*askBox*/
.askBox .select,.askBox .txt { padding-left:10px; width:240px; height:40px; box-sizing:border-box; font-size:14px; color:#555; background-color:#fff; border:1px solid #ccc; border-radius:5px;}
.askBox .loadTxt { background:url(../images/i_loading.gif) no-repeat 95% #fff !important;}
.askBox .enterBox {position:relative; width:100%;}
.askBox .enterBox textarea {box-sizing:border-box; padding:10px 90px 10px 10px; width:100%; height:90px; border-radius:5px; vertical-align:top; outline:none; border:1px solid #ddd; resize:none; overflow-y:auto;}
.askBox .enterBox textarea[disabled] {background-color:#eee;}
.askBox .enterBox .sub {position:absolute; right:15px; top:15px; width:60px; height:60px; border-radius:5px; background-color:#4688f1; color:#fff!important; text-align:center; border:none; font-size:15px;}
.askBox .enterBox .sub:hover {background-color:#3879e1;}
.askBox .enterBox .textTotal {position:absolute; top:-25px; right:0px; font-size:12px; color:#999;}
.askBox .totalBox {display:none;}
.askBox .totalBox .txt {padding:2px 5px; width:150px; height:30px; line-height:24px; border-color:#ccc;}
.askBox .totalBox .code,
.askBox .totalBox .getCode,
.askBox .totalBox .countDown {margin-left:-1px; margin-right:20px; width:90px; height:30px;}
.askBox .totalBox .getCode,
.askBox .totalBox .countDown {line-height:28px;}
.askBox .btnBox .cancel {display:none; position:absolute; left:370px; top:-36px; color:#666; border-radius:3px; background:#eee; padding:5px 10px;}
.askBox .login-state{position:absolute; left:20px; top:15px;}
.askBox .login-state a{color:#4688f1;}
.expire {padding:57px 30px; background-color:#f5f5f5; line-height:1.5; text-align:center; font-size:16px; color:#f60;}
.expire a {color:#4285f4;}
.expire a:hover {text-decoration:underline;}
.expire .ico {display:inline-block; margin-right:10px; vertical-align:middle; width:22px; height:18px; background:url(../images/i_sigh.png) no-repeat;}

/*互动列表*/
.questBox {max-height:585px; margin:0 -10px; padding:0 10px; overflow-y:auto;}
.queList li {padding:20px 5px 15px; border:1px solid #fff; border-bottom:1px dashed #e5e5e5;}
.queList li:hover {background-color:#f3f6fb; border-bottom-style:solid;}
.queList li .avatar {position:relative; margin-top:20px; width:40px; height:40px; border:1px solid #ccc; display:table-cell; vertical-align:middle; line-height:40px; border-radius:50%; background-color:#ccc;}
.queList li .avatar img {display:inline-block; width:100%; height:100%; border-radius:50%;}
.queList li .avatar i {position:absolute; bottom:0; right:0; width:21px; height:21px; background-repeat:no-repeat;}
.queList li .tBar {line-height:20px;}
.queList li .ask {margin:0 5px; color:#4285f4;}
.queList li .date {margin-left:10px; font-size:12px; color:#999}
.queList li .content {margin-top:5px; display:inline-block; position:relative; padding:10px 15px; line-height:1.8; color:#222;word-break: break-word;}
.queList li .content p{word-break: break-word;}
.queList li .content:before {position:absolute; top:0; width:8px; height:8px; content:''; font-size:0; line-height:0; background-position:0 0; background-repeat:no-repeat;}
.queList li .quest {padding-left:50px;}
.queList li .quest .avatar {float:left; margin-left:-50px;}
.queList li .quest .content {margin-bottom:10px; border-radius:0 10px 10px 10px; background-color:#cdd7e2; color:#333;}
.queList li .quest .content:before {left:-8px; background-image:url(../images/i_arrow1.png);}
.queList li .quest .content.label {color:#f00; background-color:#eee;}
.queList li .quest .content.label:before {background-image:url(../images/i_arrow3.png);}
.queList li .quest .audit {margin-left:5px; color:#f00;}
.queList li .answer {padding-right:50px; text-align:right;}
.queList li .answer .avatar {float:right; margin-right:-50px;}
.queList li .answer .content {border-radius:10px 0 10px 10px; background-color:#4688f1; color:#fff; text-align:left;}
.queList li .answer .content:before {right:-8px; background-image:url(../images/i_arrow2.png);}
.queList li .import .content {color:#f00;}
.queList li em {color:#f00!important;}
.queList li.new { border:1px solid #4688f1; background-color:#ddeafe; border-radius:8px; animation:zoomIn .5s linear; -webkit-animation:zoomIn .5s linear; }
.queList li.new .quest .content { background-color:#fff; }
.queList li.new .quest .content:before {background-image:url(../images/i_arrow4.png);}
#queBox .queList li .content {max-width:60%;}
@keyframes zoomIn {
	0%{
		opacity: 0;
		-webkit-transform: scale3d(0.5, 0.5, 0.5);
		transform: scale3d(0.5, 0.5, 0.5);
	}
	100%{
		opacity:1;
		transform: scale3d(1,1, 1);
	}
}

/*无数据*/
.noData {padding:240px 0 30px; text-align:center; color:#999; background:url(../images/nodata.png) no-repeat 50% 90px;}
.loadMore {display:none; position:absolute; left:0; bottom:50px; z-index:1; width:100%; text-align:center; font-size:0;}
.loadMore .tip {display:inline-block; padding:10px 15px; background-color:rgba(0,0,0,.5); color:#fff; line-height:1; border-radius:20px; font-size:14px;}

/*searchQBox*/
.searchQBox {box-sizing:border-box; padding:20px 0 0 0; margin:0 -10px; background-color:#fff;}
.searchQBox .con {padding-right:10px; max-height:565px; overflow-y:auto;}
.searchQBox .tip {position:absolute; left:0; top:0; box-sizing:border-box; padding:0 10px; width:100%; background-color:#f3f6fc; height:40px; line-height:40px; color:#4688f1;}
.searchQBox .tip .total {margin:0 5px; color:#f60;}
.searchQBox .tip .back {cursor:pointer;}
.searchQBox .tip .back i {font-family:'simsun';}

/*模块*/
.col {box-sizing:border-box; border:1px solid #eee; background-color:#fff; border-radius:5px;}
.colT {padding:17px 10px 18px; height:20px; line-height:20px; border-bottom:1px solid #eee;}
.colT .t {float:left; position:relative; padding-left:15px; font-size:18px; color:#333;}
.colT .back { display:none; float:right; font-size:16px; color:#4688f1;}
.colT .t:before {position:absolute; left:0; top:0; width:4px; height:20px; border-radius:2px; content:''; background-color:#4285f4;}
.col .colCon {padding:10px 5px;}

/*活动嘉宾*/
.guestList {padding:0 10px; max-height:446px; overflow-y:auto;}
.guestList li {padding:15px 0; border-bottom:1px solid #eee; background-color:#fff;}
.guestList li:last-child {border-bottom:none;}
.guestList .top {padding-left:70px; position:relative; min-height:50px;}
.guestList .avatar {position:absolute; left:0; top:0; width:50px; height:50px; border-radius:50%;}
.guestList .info {padding:5px 0; line-height:20px;}
.guestList .intro {position:relative; display:none; margin-top:10px; padding:10px; color:#666; border-radius:5px; background-color:#eee; text-align:justify; line-height:1.5;word-break: break-word;}
.guestList .intro:before{position:absolute; left:15px; top:-8px; content:''; border:8px solid transparent; border-top:none; border-bottom-color:#eee;}
.guestList .info p {word-break:break-word;}

/*议程安排*/
.agendaList {padding:0 10px; max-height:270px; overflow-y:auto;}
.agendaList li{padding:10px; line-height:21px; border-bottom:1px solid #eee;}
.agendaList li p{word-break: break-word;}
.agendaList .date {color:#4688f1;}
.listH {min-height:810px; height:810px;}


/*companyCol*/
.companyCol {padding:60px 0; min-width:1200px; background:-webkit-linear-gradient(90deg, #3d516c, #201e40); background:-o-linear-gradient(90deg, #3d516c, #201e40); background:-moz-linear-gradient(90deg, #3d516c, #201e40); background:linear-gradient(90deg, #3d516c, #201e40);}
.companyCol .picBox {float:right; width:520px; height:280px; position:relative;}
.companyCol .picBox .pic {position:relative; margin:0 auto; width:500px; height:280px; overflow:hidden; background-color:#000;}
.companyCol .picBox .pic .play {position:absolute;left:0; top:0; width:100%; height:100%; background:url(../images/i_play2.png) no-repeat 50% 50% rgba(0,0,0,.3); cursor:pointer; text-indent:-9999px;}
.companyCol .picBox .pic .play:hover {background-color:rgba(0,0,0,0);}
.companyCol .picBox .pic .cover {width:100%; height:100%;}
.companyCol .picBox .title {box-sizing:border-box; padding:5px; position:absolute; left:0; top:280px; width:100%; line-height:1.5; text-align:center; color:#fff;}
.companyCol .intro {position:relative; float:left; width:640px;}
.companyCol .intro .con {height:280px; overflow-y:auto;}
.companyCol .intro .info {padding-right:48px; margin-top:10px; line-height:30px; color:#fff;word-break: break-word; }
.companyCol .intro .info a {color:#fff;}
.companyCol .mainT {position:relative; padding-top:10px; height:36px; font-size:24px; color:#fff; font-weight:normal;}
.companyCol .mainT:before {position:absolute; left:0; top:0; content:'公司简介'; font-size:36px; color:rgba(255,255,255,.04);}
.companyCol .mainT.hj:before {content:'行家介绍'}

/*milieu*/
.milieu {position:relative; min-width:1200px; height:220px; background:-webkit-linear-gradient(90deg, #3d516c, #201e40); background:-o-linear-gradient(90deg, #3d516c, #201e40); background:-moz-linear-gradient(90deg, #3d516c, #201e40); background:linear-gradient(90deg, #3d516c, #201e40);}
.milieu .con {box-sizing:border-box; position:absolute; left:0; top:-15px; padding:15px 0; overflow:hidden; width:100%; height:250px;}
.milieu .list {margin-right:-9999px; height:220px;}
.milieu .list li {float:left; width:390px; height:220px;}
.milieu .list li a {position:relative; display:block; width:100%; height:100%;}
.milieu .list li img {box-sizing:border-box; width:100%; height:100%; transition:all .2s; -webkit-transition:all .2s;}
.milieu .list li .shade {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(29,35,53,.8); transition:all .2s; -webkit-transition:all .2s;}
.milieu .list li .t {position:absolute; left:0; top:50%; margin-top:-20px; width:100%; height:40px; text-align:center;}
.milieu .list li .t span {display:inline-block; box-sizing:border-box; padding:0 20px; border:1px solid rgba(255,255,255,.1); height:40px; line-height:38px; color:#d3d3d3;}
.milieu .list li a:hover {z-index:1;}
.milieu .list li a:hover img {transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); border:3px solid #4285f4;}
.milieu .list li a:hover .shade {opacity:0;}

/*大图预览*/
.lb-data {position:relative; padding:5px 10px; min-height:30px; border-radius:0;}
.lb-data .lb-caption,.lb-data .lb-number {font-size:14px; line-height:30px;}
.lb-data .lb-caption {float:left; overflow:hidden; text-align:left; font-weight:normal; color:#ff0;}
.lb-data .lb-number {position:absolute; left:50%; margin-left:-35px; top:-50px; padding:0; width:70px; text-align:center; color:#fff; background-color:rgba(0,0,0,.5); border-radius:15px;}
.lb-data .lb-close {position:absolute; right:10px;}
.lb-outerContainer {border-radius:0;}
.lightbox .lb-image {border:1px solid #000; border-radius:0;}
.lb-dataContainer {padding:0; background-color:#000;}

/*相关路演*/
.colNav {text-align:center;}
.colNav .t {display:inline-block; position:relative; height:120px; vertical-align:top; line-height:120px; font-size:30px; color:#4688f1;}
.colNav .t:before,.colNav .t:after {position:absolute; top:50%; content:''; font-size:0; width:60px; height:1px; line-height:0; background-color:#4688f1;}
.colNav .t:before {left:-130px;}
.colNav .t:after {right:-130px;}
.roadLive .list li {float:left; overflow:hidden; box-sizing:border-box; margin:0 30px 30px 0; width:370px; height:auto; border:1px solid #eee; transition:all .3s; -webkit-transition:all .3s;}
.roadLive .list li:nth-child(3n) {margin-right:0;}
.roadLive .list li .pic {width:100%; height:215px; overflow:hidden;}
.roadLive .list li a {display:block; position:relative; width:100%; height:100%;}
.roadLive .list li .shade{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:51px 62px;}
.roadLive .list li .open {background-image:url(../images/i_lock_open.png);}
.roadLive .list li img {width:100%; height:100%; transition:all .3s; -webkit-transition:all .3s;}
.roadLive .list li a:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.roadLive .list li .btm { box-sizing:border-box; position:static; padding:15px; line-height:24px; background-color:#fff; color:#333;}
.roadLive .list li .btm .t {display:block; overflow:hidden; height:48px; font-size:16px;}
.roadLive .list li .btm .t:hover {color:#4784e5;}
.roadLive .list li .btm .t a {height:auto;}
.roadLive .list li .btm .date {color:#999; font-size:12px;}
.roadLive .list li .auditLine {box-sizing:border-box; position:relative; padding-right:70px;}
.roadLive .list li .about {font-size:12px; color:#999;}
.roadLive .list 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;}
.roadLive .list li .state{position:absolute; right:0; top:0; width:50px; height:50px; background:url(../images/i_state2.png) no-repeat;}
.roadLive .list li .s0 {background-position:0 0;}
.roadLive .list li .s1 {background-position:-50px 0;}
.roadLive .list li .s2 {background-position:-100px 0;}
.roadLive .list li .s3 {background-position:0 -50px;}
.roadLive .list li .s4 {background-position:-50px -50px;}
.roadLive .list li .s5 {background-position:-100px -50px;}
.roadLive .list li .shareBar {position:absolute; right:0; bottom:2px;}
.roadLive .list li .shareBar .ico {display:inline-block; margin:0 5px 0 0; width:20px; height:20px; cursor:pointer; vertical-align:bottom; border-radius:50%; background:url(../images/i_share2.png) no-repeat;}
.roadLive .list li .shareBar .ico:hover {box-shadow:1px 1px 3px #999;}
.roadLive .list li .shareBar .ico:last-child {margin-right:0;}
.roadLive .list li .shareBar .wx {background-position:0 0;}
.roadLive .list li .shareBar .zone {background-position:0 -30px;}
.roadLive .list li .shareBar .sina {background-position:0 -60px;}
.roadLive .list li .shareBar .follow {background-position:0 -150px; border-radius:0;}
.roadLive .list li .shareBar .wx:hover {background-position:-30px 0;}
.roadLive .list li .shareBar .zone:hover {background-position:-30px -30px;}
.roadLive .list li .shareBar .sina:hover {background-position:-30px -60px;}
.roadLive .list li .shareBar .follow:hover,.roadLive .list li .shareBar .follow.ok {background-position:-30px -150px; box-shadow:none;}
.roadLive .list li:hover {transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 5px 20px rgba(0,0,0,.2)}
.roadLive .more {margin-bottom:30px; display:inline-block; padding:10px 35px; line-height:1; border:1px solid #4285f4; color:#4285f4; border-radius:5px;}
.roadLive .more:hover {background-color:#4285f4; color:#fff;}

/*pageFooter*/
.pageFooter{clear:both; background:#2d3237; 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{color:#fff; margin:0; padding-bottom:10px; font-size:14px; font-weight:normal;}
.pageFooter .aboutit{ width:400px; float:left; line-height:24px;}
.pageFooter .friendship{width:500px; float:left; line-height:24px;   }
.pageFooter .friendship a{display:inline-block;}
.pageFooter .guanzhu{float:right; line-height:24px; width:110px; text-align:center;}
.pageFooter .guanzhu span{display:inline-block; background:#fff; padding:5px; border-radius:3px; line-height:0; text-align:center;}
.pageFooter .guanzhu span img{width:100px; height:auto;}
.pageFooter .relief {float:left;line-height:30px; max-width:960px;}
.pageFooter .copy {padding:15px 0; text-align:center;line-height:30px; background:#23282d; color:#999; margin-top:30px;}

/*IPO Begin*/
.ipoMain {min-width:1200px;}
.ipoMain .main-l{float:left; box-sizing:border-box; width:815px; border:none;}
.ipoMain .main-r {float:right; width:340px; border:none;}
.ipoMain .col {border:none;}
.ipoMain .activeIntro,.ipoMain .activeAgenda {height:auto; max-height:300px;}
.ipo-guestList {height:auto; max-height:811px;}
.roadTab .t .ipo-tb,.roadTab .t .ipo-tb:hover {padding-left:25px; position:relative; color:#333; border-bottom:none; cursor:default;}
.roadTab .t .ipo-tb:before {position:absolute; left:10px; top:18px; width:4px; height:20px; border-radius:2px; content:''; background-color:#4285f4;}
.colT .t.intro {padding-left:25px;}
.colT .t.intro:before {left:0; top:0; width:16px; height:20px; background:url(../images/ipo/i_intro.png) no-repeat;}

/*活动议程*/
.activeAgenda { padding:0 10px; overflow-y:auto;}
.activeAgenda li { position:relative; padding:0 10px 10px 100px; clear:both; border-left:1px solid #ddd; line-height:20px; cursor:default;}
.activeAgenda li:before { position:absolute; left:-4px; top:6px; width:7px; height:7px; border-radius:4px; font-size:0; background-color:#ddd; content:'';}
.activeAgenda li .date {width: 90px; float: left; margin-left: -90px; color:#999;}
.activeAgenda li.no-time:before,.activeAgenda li.no-dot:before { display: none; }
.activeAgenda li.no-time .content {margin-left: -90px;}
.activeAgenda li:hover { color:#000;}
.activeAgenda li:hover .date { color:#666;}
.activeAgenda li:hover:before {background-color:#4688f1;}

/*IPO-图片展示*/
.scenePic {height:250px;}
.scenePic .swiper-container {height:100%;}
.scenePic .next,.scenePic .prev {position:absolute; top:50px; z-index:1; width:25px; height:50px; line-height:50px; cursor:pointer; background-color:rgba(0,0,0,.2); color:#fff; font-size:30px; font-family:"simsun";}
.scenePic .next:hover,.scenePic .prev:hover {background-color:rgba(0,0,0,.7);}
.scenePic .next {right:5px; padding-right:5px; border-radius:25px 0 0 25px; text-align:right;}
.scenePic .prev {left:5px; padding-left:5px; border-radius:0 25px 25px 0; text-align:left;}
.scenePic .swiper-button-disabled {display:none;}
.scenePic li {box-sizing:border-box; padding:0 5px; width:224px; height:230px;}
.scenePic li .pic {width:100%; height:150px; overflow:hidden; border-radius:5px;}
.scenePic li .pic img {width:100%; height:100%; border-radius:5px; transition:all .2s; -webkit-transition:all .2s;}
.scenePic li .pic:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.scenePic li .t {margin-top:5px; padding:0 10px; overflow:hidden; height:60px; line-height:20px;text-align: center;}

/*IPO-公司图片*/
.company-ipo {background:rgba(25,118,210,0.8);}
.milieu-ipo {background:#f5f5f5;}
.milieu-ipo .con {height:300px;}
.milieu-ipo,.milieu-ipo .list,.milieu-ipo .list li {height:270px;overflow:hidden;}
.milieu-ipo .list li .pic {box-sizing:border-box; border-right:1px solid #fff; height:220px; overflow:hidden; font-size:0;}
.milieu-ipo .list li .shade {position:static; height:50px; background-color:#f5f5f5;}
.milieu-ipo .list li .t {position:static; margin-top:0; width:100%; height:50px; text-align:center; overflow:hidden;}
.milieu-ipo .list li .t span {border:none; line-height:50px; color:#333;}
.milieu-ipo .list li a:hover img {border:none;}
.milieu-ipo .list li a:hover .shade {opacity:1; background-color:#ddd;}
.milieu-ipo .list li a:hover .t {font-size:16px;}

/*IPO-table*/
.article-con {padding:20px 0 50px;}
.article-con table {width:100%;}
.article-con th,.article-con td {border:none; padding:5px; height:30px; background-color:#fff;}
.article-con th {background-color:#4688f1; color:#fff;}
.article-con table tr:nth-child(even) td {background-color:#bbdefb;}
.article-con h3,.article-con h4 {color:#333; font-size:14px; padding-bottom:20px;}
.article-con p{padding-bottom:20px; text-indent:2em; line-height:1.8;}

/*IPO-投资要点、危险提示、数据统计*/
.votePoint,.dangerTip,.dataCount {min-width:1200px; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
.votePoint {background-image:url(../images/ipo/bg1.jpg);}
.dangerTip {background-image:url(../images/ipo/bg2.jpg);}
.dataCount {background-image:url(../images/ipo/bg3.jpg);}
.votePoint .colNav .t,.dangerTip .colNav .t,.dataCount .colNav .t {color:#fff;}
.votePoint .article-con,.dangerTip .article-con,.dataCount .article-con {background-color:rgba(255,255,255,.8);}
.hideBox .con {display:none;}
.hideBox .exBar {position:relative; text-indent:0;}
.hideBox .exBar .btn {position:absolute; left:50%; top:0; margin-left:-50px; width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#4688f1; cursor:pointer; border-radius:0 0 10px 10px;}

/*IPO-快捷导航*/
.fastNav {display:none; position:fixed; left:0; top:0; z-index:5; overflow:hidden; width:100%; min-width:1200px; height:50px; line-height:50px; background-color:#4688f1; font-size:0; text-align:center; border-bottom:1px solid #2570e8;}
.fastNav .tag {display:inline-block; vertical-align:middle; height:50px; width:11.1%; cursor:pointer; font-size:14px; color:#fff;}
.fastNav .tag:hover {background-color:#2570e8; color:#fff;}
/*IPO End*/

/*上市仪式 Begin*/
.listingIntro {padding:0 5px 0 10px; max-height:358px; overflow-y:auto; line-height:2;}
.listingAgenda {max-height:358px;}
/*上市仪式 End*/

/*图文直播 Begin*/
.picLive-search {position:absolute; left:445px; top:-63px;}
.picLive-intro {padding:0 5px 0 10px; max-height:234px; overflow-y:auto; line-height:2;word-break: break-word;}
.picLive-agenda {max-height:234px;}
.picLive-guest {max-height:233px;}
.picLive-quest {max-height:697px;}
.liveTab .searchQBox {max-height:720px;}
.picLiveBox {position:relative; box-sizing:border-box; padding:0 10px 0 65px; line-height:1.8; max-height:877px; overflow-y:auto; text-align:justify;}
.picLiveBox .date {position:absolute; left:-86px; top:5px; box-sizing:border-box; padding:8px 0 0; width:50px; height:50px; line-height:1; text-align:center; border-radius:5px; background-color:#4688f1; color:#fff;}
.picLiveBox .date:after {position:absolute; right:-5px; top:20px; width:0; font-size:0; line-height:0; border:5px solid transparent; border-right:none; border-left-color:#4688f1; content:'';}
.picLiveBox .date .month {display:block;}
.picLiveBox .date .day {display:block; font-size:24px;}
.picLiveBox .list {border-left:1px solid #ddd;}
.picLiveBox .list dl {position:relative; padding:10px 10px 0; border:1px solid #e8e8e8; border-radius:5px; margin:0 0 30px 20px; background:#f5f5f5; transition:all .3s; -webkit-transition:all .3s;}
.picLiveBox .list dl:before,.picLiveBox .list dl:after {position:absolute; top:22px; left:-8px; content:''; width:0; height:0; border:8px solid transparent; border-left:none; border-right-color:#ddd;}
.picLiveBox .list dl:after{left:-7px; border-right-color:#f5f5f5;}
.picLiveBox .list dl:hover {border-color:#c9dbf8; background-color:#f2f6fc; box-shadow:5px 5px 10px rgba(193,214,249,.6);}
.picLiveBox .list dl:hover:before {border-right-color:#abc6f1;}
.picLiveBox .list dl:hover:after {border-right-color:#f2f6fc;}
.picLiveBox .list .tBar {position:relative; line-height:40px;}
.picLiveBox .list .tBar:before {position:absolute; left:-36px; top:15px; width:10px; height:10px; border-radius:5px; background-color:#4688f1; font-size:0; content:'';}
.picLiveBox .list .tBar .time {color:#999;}
.picLiveBox .list .tBar .avatar {vertical-align:top; margin:0 5px 0 10px; box-sizing:border-box; width:40px; height:40px; border:1px solid #ccc; border-radius:50%;}
.picLiveBox .list .tBar .name {font-weight:bold; color:#333;}
.picLiveBox .list .say {padding:10px 0; overflow:hidden; line-height:1.8; color:#666; text-align:justify;word-break: break-word;}
.picLiveBox .list .say.label {color:#f00;}
.picLiveBox .list .picList {overflow:hidden;}
.picLiveBox .list .picList li {float:left; padding-bottom:10px; margin-right:8px; width:125px;}
.picLiveBox .list .picList li:last-child {margin-right:0;}
.picLiveBox .list .picList li.only {margin-right:0; width:80%;}
.picLiveBox .list .picList li a {display:block;}
.picLiveBox .list .picList li img {max-width:100%; border-radius:3px;}
/*图文直播 End*/

/*文字说明会Begin*/
.roadCol.word {padding:40px 0; background-image:url('../images/bg_b2.jpg'); color:#fff;}
.roadCol.word .company { top:10px;}
.roadCol.word .colBtm {position:relative; padding:0 260px 0 0; height:auto; background:none;}
.roadCol.word .title span {padding-bottom:5px; font-size:30px; line-height:1.5; font-weight:normal;}
.roadCol.word .state {position:relative; right:auto; top:auto; z-index:1; padding:0; display:inline-block; margin-left:10px; font-weight:normal; vertical-align:text-bottom; border-radius:5px; width:60px; height:28px; line-height:28px; text-align:center; background:none;}
.roadCol.word .state:before { position:absolute; left:-5px; top:9px; width:0; height:0; line-height:0; font-size:0; border:5px solid transparent; border-left:none; content:'';}
.roadCol.word .state.v1 {background-color:#e0a82e;}
.roadCol.word .state.v2 {background-color:#ff5a49;}
.roadCol.word .state.v3 {background-color:#17b3e5;}
.roadCol.word .state.v1:before {border-right-color:#e0a82e;}
.roadCol.word .state.v2:before {border-right-color:#ff5a49;}
.roadCol.word .state.v3:before {border-right-color:#17b3e5;}
.roadCol.word .liveTime { padding:10px 0 5px; line-height:20px;}
.roadCol.word .shareBar { float:none;}
.roadCol.word .setBar { margin-top:5px;}
.roadCol.word .back { margin-left:30px; padding-left:25px; background:url(../images/i_back.png) no-repeat 0 50%;}
/*文字说明会End*/

/*抽签摇号Begin*/
.draw { padding:40px 0; background-color:#4791db;}
.draw .t {line-height:1; text-align:center; font-size:30px; color:#fff;}
.draw .con{ margin-top:30px; line-height:1.5; color:#fff;}
/*抽签摇号End*/

/*集体路演Begin*/
/*最新播报*/
.broadcast { padding-bottom:30px; background-color:#f5f5f5;}
.broadcast .list { padding:0 10px 0 0; overflow-y:auto; max-height:800px;}
.broadcast .list dl { margin-bottom:20px; border:1px solid #ddd; background-color:#fff; border-radius:5px; -webkit-transition:all .3s; transition:all .3s;}
.broadcast .list dt { padding:0 10px; height:40px; line-height:40px; font-weight:bold; background-color:#eee; border-radius:5px 5px 0 0; border:1px solid #f5f5f5; border-bottom-color:#e1e1e1;}
.broadcast .list dd { position:relative; padding:10px; line-height:1.8; box-shadow:inset 0 0 15px rgba(0,0,0,.15); border-radius:0 0 5px 5px;}
.broadcast .list dd:before,.groupCon dd:after { position:absolute; left:30px; top:10px; width:0; height:0; font-size:0; content:''; border:1px solid transparent; border-top:none;}
.broadcast .list dd:before { border-bottom-color:#ddd;}
.broadcast .list dd:after { border-bottom-color:#fff;}
.broadcast .list dl:hover {border-color:#abc6f1; box-shadow:5px 5px 10px rgba(171,203,241,.5);}
.broadcast .list dl:hover dt { background-color:#f2f6fc; border-bottom-color:#c8d8f3;}
.broadcast .list dl:hover dd {box-shadow:none;}

/*互动交流*/
.groupQue { margin-right:-10px; padding-right:10px; max-height:600px; overflow-y:auto;}
.groupAsk .btnBox .cancel { left:870px; top:-32px; background:none;}

/*公司列表*/
.companySearch { box-sizing:border-box; position:absolute; right:0; top:40px; padding:0 10px; width:300px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px; outline:none;}
.companySearch:focus{ border-color:#4688f1; box-shadow:0 0 5px rgba(72,145,239,.7);}
.companyBtn { position:absolute; top:40px; right:0; padding:0; width:40px; height:40px; border:none; cursor:pointer; background:url(../images/i_glass.png) no-repeat;}
.companyBtn:hover { background-position:0 -40px;}
.companyList { overflow:hidden; margin-bottom:30px; padding:10px 0;}
.companyList li { float:left; margin:0 15px 20px 0; box-sizing:border-box; width:154px; border:1px solid #ddd; border-radius:5px; background-color:#fff; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.1);}
.companyList li:nth-child(7n){ margin-right:0px;}
.companyList li a { display:block;}
.companyList li .logo { display:block; margin:20px auto; width:100px; height:100px; border:1px solid #ececec; border-radius:5px;}
.companyList li .t { padding:0 10px; height:40px; line-height:20px;}
.companyList li .t i { display:block;}
.companyList li .btn { display:block; margin:10px auto; width:100px; height:30px; line-height:30px; border-radius:3px; background-color:#fff; border:1px solid #4688f1; color:#4688f1;}
.companyList li.active { box-sizing:border-box; border:1px solid #9ec7fd; box-shadow: 0 0 20px rgba(72,145,239,.9); animation:shadow .5s linear forwards infinite alternate;}
.companyList li.active .btn,.companyList li:hover .btn {background:#4688f1; color:#fff;}
@keyframes shadow{0% {box-shadow: 0 0 20px rgba(72,145,239,.9);}100% {box-shadow:none}}

/*公司列表新增*/
.companyNav { height:160px;}
.companyBar {position:absolute; left:0; top:100px; width:100%; text-align:center;}
.companyBar .companySearch { position:static; box-sizing:border-box; padding:0 10px; width:360px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px; outline:none;}
.companyBar .companySearch:focus{ border-color:#4688f1; box-shadow:0 0 5px rgba(72,145,239,.7);}
.companyBar .companyBtn { position:static; display:inline-block; margin-left:10px; padding:0; vertical-align:top; width:90px; height:40px; border:none; cursor:pointer; border-radius:3px; background:#4688f1; color:#fff; font-size:16px;}
.companyBar .companyBtn:hover { background-position:0 -40px;}
.companyList.new li {position:relative; height:200px;}
.companyList.new li .btn,.companyList.new li.active .btn,.companyList.new li:hover .btn {margin:0 auto 20px; background:#fff; color:#4688f1; border-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.2)}
.companyList.new li .shade { display:none; position:absolute; left:0; top:0; padding:55px 0 0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.5);}
.companyList.new li .btn:hover {background:#4688f1; border-color:#4688f1; color:#fff;}
.companyList.new li:hover .shade{ display:block; border-radius:5px;}

/*navMenu*/
.navMenu { display:none; position:fixed; right:10px; top:50%; margin-top:-145px; padding:60px 10px 20px 20px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; width:118px; background:#fff;}
.navMenu .askBtn { position:absolute; left:10px; top:10px; padding:0 0 0 36px; box-sizing:border-box; width:95px; height:32px; line-height:32px; border-radius:3px; background-color:#4285f4; color:#fff;}
.navMenu .askBtn:before { position:absolute; left:9px; top:9px; content:''; width:18px; height:18px; background:url(../images/ico.png) no-repeat 0 -90px;}
.navMenu .con { border-left:1px solid #666;}
.navMenu .list { margin:0 0 -5px -8px;}
.navMenu .list li {position:relative; margin:25px 0 0; padding-left:36px; line-height:20px; color:#333; cursor:pointer;}
.navMenu .list li.white { color:#fff;}
.navMenu .list li:before { position:absolute; left:0; top:5px; width:15px; height:15px; background:url(../images/ico.png) no-repeat 0 0; content:"";}
.navMenu .list li.curr:before { background-position:0 -30px;} 
.navMenu .list li:hover { color:#4285f4;}
.navMenu .list li:first-child { margin-top:0}
.navMenu .list li:first-child:before { top:0;}
.navMenu .list li:nth-child(2) { margin-top:20px;}

/*集体路演End*/

/*融资路演Begin*/
/*路演企业*/
.enterprise { height:610px; background:url(../images/ipo/bg1.jpg) no-repeat 50% 50% fixed; background-size:cover; }
.enterprise .colNav .t { color:#fff; }
.enterprise .colNav .t:before, .enterprise .colNav .t:after { background-color:#fff;}
.enterprise .con { overflow:hidden; }
.enterprise .list { margin-right:-20px; height:450px;}
.enterprise .list li { box-sizing:border-box; padding:1px 5px; border-radius:5px; width:277px; height:400px; color:#fff; background-color:rgba(0,0,0,.6);}
.enterprise .list li .logo { display:block; margin:25px auto 0; width:80px; height:80px; border-radius:5px;}
.enterprise .list li .t {margin:15px auto; padding:0 10px; overflow:hidden; line-height:24px; font-size:20px; text-align:center;}
.enterprise .list li .intro { margin:0 auto; padding-right:10px; text-align:justify; width:220px; height:150px; overflow-y:auto; line-height:1.8; }
.enterprise .list li .btn { display:block; margin:25px auto 0; width:140px; height:34px; line-height:34px; text-align:center; border:1px dashed #ccc; border-radius:18px; color:#fff; }
.enterprise .list li .btn:hover { background-color:rgba(255,255,255,.1); border-style:solid; border-color:#999; color:#fff; }

/*嘉宾介绍*/
.guestBox .con { padding-bottom:30px; overflow:hidden; }
.guestBox .list { margin-right:-40px; overflow:hidden; }
.guestBox .list dl { float:left; margin:0 30px 30px 0; box-sizing:border-box; width:565px; border:1px solid #eee; border-radius:5px; }
.guestBox .list dt { padding:0 10px; height:40px; line-height:40px; border-bottom:1px solid #eee; border-radius:5px 5px 0 0; background-color:#f5f5f5; }
.guestBox .list dd { position:relative; height:130px; padding:10px 10px 10px 160px; }
.guestBox .list .avatar { position:absolute; top:10px; left:10px; width:130px; height:130px; border-radius:5px; }
.guestBox .list .t { height:25px; line-height:20px; font-weight:bold; }
.guestBox .list .intro { padding-right:10px; line-height:1.8; color:#666; height:100px; overflow-y:auto; text-align:justify; }
.guestBox .list dl:hover {border-color:#abc6f1; box-shadow:5px 5px 10px rgba(171,203,241,.5);}
.guestBox .list dl:hover dt { background-color:#f2f6fc; border-bottom-color:#c8d8f3;}
/*融资路演End*/

/* 相关公告 Begin */
.noteList {overflow:hidden; }
.noteList a { position:relative; display:block; padding:8px 10px; line-height:20px; color:#333; border-bottom:1px solid #eee; text-align: justify; transition: all .3s; }
.noteList a .date {color:#999; font-size:12px; }
.noteList a:hover,.noteList a:hover .date { color:#0063ff; }
.noteList a:hover{ background-color:rgba(0,99,255,.05);}
/* 相关公告 End */

/*封闭路演中间页Begin*/
.closeRoadCol .colBtm .side-l .shade{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:51px 62px;}
.closeRoadCol .colBtm .side-l .open {background-image:url(../images/i_lock_open.png);}
.closeRoadCol .roadInfo.f16 { font-size:16px; }
/* .closeRoadCol .roadInfo li .t { text-align:left; } */
.closeRoadCol .guestLoginBtn { position:absolute; top:30px; right:20px; color:#4992f0; }
.closeRoadCol .guestLoginBtn:hover { color:#78abec; }
.closeRoadCol .setBar .btn { margin-right:10px; padding:0 20px; font-size:16px; background:url(../images/line_bg.png) repeat-y 50% 50%; }
.closeRoadIntro { margin-bottom:25px; padding:20px 0 30px; background-color:#eee; }
.closeRoadIntro .con { margin:0 auto; padding-left:25px; width:1145px; background:url(../images/ipo/i_intro.png) no-repeat 0 3px; line-height:1.8; font-size:16px; color:#333;}
.closeRoadIntro .con p{word-break: break-word;}
.closeColNav .t { font-size:32px; color:#333; font-weight:normal; }
.closeColNav .t:before, .closeColNav .t:after { margin-top:-12px; width:80px; height:24px; background:url(../images/nav_bg.png) no-repeat transparent; }
.closeColNav .t:before { left:-100px; background-position:0 0; }
.closeColNav .t:after{ right:-100px; background-position:0 -24px; }

.roadPop .stepFoot{ padding:15px 0; border-top:1px solid #eee; text-align:center; }
.roadPop .comBtn { display:inline-block; padding:0 15px; height:30px; line-height:30px; border-radius:5px; text-align:center; color:#fff; transition:all .2s; border:none; outline:none!important; cursor:pointer;}
.roadPop .okBtn { background:-webkit-linear-gradient(left,#4d8fd1,#016fdf); background:-o-linear-gradient(left,#4d8fd1,#016fdf); background:-moz-linear-gradient(left,#4d8fd1,#016fdf);  background:-ms-linear-gradient(left,#4d8fd1,#016fdf); background:linear-gradient(left,#4d8fd1,#016fdf); color:#fff!important;}
.roadPop .cancelBtn {background-color:#999;}
/*封闭路演中间页End*/

/**
公告样式
 */
.ly_rollword {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    /*animation: ly_rollword 10s linear infinite;*/
    bottom:30px;
    left:0;
    height: auto;
    background: rgba(0,0,0,.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    font-size: 18px
}

.ly_rollword:hover {
    animation-play-state: paused;
}
@keyframes ly_rollword {
    0%   { text-indent: 110% }
    100% { text-indent: -110% }
}

/**
*活动页访问量
 */
.roadCol .scan_num{
    float: left;
    padding-top: 25px;
    color: #fff;
    line-height: 30px;
}
.roadCol .scan_num:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 12px;
    margin-right: 8px;
    background: url(../images/visit_count.png) no-repeat;
    background-position: center;
    background-size: contain;
}

/* 头部导航 */
.topMenu { position:relative; z-index:0; box-sizing:border-box; min-width:1200px; height:95px; background-color:#fff; border-bottom:1px solid #eee; transition:z-index .3s;}
.topMenu:hover { z-index:3;}
.topMenu .logoVote { float:left; width:220px; height:95px; background:url(../images/logo_lytx.png) no-repeat 0 50%; }
.topMenu .list { float:left; height:95px;}
.topMenu .list li { position:relative; float:left; height:95px; list-style:none;}
.topMenu .list li .t { position:relative; float:left; margin:0 18px; line-height:94px; font-size:16px; color:#555; text-decoration:none; background-color: #fff;}
.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(../images/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 .list li.roadmenu:after{ position: absolute; right:3px; top:50%; margin-top:-2px; width:0; height:0; line-height:0; font-size:0; border:5px solid transparent; border-bottom:none; border-top-color:#333; content:'';}
.topMenu .menu{ position:absolute; left:0; top:50px; z-index:-1; opacity:0; width:100%; background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.2); transition:all .3s;}
.topMenu .menu a{ display: block; height:35px; line-height:35px; text-align:center; border-bottom:1px solid #f5f5f5; font-size:14px; color:#666}
.topMenu .menu a:hover{ color:#0063ff;}
.topMenu li:hover .menu{ opacity:1; z-index:1; top:75px;}

/* 弹幕样式 */
.bubble {
	position: absolute;
	bottom: -42px;
/* 	right: 0; */
	display: inline-block;
	z-index:2147483648;
}

.bubble .send-wrapper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bubble .send-wrapper .content {
	width: 315px;
	height: 28px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.bubble .send-wrapper .content input {
	border: none;
	height: 100%;
	width: 100%;
	padding: 0 60px 0 38px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: inherit;
	border-radius: 4px;
}

.bubble .send-wrapper .content .color-choose {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	height: 28px;
	width: 28px;
	border: 7px solid rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-clip: padding-box;
}

.bubble .send-wrapper .content .color-choose .color-box {
	width: 110px;
	min-height: 70px;
	padding: 10px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	bottom: 28px;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	cursor: default;
	font-size: 0;
	display: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bubble .send-wrapper .content .color-choose .color-box .item {
	display: inline-block;
	height: 30px;
	width: 30px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bubble .send-wrapper .content .bubble-send {
	width: 50px;
	height: 28px;
	background: linear-gradient(-49deg, #1786e5 0%, #086be8 100%);
	border-radius: 4px;
	border: none;
	color: #fff;
	position: absolute;
	right: 0;
}

.bubble .send-wrapper .word-count {
	color: #fff;
	margin: 0 5px 0 10px;
}

.bubble .pointer {
	cursor: pointer;
}

.bubble .bubble-turning {
	display: inline-block;
	height: 38px;
	width: 38px;
	vertical-align: middle;
}

.bubble .send-wrapper .content .tips {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 50px 0 38px;
	font-size: 13px;
}