.section{position: relative;text-align: center}
.section>.inner{position: relative;max-width: 750px;margin: 0 auto}
.section .copy{font-size: 14px;font-weight: 300;line-height: 24px;}
.section .title{font-size: 28px;;margin-bottom: 45px;}

/*.top{border-radius:0 0 50% 50%;width:150%;position:relative;left:-25%;background: url("../../images/company/top_bg_ir.jpg") no-repeat center;background-size: cover}*/
.top .top_bg {background: url('/_resource/images/company/top_bg_ir.jpg') no-repeat top center;}
.top .inner{height: 280px;display: table;text-align: center;width: 100%;}
.top .inner h2{font-size: 36px;font-weight: 900;color: #fff;line-height: 44px;letter-spacing: 1px;text-align: center;display: table-cell;vertical-align: middle;padding-top: 64px}

.ir_area .inner .tab_menu  {overflow: hidden;height: 30px;margin: 0 auto 32px}
.ir_area .inner .tab_area {white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;position: relative;z-index: 1;margin:  0 auto 32px;height: 40px}
.ir_area .inner .tab_area ul{padding: 0 14px}
.ir_area .inner .tab_area ul li{display: inline-block;height: 29px;margin: 0 10px ;position: relative}
.ir_area .inner .tab_area ul li:before{content: '/';position: absolute;left: -16px;font-size: 21px;top: -3px;color:#ccc;}
.ir_area .inner .tab_area ul li:first-child:before{display: none}
.ir_area .inner .tab_area ul li:last-child {margin-right:24px;}
.ir_area .inner .tab_area ul li a{position:relative;display: block;color:#999;font-size:20px;line-height:22px;letter-spacing:-0.4px;}
.ir_area .inner .tab_area ul li a:before{content: '';width: 100%;height: 2px;position: absolute; left: 0;bottom:-7px;opacity:0;
    background: linear-gradient(to right, #307df0 0%, #7a43f0 50%, #ff5c7c 100%);
}
.ir_area .inner .tab_area ul li a.active:before{opacity:1;}

.ir_area {padding-top:64px;}
.ir_area .inner {padding-bottom:80px;}
.ir_area .table_text {position:relative;margin:0 25px 12px;text-align:left;}
.ir_area .table_text.mt {margin-top:40px;margin-bottom:0;}
.ir_area .table_text span {font-size:12px;color:#999;}
.ir_area .table_text .table_title {font-size:12px;color:#222;text-align:left;}
.ir_area .table_text .unit {font-size:11px;color:#999;position:absolute;right:0;top:0;}
.ir_area .table_text .btn_box {text-align:right;font-size:0;}
.ir_area .table_text .btn_box a {display:inline-block;vertical-align:top;padding-right:16px;margin-left:15px;background:url('/_resource/images/company/ico_cursor.png') no-repeat right center;font-size:13px;color:#222;background-size:8px;}
.ir_area .table_list {position:relative;margin:0 24px 32px;}
.ir_area .table_list table {width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;table-layout:fixed;}
.ir_area .table_list table th {border-bottom:1px solid #d3d3d3;font-size:12px;color:#333;padding:15px 6px;text-align:center;letter-spacing:-0.4px;}
.ir_area .table_list table td {border-bottom:1px solid #d3d3d3;font-size:12px;color:#333;padding:15px 6px;text-align:left;word-break:break-all;}
.ir_area .table_list table td .text_overflow {width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:4px 0;}
.ir_area .table_list table td.bg_gray {background:#f9f9f9;}
.ir_area .table_list table td.bg_red {background:#fdf0f1;}
.ir_area .table_list table td.bg_blue {background:#f1f6fe;}
.ir_area .table_list table td.highlight {background:#f9f9f9;font-weight:700;text-align:center}
.ir_area .table_list table td.left {text-align:left}
.ir_area .table_list table tr.total td {background:#f0f0f0;}
.ir_area .table_list table td .date {position:relative;display:block;font-size:12px;color:#666;margin-top:5px;}
.ir_area .table_list table td .link {position:relative;display:inline-block;vertical-align:top;font-size:14px;}
.ir_area .table_list table td .link:before {content:'';width:0;height:1px;background:#333;position:absolute;left:0;bottom:-2px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ir_area .table_list table td .file {width:13px;height:16px;margin:0 auto;background:url('/_resource/images/company/ico_file.png') no-repeat 0 0;}

.ir_area .table_list table td.center {text-align:center;}
.ir_area .table_list table tr:last-child td {border-bottom:0;}
.ir_area .table_list table td.red {color:#ff0000;}
.ir_area .table_list table td.blue {color:#136eeb;}


.ir_area .paging {text-align:center;font-size:0;}
.ir_area .paging a {width:36px;height:36px;display:inline-block;vertical-align:top;text-align:center;line-height:36px;}
.ir_area .paging a.btn {margin:0 5px;}
.ir_area .paging a.prev {margin-right:10px;}
.ir_area .paging a.next {margin-left:10px;}
.ir_area .paging a.num {width:30px;font-size:12px;color:#999;}
.ir_area .paging a.num.active {color:#333;font-weight:700;}

.ir_area .stock_box {position:relative;margin:0 25px 40px;}
.ir_area .stock_box ul {overflow:hidden;}
.ir_area .stock_box ul li {margin-bottom:25px;}
.ir_area .stock_box ul li .stock_price {height:100px;padding-right:150px;border-top:1px solid #333;border-bottom:1px solid #333;overflow:hidden;position:relative;}
.ir_area .stock_box ul li .stock_price .price {text-align:center;position:relative;}
.ir_area .stock_box ul li .stock_price .price:before {content:'';width:1px;height:40px;position:absolute;right:0;top:50%;margin-top:-20px;background:#e2e2e2;}
.ir_area .stock_box ul li .stock_price .price .text {font-size:36px;color:#333;line-height:100px;font-weight:700;position:relative;display:inline-block;vertical-align:top;}
.ir_area .stock_box ul li .stock_price .price .up {padding-left:30px;}
.ir_area .stock_box ul li .stock_price .price .up:before {content:'▲';color:#ff3200;font-size:20px;position:absolute;left:0;top:0;}
.ir_area .stock_box ul li .stock_price .price .down {padding-left:30px;}
.ir_area .stock_box ul li .stock_price .price .down:before {content:'▼';color:#136eeb;font-size:20px;position:absolute;left:0;top:0;}
.ir_area .stock_box ul li .stock_price .info {position:absolute;right:0;top:30px;box-sizing:border-box;}
.ir_area .stock_box ul li .stock_price .info dl {overflow:hidden;text-align:left;}
.ir_area .stock_box ul li .stock_price .info dl dt {width:60px;float:left;font-size:11px;color:#333;font-weight:700;}
.ir_area .stock_box ul li .stock_price .info dl dd {width:60px;float:left;}
.ir_area .stock_box ul li .stock_price .info dl dd .text {font-size:11px;display:inline-block;vertical-align:top;position:relative;}
.ir_area .stock_box ul li .stock_price .info dl dd .up {padding-left:12px;}
.ir_area .stock_box ul li .stock_price .info dl dd .up:before {content:'▲';color:#ff3200;font-size:10px;position:absolute;left:0;top:0;line-height:18px;}
.ir_area .stock_box ul li .stock_price .info dl dd .down {padding-left:12px;}
.ir_area .stock_box ul li .stock_price .info dl dd .down:before {content:'▼';color:#136eeb;font-size:10px;position:absolute;left:0;top:0;line-height:18px;}
.ir_area .stock_box ul li .stock_price .info dl dd .red {color:#ff0000;}
.ir_area .stock_box ul li .stock_price .info dl dd .blue {color:#136eeb;}
.ir_area .stock_box ul li .table_list {margin:0;}
.ir_area .stock_box ul li .table_list table {border-top:1px solid #333;border-bottom:1px solid #333;}

.detail_box {position:relative;border:1px solid #ccc;padding:36px 0px 48px 0px; margin:0 25px 30px;}
.detail_box .detail_logo {text-align:center;margin-bottom:12px;}
.detail_box .detail_logo img {height:29px;}
.detail_box .detail_top {position:relative;padding-bottom:30px;text-align:center;}
.detail_box .detail_top .detail_title {font-size:20px;color:#222;line-height:28px;margin-bottom:8px;letter-spacing:-0.4px;}
.detail_box .detail_top .detail_date {font-size:12px;color:#666;line-height:20px;}
.detail_box .detail_top .email {font-size:10px;color:#adadad;line-height:20px;}
.detail_box .detail_top .detail_date span {display:inline-block;vertical-align:top;}
.detail_box .detail_top .detail_date .dot {width:1px;height:12px;background:#ccc;margin:0 6px;position:relative;top:4px;}
.detail_box .detail_top .btn_careers_down {width:156px;height:42px;display:block;margin:15px auto 0;border:1px solid #bfbfbf;text-align:center;font-size:12px;color:#222;line-height:42px;border-radius:42px;}
.detail_box .edit_view {border-top:1px solid #ddd;position:relative;text-align:left;font-size:12px;padding-top:30px;}
.detail_box .edit_view .file_area {margin-bottom:20px;position:relative;}
.detail_box .edit_view .file_area dl {padding:0 15px 12px 75px;background:#f8f8f8;font-size:0;text-align:left;position:relative;}
.detail_box .edit_view .file_area dl:first-child {padding:12px 15px 12px 75px;}
.detail_box .edit_view .file_area dl dt {width:75px;display:inline-block;font-size:11px;color:#333;text-align:center;position:absolute;left:0;top:12px;}
.detail_box .edit_view .file_area dl dd {width:100%;display:inline-block;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;box-sizing:border-box;}
.detail_box .edit_view .file_area dl dd a {display:inline-block;font-size:11px;color:#555;background:url('/_resource/images/company/ico_file.png') no-repeat 0 center;padding-left:15px;background-size:8px;}
.detail_box .edit_view.file {padding-top:0;}

.detail_box .edit_area {position:relative;padding:0 10px 20px 10px;text-align:left;font-size:12px;}
.detail_box .edit_area img {cursor: pointer; width:100%!important; height:100%!important;}

.btn_go_list {width:155px;height:42px;display:block;margin:0 auto;border:1px solid #bfbfbf;text-align:center;font-size:12px;color:#222;line-height:42px;border-radius:42px;}

#recruit .ir_area .detail_box .edit_area{line-height: 21px}