.layui-table td,.layui-table th{padding:2px 1px !important;text-align:center!important}
.m-nav-box{display:none}
em{font-style:normal}
body{font: 14px/1.5 DIN2014-Demi,PingFang SC,Hiragino Sans GB,Microsoft Yahei,ff-tisa-web-pro-1,ff-tisa-web-pro-2,Lucida Grande,Tahoma,HELVETICA,Arial,sans-serif; color: #262626; background-color: #f2f2f2; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.layui-tab img{width:500px;}
.stock{margin:5px;padding-top:6px;line-height:26px;}
.stock span{line-height:20px;font-size:16px;font-weight: bold;}
.stock .zjlx{}
.stock li{width:8%;float:left;margin-top: 10px;}
.stock li p{color: #999;font-size:14px;line-height: 20px;}
.stock #cjl,.stock #cje{margin-right:0px}
.stock #gp{font-weight:bold;font-size:20px}
.stock #Limit{color:red;}
.stock #Drop{color:green;}
.stock #yestclose,.stock #open,.stock #high,.stock #low,.stock #Limit,.stock #Drop,.stock #volume,.stock #b,.stock #turnover,.stock #pe,.stock #pb,.stock #mktcap,.stock #nmc{font-weight:bold}
.stock #di{color:green;font-weight:bold}
.qd{clear: both;height: 0;font-size: 0px;line-height: 0px;}
.layui-tab img{width:100%;}
.layui-tab-title li{min-width:50px!important;}
.mobile_stock{margin-top:0px;padding: 20px;}
.mobile_stock table{width: 100%;border-spacing: 0;}
.mobile_time{color: #666;}
.mobile_stock tr:nth-child(2) td{padding-top: 20px;font-size: 25px;}
.mobile_stock tr:first-child{font-size: 50px;}
.mobile_stock tr td:nth-child(2n){text-align: right;}
.mobile_current,.mobile_increase{display: inline-block;vertical-align: top;}
.mobile_increase{font-size: 25px;line-height: 1.4;}
.c-red{color: #f13e3a!important;}
.c-green{color: #00a843!important;}
.c-black{color: black;}
.mobile_stock,.stock,.fen,.layui-form{width:100%;margin: 0 auto;}
.layui-table td, .layui-table th{font-size: 12px!important;}
.rank-tr div{display: inline-block;vertical-align: top;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-table{display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 4px;
    width: 1200px;
    margin-right: 1.75%;
    -moz-box-sizing: border-box;
    box-sizing: border-boxrank-tr;
    padding: 20px;}
    .layui-laypage{width: 100%;text-align: center;padding-bottom:30px}
.rank-th{width: 16%;}
.rank-tr{height: 45px;border-bottom: 1px solid #edf0f5;}
.heat,.cjl,.price,.cje,.zsz{width:16%;line-height:45px;font-weight: 500;}
.rank-td {width: 16%;}

.rank-tr .name span{
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #aeb0bb;
    line-height: 14px;
}
.rank-th{color: #919295;font-family: dinRegular,PingFangSC-Regular;font-size: 12px;font-weight: 400;height: 30px;line-height: 30px;}
.rank-td{margin-top: 6px;font-size: 14px;font-weight: 400;height:45px;letter-spacing: 0;}
.container{font-family: dinRegular;position: relative;overflow: hidden;max-width: 1300px;margin: 0 auto;padding-top: 10px;}
.left{float: left;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin-bottom: 20px;}
.slide-bar{width: 180px; background-color: #fff; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px 150px;}
.slide-bar .list-item{padding-top: 30px;}
.slide-bar .list-item .title{padding-left: 12px; padding-bottom: 15px; font-size: 18px; color: #505155;}
.slide-bar .list-item .current{color: #ff6900;}
.slide-bar .list-item .nav-item{cursor: pointer; display: block; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 12px; font-size: 14px; color: #919295; border-radius: 4px;}
.slide-bar .list-item .current {color: #ff6900;}
.right{float: right; width: 300px;}
.right>div{background: #fff; margin-bottom: 20px; padding: 20px;}
.company-card .card-title{margin-bottom: 14px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.company-card .card-title>span{font-size: 20px; color: #24262b;}
.company-card .card-title a{padding-right: 14px; font-size: 14px; color: #24262b; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB0SURBVHgBpdHBCcAgDAVQo4u4SsdwQsElOkpdJND+QkHSRAPmoIIvRmMIziAMrbULMzMfpZSuwTisc0rprLVmE+KkZ+ozTN8Cm0DASJLXoDFrhkmWsPAPWliFGjahxDE4Y6+06zGu9rga7vrCFUK87VkhxA2GzXD0w8Su/QAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 100%; background-size: 5px 9px;}
.company-card .card-main .company-desc{position: relative; margin-bottom: 20px; font-size: 14px; line-height: 22px; color: #6e6e6e;}
.company-card .card-main .shrink{overflow: hidden; height: 132px;}.company-card .card-main .company-desc #hutia a{cursor: pointer; position: absolute; right: 0; bottom: 0; font-size: 14px; line-height: 22px; color: #218dfc; background-color: #fff;}
.company-card .card-main .line{margin-bottom: 8px; color: #24262b; font-size: 14px; line-height: 22px;}
.company-card .card-main .line .key{font-weight: 700;}
.middle{margin: 0 320px 0 200px;}
.jysj{margin: 0 0px 0 200px;}
.middle .stock-main{background: #fff; margin-bottom: 20px; padding: 30px 20px; position: relative;}
.crumbs-content{margin-bottom: 16px; font-size: 12px;}
.crumbs-content span{color: #919295;}
.crumbs-content a, .crumbs-content a:hover{color: #3f4045;}
.middle .stock-main .stock-quote>div{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.middle .stock-main .stock-quote .quote-statue{margin: 8px 0 4px; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.middle .stock-main .stock-quote .stock-status{color: #24262b; opacity: .5; font-size: 14px; font-weight: 400; height: 20px; letter-spacing: 0; text-align: right;}
.middle .stock-main .stock-quote #trade{line-height: 1; font-size: 40px; font-weight: 700;position: relative;  display: inline-block; padding-right: 22px;}
.middle .stock-main .stock-quote .up:before ,.quote-statue .up:before {content: "";display: block;width: 16px;height: 17px;position: absolute;right: 0px;bottom: 3px;background: url(../images/up.png) no-repeat;}
.middle .stock-main .stock-quote .down:before,.quote-statue .down:before{content: "";display: block;width: 16px;height: 17px;position: absolute;right: 0px;bottom: 3px;background:url(../images/down.png) no-repeat;}

.middle .stock-main .stock-quote .stock-direct{font-size: 20px; padding-left: 4px;}
.middle .stock-main .stock-quote #changepercent,.middle .stock-main .stock-quote #change{font-size: 20px; padding-left: 10px; font-weight: 700;}
.middle .stock-main .stock-detail{margin-top: 15px;}
.middle .stock-main .stock-detail .stock-detail-li{display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; width: 30%; margin-right: 4%; height: 30px;}
.middle .stock-main .stock-detail .stock-detail-li .fl{color: #959699;}
.middle .stock-main .stock-detail .stock-detail-li:nth-child(3n){margin-right: 0;}
.middle .stock-main .stock-quote .stock-name{color: #24262b; font-family: dinRegular,PingFangSC-Regular; font-size: 24px; font-weight: 400; letter-spacing: 0;} #Limit{color: #f13e3a!important;}
#Drop{color: #00a843!important;}
.middle .stock-main .stock-detail .stock-detail-btn{width: 100%; text-align: center; color: #b8b8b8; border-bottom: 1px solid #f2f2f2;}
.company-main { background: #fff;   padding: 0 20px 50px;}
.company-main .company-item{padding: 8px 0;font-size: 14px;line-height: 20px;color: #24262b;}
.company-main .company-item .name {margin-right: 8px;width: 166px;color: #959699;}
.company-main .company-item .value {width: calc(100% - 200px);vertical-align: top;}
.company-main .company-item div {display: inline-block;}
.middle .stock-main .header-top {background: #fff;padding: 0px 20px 25px;}
.middle .stock-main .header-top .middle-top .top-text { font-size: 24px;font-weight: 700;color: #24262b;margin-right: 10px;}
.middle .stock-main .header-top .middle-top div {display: inline-block;}
.middle .stock-main .header-top .middle-top #trade {font-size: 28px;font-weight: 700;line-height: 1;position: relative; display: inline-block;padding-right: 22px;}
.crumbs-content { margin-bottom: 16px;  font-size: 12px;}

.hqtop {display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 4px;
    width:100%;
        margin: 0 auto;
    height: 70px;}
#dptu{width: 1200px;margin:0 auto;  padding-top:10px; padding-left:10px;}
.dpwz{font-size: 16px;font-weight: 700;}
.dpwz #dqjg{font-size: 20px;line-height: 24px;margin-right: 8px;margin-top: 8px;}
#dptu li{width:25%;float: left;}
#dptu .dpzf{float: left;}
#dptu #zf{float: left;margin-left:5px;}
#dptu #zfjg{float: left;}

/*手机端css*/ 
@media only screen and (max-width:768px){
.msgNum,.layui-nav{display:none}
.head{display:none}
.stock,.fen,.layui-form{width: 100%;}
.layui-table td, .layui-table th{font-size: 12px!important;}
.m-nav-box{display: block;}
.m-nav{width:100%;height:50px;background:#2b2e33;}
.m-logo{float:left;width:145px;height:50px;font-size: 0;background:url(/skin/images/gg-logo.png) no-repeat;overflow:hidden;}
.m-menu-btn{float:right;margin:8px 15px 8px 0;width:45px;height:31px;border:1px solid #3d4147;border-radius:3px;cursor:pointer;background:url(/skin/images/icon.png) no-repeat;}
.click{background-color:#181d21;}
.m-menu{display:none;width:100%;height:auto;padding:10px 0;background:#2b2e33;border-top:1px solid #3d4147;overflow:hidden;}
.m-menu a{float:left;width:25%;text-align:center;line-height:30px;color:#fff;}
.stock li{width:25%;float:left;text-align:center;}
.layui-tab img{width:100%;}
.layui-tab-title li{min-width:50px!important;}
.yc{display:none!important}
.mobile_stock{padding: .75rem;width:92%;}
.mobile_stock table{width: 100%;border-spacing: 0;}
.mobile_time{color: #666;}
.mobile_stock tr:nth-child(2) td{padding-top: .625rem;font-size: .75rem;}
.mobile_stock tr:first-child{font-size: 1.75rem;}
.mobile_stock tr td:nth-child(2n){text-align: right;}
.mobile_current,.mobile_increase{display: inline-block;vertical-align: top;}
.mobile_increase{font-size: .75rem;line-height: 1.4;}
.crumbs,.left, .right{width: 0;display: none;}
.middle{margin: 0;}
.middle .stock-main .stock-quote .stock-name{font-size: 20px;}
.middle .stock-main .stock-quote #trade{height: auto;line-height: 30px;font-size: 24px;}
.middle .stock-main .stock-quote #changepercent,.middle .stock-main .stock-quote #change{padding-left: 2px;font-size: 14px;}
.middle .stock-main .stock-quote .stock-status{max-width: 150px; font-size: 12px;}
.middle .stock-main .stock-detail .stock-detail-li{font-size: 14px; width: 31%; margin-right: 1.5%;}
.middle .stock-main{padding: 24px 10px;}
.m-so-btn {float:right;margin:8px 15px 8px 0;width:45px;height:31px;border:1px solid #3d4147;border-radius:3px;cursor:pointer;background:url(/skin/images/so.png) no-repeat;}
.m-so {display: none;padding: 10px 20px 12px;height: 30px;background: #2b2e33;border-top: 1px solid #3d4147;}

.m-sotxt {float: left;padding: 0 10px;width: 92%;height: 30px;line-height: 30px;border: 1px solid #545e68;border-radius: 3px 0 0 3px;color: #000;outline: 0;}
.m-sobtn {float: right;margin-top: -32px;width: 22%;height: 32px;line-height: 32px;background: #545e68;color: #fff;font-size: 14px;border-radius: 0 2px 2px 0;outline: 0;cursor: pointer;border: none;}

#list_stk{ z-index: 1;top: 93px;position: absolute; background-color: white;background-blend-mode: color-dodge;border-radius: 0 0 4px 4px;width: 92%;}

.rank-table{width: 100%;}
.nav-item.current {color: #fff;background-color: #007bff;}

.name{width:20%;font-size: 12px;}

.heat,.cje, .price, .cje, .cjl,.zsz{width:18%;font-size: 12px;}
 .hqtop {display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    height: 70px;    margin: 0 auto;}
#dptu{width: 100%;    padding-left: 10px;}


}


        .stock-quote, .stock-detail {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }
        .company-card {
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            margin-bottom: 15px;
        }
        .stock-chart {
            margin-top: 20px;
        }
        
        /* PC端搜索框样式 */
        .pc-search-container {
            position: relative;
            display: inline-block;
            margin-left: 20px;
            vertical-align: middle;
        }
        .pc-search-box {
            width: 200px;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            outline: none;
            transition: all 0.3s;
        }
        .pc-search-box:focus {
            border-color: #1E9FFF;
            box-shadow: 0 0 5px rgba(30, 159, 255, 0.3);
        }
        .pc-search-results {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            max-height: 300px;
            overflow-y: auto;
            background: #fff;
            border: 1px solid #ddd;
            border-top: none;
            border-radius: 0 0 4px 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            z-index: 1000;
            display: none;
        }
        .pc-search-result-item {
            padding: 8px 12px;
            border-bottom: 1px solid #eee;
            cursor: pointer;
            transition: background 0.2s;
                color: #000;
        }
        .pc-search-result-item:hover {
            background: #f5f5f5;
        }
        .pc-search-result-item:last-child {
            border-bottom: none;
        }
        
        @media (max-width: 768px) {
            .pc-search-container {
                display: none;
            }
        }