@charset "utf-8";
/*homeFigure*/
.homeFigure { position:relative; clear:both; height:300px; min-width:1200px; overflow:hidden; background-color:#333; }
.homeFigure .list,.homeFigure .list li,.homeFigure .list a { width:100%; height:100%; }
.homeFigure .list a { display:block; background-position:50% 50%; background-repeat:no-repeat; /* background-size:cover;  */}
.homeFigure .close { cursor:pointer; position:absolute; right:10px; bottom:10px; z-index:999; background:url(../images/i_close.png) no-repeat; width:84px; height:28px; }
.mt40 { margin-top:40px;}
.wrap-l{ float:left; width:790px}
.wrap-r{ float:right; width:390px}

/* commCol */
.commCol{ position:relative; box-sizing:border-box; padding-left:105px; min-height:70px; border-bottom:1px solid #e0e4eb;}
.commCol .t{ position: absolute; left:0; top:0; width:84px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#fff; background:linear-gradient(-28deg,rgba(0,99,255,1) 0%,rgba(11,51,253,1) 100%); border-radius:25px;}
.commCol .tag{ overflow:hidden;}
.commCol .tag a{ position: relative; float: left; margin-right:40px; margin-bottom:13px; color:#666; font-size:16px; line-height:1;}
.commCol .tag a:after{position: absolute; right:-20px; top:0; width:1px; height:100%; background-color:#ddd; content:'';}
.commCol .tag a:last-child:after{ background:none;}
.commCol .more{ position: absolute; right:0; bottom:20px; padding-right:10px; color:#666;}
.commCol .more:after{ position: absolute; right:0; top:2px; font-family:'simsun'; content:'>'; width:10px; height:15px; text-align: right; color:#999; font-weight: bold;}
.commCol .more:hover,.commCol .more:hover:after,.commCol .tag a:hover { color:#0063ff;}

/* colBar */
.colBar{ position:relative; box-sizing:border-box; padding:30px 0 0 0; min-height:70px; border-bottom:1px solid #e0e4eb;}
.colBar .t{ position:relative; padding-left:15px; font-size:24px; color:#222; line-height:1; font-weight: normal;}
.colBar .t:before{ position:absolute; left:0; width:6px; top:50%; margin-top:-10px; border-radius:3px; height:22px; font-size:0; content:''; background-color: #0063ff;}
.colBar .more{ position: absolute; right:0; bottom:12px; padding-right:10px; color:#666;}
.colBar .more:after{ position: absolute; right:0; top:2px; font-family:'simsun'; content:'>'; width:10px; height:15px; text-align: right; color:#999; font-weight: bold;}
.colBar .more:hover,.colBar .more:hover:after { color:#0063ff;}
.colBar .set{ position: absolute; right:0; bottom:14px; padding:0 15px; height:32px; line-height:32px; background-color:#0064FF; color:#fff; font-size:14px; cursor: pointer; border-radius:16px;}
.colBar .set:hover{ box-shadow:3px 3px 3px rgba(0,0,0,.3);}

/*line_bg*/
.commRoad li .cover .t:before,.hotRoom .openBtn,
.hotRoom .list .user .follow:hover,.hotRoom .list .user .follow.ok,
.hotRoom .list .user:after,.askBox .btn { background-image:url(../images/line_bg.png); background-position:50% 50%;}
/*i_t*/
.newsArea .col .tBar .t:before,.fame .list .q:before,
.fame .list .r:before,.mainT .t.icon:before {background:url(../images/i_t.png) no-repeat;}

/*路演推荐*/
.commRoad { overflow:hidden; margin-top:20px;}
.commRoad li {float:left; margin:0 8px 20px 0; overflow:hidden; width:258px; height:146px;}
.commRoad li:nth-child(3n){ margin-right:0;}
.commRoad li:nth-child(n+3){ margin-bottom:0;}
.commRoad li a { display:block; position:relative; width:100%; height:100%; overflow:hidden;}
.commRoad li a:after{ position:absolute; left:0; bottom:0; width:100%; height:50%; background:-o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:-moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8)); content:'';}
.commRoad li .shade { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:25px 30px;}
.commRoad li .open {background-image:url(../images/i_lock_open.png);}
.commRoad li img { width:100%; height:100%; transition:all .3s; -webkit-transition:all .3s;}
.commRoad li a:hover img { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.commRoad li .btm { box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:1; padding:10px; line-height:1.3; width:100%; color:#fff;}
.commRoad li .state { position:absolute; left:0; top:0; width:40px; height:50px; background:url(../images/i_state2.png) no-repeat;}
.commRoad li .s0 { background-position:0 0;}
.commRoad li .s1 { background-position:-50px 0;}
.commRoad li .s2 { background-position:-100px 0;}
.commRoad li .s3 { background-position:0 -50px;}
.commRoad li .s4 { background-position:-50px -50px;}
.commRoad li .s5 { background-position:-100px -50px;}
.commRoad li .cover { position:absolute; left:0; top:160px; z-index:1; box-sizing:border-box; padding:50px 15px 10px; opacity:.5; width:100%; height:100%; background:-o-linear-gradient(right,rgba(10,18,56,.8),rgba(58,69,97,.8)); background:-moz-linear-gradient(right,rgba(10,18,56,.8),rgba(58,69,97,.8)); background:linear-gradient(to right,rgba(10,18,56,.8),rgba(58,69,97,.8)); transition:all .3s;}
.commRoad li .cover .t { position:relative; font-size:16px; color:#fff; line-height:1.2;}
.commRoad li .cover .t:before { position:absolute; top:-15px; font-size:0; line-height:0; width:65px; height:2px; content:''; background-repeat:no-repeat; background-position:50% 50%; }
.commRoad li .cover .date { position:absolute; bottom:10px; width:100%; font-size:10px; color:#fff; }
.commRoad li a:hover .before {opacity:0;}
.commRoad li a:hover .cover { top:0; opacity:1; }

/*roadTab*/
.roadTab { padding:0 10px 0 0; 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:10px; padding:0 10px; float:left; height:54px; line-height:54px; color:#222;}
.roadTab .t a:last-child { margin-right:0;}
.roadTab .t a:hover {color:#4285f4;}
.roadTab .t .curr { border-bottom:2px solid #4285f4; color:#4285f4;}
.roadTab .more { float:right; position:relative; padding-right:10px; color:#666; font-size:14px;}
.roadTab .more:after{ position: absolute; right:0; top:2px; font-family:'simsun'; content:'>'; width:10px; height:15px; text-align: right; color:#999; font-weight: bold;}
.roadTab .more:hover,.roadTab .more:hover:after { color:#0063ff;}

/*Q&A*/
.queList { margin-top:20px; padding-top:25px; overflow-y:auto; }
.queList li { margin:20px 0 45px; border:1px solid #e8ecf2; box-sizing:border-box; border-radius:5px; background-color:#fff;}
.queList li:first-child { margin-top:0;}
.queList li .avatar { position:relative; margin-left:-1px; width:50px; height:50px; 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 { font-size:16px; line-height:20px; color:#666;}
.queList li .person { color:#4285f4;}
.queList li .date { margin-top:5px; line-height:24px; font-size:12px; color:#999}
.queList li .content { padding:10px 0 10px 20px; line-height:1.5; color:#333}
.queList li .quest { margin-top:-25px; padding:0 20px 20px 0; border-radius:5px; }
.queList li .quest .avatar {float:left;}
.queList li .quest .about { margin-left:60px; line-height:20px;}
.queList li .answer {padding:15px 0 20px 20px; position:relative; background-color:#e8ecf2; border-radius:0 0 5px 5px;}
.queList li .answer .tBar { margin-top:-40px; padding-right:60px; text-align:right;}
.queList li .answer .content { padding:10px 20px 20px 0;}
.queList li .answer .avatar { position:absolute; right:0; top:-25px;}
.queList li .answer .date { padding-right:60px; text-align:right;}
.queList li .shareBar { position:absolute; right:20px; bottom:10px;}
.queList li:last-child { margin-bottom:0;}
.queList li:hover { border:1px solid #4992f0; box-shadow:5px 5px 10px rgba(49,142,254,.3); }
.queList .noData { border:none; font-weight:16px; text-align:center; color:#666}
#askList li { margin-top:0; }

/*分享*/
.shareBar {position:absolute; right:-4px; bottom:-4px; padding:4px 0 0; width:28px; height:24px; overflow:hidden; transition:all .3s;}
.shareBar .tog,.shareBar .ico { background:url(../images/i_share.png) no-repeat;}
.shareBar .tog { position:absolute; right:0; top:0; z-index:1; width:28px; height:28px; background-position:right -80px; cursor:pointer;}
.shareBar .ico { background-color:#fff; display:inline-block!important; margin:0 2px 4px 0; width:20px!important; height:20px!important; cursor:pointer; vertical-align:bottom; border-radius:50%;}
.shareBar .ico:hover { box-shadow:1px 1px 3px #999;}
.shareBar .ico:last-child { margin-right:0;}
.shareBar .wx { background-position:0 0;}
.shareBar .zone { background-position:0 -20px;}
.shareBar .sina { background-position:0 -40px;}
.shareBar .follow { background-position:0 -60px; border-radius:0;}
.shareBar .wx:hover { background-position:-20px 0;}
.shareBar .zone:hover { background-position:-20px -20px;}
.shareBar .sina:hover { background-position:-20px -40px;}
.shareBar .follow:hover,.shareBar .follow.ok { background-position:-20px -60px; box-shadow:none;}
.shareBar:hover { width:auto; padding-right:32px; }

/* IR服务 */
.IRservice .con{ padding:20px 0 0;}
.IRservice .intro{ padding:15px 20px; background-color:#e8ecf2;}
.IRservice .intro dt{ font-size:16px; line-height:1;}
.IRservice .intro dd { margin-top:15px; line-height:22px; color:#666;}
.IRservice .item{ display:block; position:relative; padding:20px 300px 20px 20px; min-height:160px; border-bottom:1px solid #e0e4eb;}
.IRservice .item .pic{ position:absolute; right:0; top:20px; width:280px; height:160px;}
.IRservice .item .t {font-size:16px; line-height:1.5; font-weight:normal;}
.IRservice .item .desc{margin:15px 0; height:88px; overflow:hidden; line-height:22px; color:#999;}
.IRservice .item .date { color:#b3b3b3;}

/* 提问 */
.askCol .tBar { box-sizing:border-box; padding-top:0; height:70px; }
.askCol .tBar .tip{ margin-top:15px; line-height:1; color:#b3b3b3;}
/*roadAsk*/
.loadTxt { background:url(../images/i_loading.gif) no-repeat 90% #e8ecf2 !important; }
.roadAsk { margin:20px 0 0; box-sizing:border-box;}
.roadAsk .down { position: absolute; right:10px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/i_down.png) no-repeat 0 0}
.roadAsk .txt { box-sizing:border-box; padding:8px 20px; vertical-align:middle; border:none; font-size:14px; background-color:#e8ecf2; width:100%; height:40px; border-radius:3px;}
.roadAsk .txt::placeholder{ color:#999;}
.askBox { margin:10px 0 0; position:relative; padding:15px 20px; box-sizing:border-box; background-color:#e8ecf2;}
.askBox .txtArea { box-sizing:border-box; width:100%; border:none; height:90px; border-radius:3px; line-height:1.5; background-color:#e8ecf2; vertical-align:top; overflow-y:auto; font-family:'microsoft yahei'; font-size:14px;}
.askBox .txtArea:focus,.roadAsk .txt:focus { border-color:#4784e5;}
.askBox .loginTip,.askBox .totalTip {line-height:1;}
.askBox .loginTip {left:20px; top:15px; color:#999; font-size:14px;}
.loginTip {position: absolute;}
.askBox .loginTip a{ color:#4182f9}
.askBox .loginTip a:hover { border-bottom:1px solid #4182f9;}
.askBox .totalTip {left:20px; bottom:20px; color:#999; font-size:12px;}
.askBox .btnBox {position:absolute; right:12px; bottom:10px; font-size:0;}
.askBox .btn,.askBox .cancel { font-size:14px; padding:0 15px; height:30px; line-height:30px; border-radius:3px; border:none;}
.askBox .btn { border:1px solid #0063FF; color:#0063FF; background:none; border-radius:30px;}
.askBox .cancel { display:none; background-color:#eee; color:#666!important;}
.askBox .btn:hover { opacity:.9;}
.checkBar {overflow: hidden;margin-top: 10px;}
.totalBox { display:none;margin-bottom: 5px;}
.totalBox .txt { padding:2px 5px; width:150px; height:30px; line-height:24px; border:1px solid #d4d3d3;}
.totalBox .code,.totalBox .getCode,.totalBox .countDown { margin-left:-1px; margin-right:20px; width:90px; height:30px;}
.totalBox .getCode,.totalBox .countDown { line-height:28px;}
.autocompleter { width:100%!important; }

/* 公司之声 */
.newsList a { padding:20px 0; display:block; border-bottom:1px solid #f5f5f5; }
.newsList dt { font-size:14px; line-height:24px; color:#000;}
.newsList dd { color:#999;}
.newsList dd .content { overflow:hidden; margin:15px 0; line-height:22px; max-height:66px;}
.newsList a:hover { background-color: #eff5ff; border-bottom-color: #d5dff0;}

/* companyOrder */
.companyOrder { border:1px solid #e8ecf2;}
.companyOrder .tBar{position:relative; padding:0 20px; height:70px; line-height:70px; border-bottom:1px solid #e8ecf2;}
.companyOrder .tBar .t{float:left; font-size:20px; color:#000; font-weight:normal;}
.companyOrder .tBar .date { float:right; font-size:14px; color:#999;}
.companyOrder .list{padding:25px 20px;}
.companyOrder .list li{ margin-bottom:10px; position:relative; counter-increment:num;}
.companyOrder .list li:last-child { margin-bottom:0;}
.companyOrder .list li:before { position:absolute; left:0; top:50%; width:100%; border-bottom:1px solid #E8ECF2; content:''; height:0; font-size:0; line-height:0;}
.companyOrder .list li .name { position:relative; padding:0 15px 0 30px; background-color: #fff;}
.companyOrder .list li .name:before { position:absolute; left:0; top:0; width:20px; height:20px; line-height:20px; border-radius:50%; text-align:center; font-size:14px; color:#666; font-weight:bold; font-style:italic; background-color: #e8ecf2; content:counter(num); font-family:arial;}
.companyOrder .list li:nth-child(1) .name:before { background-color: #e60012; color:#fff;}
.companyOrder .list li:nth-child(2) .name:before { background-color: #ec6941; color:#fff;}
.companyOrder .list li:nth-child(3) .name:before { background-color: #00a0e9; color:#fff;}
.companyOrder .list li .total { position:absolute; right:0; min-width:20px; padding:0 0 0 30px; text-align:right; color:#e60012; background-color: #fff;}
.companyOrder .list li:nth-child(n+4) .total {color:#666;}
.companyOrder .list li .total:before { position:absolute; left:8px; top:0; width:20px; height:20px; content:'';}
.companyOrder .list li .total:before { background:url(../images/i_hot.png) no-repeat 0 0;}
.companyOrder .list li:nth-child(n+4) .total:before { background:none;}

/* reback*/
.reback { position:fixed; right:20px; top:50%; z-index:1; margin-top:-77px; padding-top:11px; width:35px; height:154px; background:url(../images/reback.png) no-repeat; cursor:pointer;}
.reback .ask {display:block; width:100%; height:100px;}
.reback .goUp { position:absolute; bottom:0; left:0; width:100%; height:35px;}

/*关于我们*/
.aboutus{ background:#f0f4fb; padding:50px 0;}
.aboutus_content{ background:#fafafa; position:relative;}
.about_lmenu{ position: absolute; top:0; left:0;  width:250px; }
.about_lmenu ul li{ height:60px; line-height:60px; text-align:center; border-bottom: 1px solid #f5f5f5; }
.about_lmenu ul li a{ font-size:16px;}
.about_lmenu ul li.about_on{ background:#fff; border-left:2px solid #008df2; }
.about_rcontent{ padding-left:250px;  }
.about_rcontent2{ background:#fff; padding:30px 30px 30px 30px; line-height:24px; }
.about_rcontent2 h2{ border-bottom:1px solid #ececec;  height:40px; font-size:18px; font-weight:normal; color:#000;   }
.about_rcontent2 h2 span{ float:left; display:inline-block; border-bottom:1px solid #008df2; height:40px; line-height:40px;}
.about_rcontent2 h3{ padding:20px 0 20px 0;   font-size:16px; font-weight:normal; color:#000;}
.about_rcontent2 ul li{   padding-bottom:20px; text-indent:28px;}
.about_rcontent2 ul.aboutme li{ list-style:inside}
.about_rcontent2 p{ padding-bottom:20px; text-indent:28px;}
.about_rcontent2 img{ width:100%; height:auto;}
.about_rcontent2 table{ width:100%; margin-top:30px;}
.about_rcontent2 table td{ border:1px solid #ececec; padding:10px 0 10px 10px;  }
.handbook_nav{ float:right;}
.handbook_nav a{ font-size:14px; padding:0 15px; height:30px; line-height:30px; display:inline-block; position:relative;}
.handbook_nav i.triangle { position: absolute; top: 10px; left:5px; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #4285f4; -webkit-transform-origin: 25% center; transform-origin: 25% center; border-width: 4px;}

/*登录页顶部Begin*/
.logo_box{ width:220px; height:60px; background:url(../images/logo_vote_.png) no-repeat center; display:inline-block; }
.loginTopBar { position:absolute; left:0; top:0; padding:4px 60px; box-sizing:border-box; background-color:rgba(30,30,34,.4); width:100%; min-width:1300px; height:68px; }
.loginTopBar .back { float:right; padding:15px 30px 15px 15px; height:30px; line-height:30px; background:url(../images/i_back.png) no-repeat 100% 50%; font-size:14px; color:#fff;}
/*登录页顶部End*/

/* 可视化财报 */
.reportView .tip{ position: relative; height:46px; line-height:46px; font-size:14px; color:#B4B4B4;}
.reportView .box{ width:100%; height:255px;}
.reportView li{ position: relative; float:left; margin-right:10px; width:150px; height:255px; background-color:#000;}
.reportView li img{ width:100%; height:100%; background-color:#eee; transition:all .3s;}
.reportView li:last-child{ margin-right:0;}
.reportView li .code { position: absolute; left:50%; top:60%; margin:-55px 0 0 -55px; padding:5px; opacity:0; width:100px; height:100px; border-radius:5px; box-shadow:0 0 10px #000; transition:all .3s; background-color: #fff;}
.reportView li:hover img{ opacity:.3;}
.reportView li:hover .code{ opacity:1; top:50%;}