html,body { width:100%; height:100%; margin:0; padding:0; /*font-size:62.5%;*/ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; }

ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0;margin-inline-start:0;margin-inline-end:0; margin:0; padding:0;}
ul li{ list-style:none;}

p{margin-block-start:0;margin-block-end:0;}
input,textarea,button 
{
    outline-width: 0;
    -webkit-appearance: none;
    /*去除input默认样式*/
}

.wapper{ width:100%; height:100%; padding-top:0.1px; position:relative;}


.submenu{ width:100%; height:50px; border-bottom:1px solid #d2d2d2; position:relative; background:#fff; z-index:498;overflow:hidden;}
.submenu ul li{ float:left; height:47px; width:20%; text-align:center; line-height:50px; font-size:14px; overflow:hidden;}
.submenu ul{ height:49px;}
.submenu ul li.cur{ border-bottom:3px solid #1ca2ff; color:#1ca2ff;}


.submenu-pub{ width:100%; height:50px; border-bottom:1px solid #d2d2d2; position:relative; background:#fff; z-index:498;overflow:hidden; flex-direction: row; display:flex;}
.submenu-pub span{ display:inline-block; height:47px; line-height:50px; font-size:14px;flex:auto; text-align:center;}
.submenu-pub span.cur{ border-bottom:3px solid #1ca2ff; color:#1ca2ff;}

#indexName{ font-size:16px; margin-left:30px; margin-bottom:5px; display:none;}

.txtCon{ width:100%; margin-top:20px; margin-bottom:10px;}
.txtCon ul{ margin-left:30px;}

#seasonalIndex{ display:none;}

.index li{ height:28px;}
.index i{ float:left; display:inline-block; width:16px; height:16px; margin-top:6px;}
.index span{ float:left; display:inline-block; font-size:14px; height:28px; line-height:28px; margin-left:10px;} 
.index span label{ width:60px; display:inline-block; text-align:left;}
.index span label.vlab{ width:inherit;}
.index span em{ margin-left:10px; font-style:normal; display:inline-block;}
.index span em font{ display:inline-block;}

.index i.checkbox{ border:2px solid; width:12px; height:12px; position:relative;}
.index i.checkbox img{ width:17px; position:absolute; left:-2px; top:-1px;}

.handle{ margin-top:20px; /*float:right;*/}
.handle li{/* width:100%;*/ height:19px; float:right;}
.handle i{ float:right; display:inline-block; width:15px; height:15px; background:url(../images/icon_check.png) no-repeat; background-size:100%; margin-right:5px; margin-top:2px;}
.handle span{ float:right; margin-right:20px; font-size:12px; display:inline-block; height:19px; line-height:19px;}
.handle li.cur i{background:url(../images/icon_checked.png) no-repeat;background-size:100%; }

.errMsg{ width:100%; text-align:center; font-size:16px; margin-top:100px; color:#414141;  line-height:30px;}
.errMsg button{ width:80px; height:40px; border:0; border-radius:5px; background:#1ca2ff; font-size:14px; color:#fff; margin-top:40px;}

.remarkBg{ position:fixed; top:0; left:10%; text-align:left; z-index:998; width:70%; font-size:12px; display:none;}
.remarkBg .top_arrow{ width:45px; height:15px; background:url(../images/top_arrow.png) no-repeat; background-size:100%; position:relative; top:1px; left:30px; }
.remarkBg .tit{width:100%;  color:#0c84e9; text-indent:15px; 
               border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5; 
               background:#fff; height:30px; line-height:35px;
               border-top-left-radius:10px; border-top-right-radius:10px; }
.remarkBg .con {width:calc(100% - 30px); border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; min-height:50px; background:#fff; padding:0 15px 15px 15px; line-height:20px;}
.remarkBg .btn{ width:100%; color:#0c84e9;text-align:center;border:1px solid #d5d5d5; background:#fff; height:27px; line-height:27px;
                border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
                
.tab table{ width:100%; font-size:14px; border-spacing:0;}
.tab table th,td{ height:35px; line-height:35px;}
.tab table th{ background:#d3ecff; font-weight:bold; text-align:center;}
.tab table td{text-align:center;}

.searchBtnBox{ width:100%; text-align:center; margin-top:30px;}
.searchBtnBox img{ width:90%;}

.me{ background:#f6f6f6;}
.me .wapper { text-align:center; height:auto;}
.me .topBox{ width:100%; position:relative; z-index:1;}
.me .topBox img{ width:100%;}

.me .box{ width:90%; min-height:51px; margin:0 auto; background:#fff; position:relative; z-index:2;
          border-radius: 5px;box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);  }/*这段代码表示阴影的水平位置为右移10px； 垂直位置为下移10px； 第三个10px代表阴影的模糊程度blur，我们也将它设置成20px； 第四个10px是阴影半径的意思；最后一个规定了阴影的颜色为rgba(255,255,0,0.5)。*/
          
.me .meinfo{ margin-top:-24px;}
.me .meinfo:before,.me .meinfo:after{ display:block; content:" "; clear:both;}
.me .meinfo .headBox{ float:left; width:64px; height:64px; border-radius:50%; margin-left:18px; margin-top:24px;}
.me .meinfo .headBox img{ width:100%;}
.me .meinfo .infoBox{ float:left; width:calc(100% - 126px); margin-left:18px; margin-top:24px; text-align:left; font-size:18px; color:#565656;}
.me .meinfo .infoBox div{ height:30px; font-size:16px;}
.me .meinfo .infoBox div:first-child{ font-size:18px;}
.me .meinfo .infoBox div em{ font-size:16px; font-style:normal; color:#858585; margin-left:18px;}
.me .meinfo .infoBox div:last-child{ text-align:right; font-size:16px;}

.me .listbox{ margin-top:18px;}
.me .listbox .itembox{ width:100%; height:50px; border-bottom:1px solid #d6d6d6; text-align:left;}
.me .listbox .itembox:before,.me .listbox .itembox:after{ display:block; content:" "; clear:both;}
.me .listbox .itembox:last-child{border-bottom:0;}

.me .listbox .itembox .ico{ display:inline-block; width:30px; height:30px; float:left; margin-left:15px; margin-top:10px;}
.me .listbox .itembox i.idcard{ background:url(../images/me/me_icon.png) no-repeat 0 0; background-size:100%;}
.me .listbox .itembox i.market{ background:url(../images/me/me_icon.png) no-repeat 0 -30px; background-size:100%;}
.me .listbox .itembox i.custom{ background:url(../images/me/me_icon.png) no-repeat 0 -60px; background-size:100%;}
.me .listbox .itembox i.service{ background:url(../images/me/me_icon.png) no-repeat 0 -90px; background-size:100%;}
.me .listbox .itembox i.share{ background:url(../images/me/me_icon.png) no-repeat 0 -120px; background-size:100%;}
.me .listbox .itembox i.industryinfo{ background:url(../images/me/me_icon.png?20200223) no-repeat 0 -150px; background-size:100%;}
.me .listbox .itembox i.dailyAnalysis{ background:url(../images/me/me_icon.png?20200515) no-repeat 0 -180px; background-size:100%;}
.me .listbox .itembox i.bmaPrice{ background:url(../images/me/me_icon.png?20210121) no-repeat 0 -210px; background-size:100%;}

.me .listbox .itembox i.collect {
    background: url(../images/me/icon_collect_2.png?v1) no-repeat center;
    background-size: 100%;
}

.me .listbox .itembox span{ display:inline-block; height:50px; line-height:50px; margin-left:18px; font-size:16px; color:#565656;}
.me .listbox .itembox .law{ display:inline-block; width:10px; height:18px; float:right; margin-right:18px; margin-top:16px; background:url(../images/me/icon_law.png) no-repeat; background-size:100%;}

.service { text-align:center; height:auto;}
.service div{ width:100%; text-align:center;}
.service .logoservice{}
.service .logoservice img{ width:72px; margin:0 auto;  margin-top:24px;}
.service .qrcode img{ width:132px; margin:0 auto; margin-top:60px;}

.service .info{ background:#f8f8f8; min-height:48px; margin-top:24px; padding-top:10px; padding-bottom:10px;}
.service .info ul{ margin:0 auto; width:fit-content;}
.service .info ul li{ height:36px; text-align:left;}
.service .info ul li span{ font-size:18px; line-height:36px; margin-left:10px; color:#787878;}
.service .info ul li i{ display:inline-block; width:18px; height:18px; float:left; margin-top:8px;}
.service .info ul li i.phone{background:url(../images/me/icon_phone.png) no-repeat; background-size:100%;}
.service .info ul li i.print{background:url(../images/me/icon_print.png) no-repeat; background-size:100%;}
.service .info ul li i.qq{background:url(../images/me/icon_qq.png) no-repeat; background-size:100%;}

.btnBox{ width:100%; text-align:center; margin-top:36px;}
.btnBox button{ width:40%; background:#1ca2ff; color:#fff; font-size:16px; border:0; border-radius:5px; height:45px; line-height:45px;}
.wsp_1{ letter-spacing:10px; text-indent:10px; }
.wsp_2{ letter-spacing:20px; text-indent:20px; }

.ml_1{ margin-left:10px;}
.mt_05{ margin-top:5px;}
.mt_1{ margin-top:10px;}
.mt_2{ margin-top:20px;}

.hide{ display:none;}

.infoBox{-webkit-overflow-scrolling:touch;}
.infoBox::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 5px;
    }
.infoBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
        background: #ddd;
    }
.infoBox::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #efefef;
    }
    
.infoBox::-webkit-scrollbar-track-piece
{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #efefef;
    }
    
/*** 公用字体颜色 ***/
.blue{ color:#1ca2ff;}
.green{ color:#28ce7a;}
.red{ color:#fe4040;}

.KaiTi{ font-family: "KaiTi","楷体","楷体_GB2312";}

/*** 点击后不出现灰色背景 ***/
input,div{ -webkit-tap-highlight-color:transparent;}

.chartBox,#seasonalChart{ text-align:left;}


.bottom_logo{ width:100%; text-align:center; margin-top:20px; margin-bottom:20px;}
.bottom_logo img{ width:60%;}

/**** 横屏 ****/
.expand{ position:absolute; right:10px; bottom:70px; z-index:99;}
.expand img{ width:25px; height:25px;}

.hsBox{ transform: rotate(90deg);-webkit-transform: rotate(90deg); background:#fff; position:absolute; top:0; left:0; z-index:990; display:none;}
.hsTit { background:#f6f6f6; min-height:50px; width:100%; position:absolute; top:0; left:0; /*display:flex; align-items:center;*/ padding-top:10px; padding-bottom:5px;}
.hsTit .indexTit{ width:100%; padding-top:5px; text-align:center;}
.hsTit .indexTit span{ margin-left:15px;}
.hsTit .con{ float:left;}
.hsTit ul{ margin-top:10px; margin-bottom:10px; width:100%;}
.hsTit .hs-index li{ height:25px; float:left; min-width:33%;}
.hsTit .hs-index i{ float:left; display:inline-block; width:15px; height:15px; margin-top:5px; margin-left:15px;}
.hsTit .hs-index span{ float:left; display:inline-block; font-size:12px; height:25px; line-height:25px; margin-left:10px;} 
.hsTit .hs-index span label{ width:60px; display:inline-block; text-align:left;}
.hsTit .hs-index span label.vlab{ width:inherit;}
.hsTit .hs-index span em{ margin-left:10px; font-style:normal; display:inline-block;}
.hsTit .hs-index span em font{ display:inline-block;}

.hsTit .hs-index i.checkbox{ border:2px solid; width:12px; height:12px; position:relative;}
.hsTit .hs-index i.checkbox img{ width:17px; position:absolute; left:-2px; top:-1px;}

.hsTit .close{ width:30px; height:30px; float:right; margin-top:10px; margin-right:15px;}
.hsTit .close img{ width:100%;}

.hsBox .close{ width:25px; height:25px; position:absolute; top:10px; right:15px; z-index:999;}
.hsBox .close img{ width:100%;}

.hsBaseChart { width:100%; height:100%;}


/** 公用 **/
.pb-30{ padding-bottom:30px;}



.remarkBg_2{ position:fixed; top:0; left:15%; text-align:left; z-index:998; width:70%; font-size:12px; display:none;}
.remarkBg_2 .top_arrow{ width:45px; height:15px; background:url(../images/top_arrow.png) no-repeat; background-size:100%; position:relative; top:1px; left:calc((100% - 45px) / 2); }
.remarkBg_2 .tit{width:100%;  color:#0c84e9; text-indent:15px; 
               border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5; 
               background:#fff; height:30px; line-height:35px;
               border-top-left-radius:10px; border-top-right-radius:10px; }
.remarkBg_2 .con {width:calc(100% - 30px); border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; min-height:50px; background:#fff; padding:0 15px 15px 15px; line-height:20px;}
.remarkBg_2 .btn{ width:100%; color:#0c84e9;text-align:center;border:1px solid #d5d5d5; background:#fff; height:27px; line-height:27px;
                border-bottom-left-radius:10px; border-bottom-right-radius:10px;}