.container { width: 1200px; margin: 0px auto; } #fsearch { width: 640px; height: 40px; display: inline-block; } /* #fsearch select{ float: left; } */ #fsearch button { width: auto !important; background: #243c83; color: #fff; padding: 0 20px; border: none; float: left; margin-left: 10px; } #fsearch a { /* width: 120px; */ display: block; background: #243c83; color: #ffffff; padding: 0 20px; height: 30px; float: left; text-align: center; line-height: 30px; margin-left: 10px; } .echart-hang { width: 1200px; /* height: 612px; */ margin: 25px auto; float: left; } .echart-hang1 { width: 400px; float: left; } .logo input { width: 80px !important; line-height: 26px !important; float: left; } /* .di-guang{ width: 1200px; height: auto; } */ .pinpaiad { width: 100%; float: left; margin-bottom: 20px; } .pinpaiad img { margin: 0 5px; } .layui-form-item { /* width: 369px; */ /* margin-bottom: 15px; */ width: auto; /* clear: both; */ *zoom: 1; float: left\9; /* float: left; */ } * html .layui-form-item { float: none; } .logo button { width: auto !important; height: auto !important; margin: 0px; } .layui-input, .layui-select, .layui-textarea { width: 80px !important; height: 38px !important; line-height: 1.3 !important; line-height: 38px\9 !important; border-width: 1px !important; border-style: solid !important; background-color: #fff !important; border-radius: 2px !important; float: none !important; } .layui-form-item .layui-input-inline { float: left !important; width: auto !important; /* width: 87px !important; */ margin-right: 4px !important; } /* .layui-form-selected .layui-edge{ margin-top: 4px !important; margin-left: 4px !important; } */ /* .layui-form-select .layui-edge{ margin-top: 15px !important; } */ .layui-btn { background-color: #243c83 !important; } .b-echart-hang1 { width: 100%; height: 150px; height: 150px\9; background: #008dff; color: #ffffff; float: left; } .b-echart-hang2 { width: 100%; height: 150px; height: 150px\9; background: #5367af; color: #ffffff; float: left; } .b-echart-hang3 { width: 100%; height: 150px; height: 150px\9; background: #e66147; color: #ffffff; float: left; } .pzhong { width: 100%; height: 70px; margin-top: 26px; float: left; padding-bottom: 20px; border-bottom: 1px dashed #4dafff; } .pz { width: 118px; margin: 0px 20px; float: left; } .pz h4 { width: 100%; text-align: center; font-size: 28px; margin: 0px !important; } .pz p { font-size: 13px; text-align: center; margin: 0px !important; } .pz-b { width: 114px; float: left; height: 50px; margin: 0 20px; } .pz-b img { margin-top: 10px; float: left; margin-right: 10px; } .pz-b span { width: 77px; float: right; font-size: 22px; } .pz-g { float: right; line-height: 50px; margin-right: 14px; } .pz-g a { color: #ffffff; } .pz-list { width: 100%; height: 120px; float: left; margin-top: 20px; } .pz-li { width: 390px; height: 118px; border-bottom: 1px solid #e1e3e4; border-top: 1px solid #e1e3e4; float: left; background: #eef5fe; margin-right: 10px; } .pz-li a { margin-top: 48px; color: #000000; float: right; /* margin-right: 5px; */ } .pz-li h3 { width: 100%; text-align: center; font-size: 25px; line-height: 47px; height: 47px; color: #237bec; margin: 0px; } .pz-li h3 span { width: 70px; height: 27px; float: left; line-height: 27px; font-size: 19px; color: #ffffff; background: #237bec; margin-top: 10px; margin-left: 14px; } .pz-li h3 div { width: 278px; text-indent: 83; float: left; } .pz-li h3 div { margin-left: 86px; } .pz-li:first-child h3 div { margin: 0px !important; } .pz-li h3 a { color: #737679; font-size: 13px !important; float: right; margin-right: 10px; display: block; } #bb { margin-top: 30px; } .pzlis { float: left; font-size: 22px; writing-mode: vertical-lr; writing-mode: tb-rl; overflow: hidden; width: 22px\9; text-align: center; letter-spacing: 9px; padding: 0px 15px; padding-bottom: 0px; padding-right: 0px\9; background: #206bc7; color: #ffffff; margin-right: 10px; height: 100%; } * html .pzlis { padding-bottom: 20px; } .ta-pz { width: 282px; height: 104px; margin: 0 auto; float: left; } .ta-pz tr { border-bottom: 1px dashed #e4e7eb; display: flex; justify-content: space-between; padding-top: 12px; } .ta-pz tr:last-child { border: none; } /*.ta-pz tr td{ width: 25%; }*/ .ta-pz tr td:nth-child(1) { width: 30%; } .ta-pz tr td:nth-child(2) { width: 20%; } .di-qus { float: left; width: 100%; height: 33px; } .di-qu { width: 95%; height: 33px; text-align: center; line-height: 33px; margin: 0 auto; background: #206bc7; color: #ffffff; } .dan-w { width: 100%; font-size: 13px; line-height: 33px; } .dan-w span { margin: 0 20px; } .message { width: 1200px; margin-bottom: 20px auto; /* height: 500px; */ display: flex; float: left; /* margin-top: 40px; */ justify-content: space-between; } .sup { width: 860px; float: left; } .supply { height: auto; } .sup h3 div { width: 78%; font-size: 16px; margin-left: 66px; font-weight: 100; display: flex; justify-content: space-between; } .sup h3 div p { float: left\9; } .sup h3 div .color { font-size: 36px; font-weight: 600; color: #243c83; display: block\9; } .sup h3 div span { float: right\9; } .sup h3 div a { color: #333333; font-size: 14px; font-weight: 100; display: block; float: right\9; } .supply-dl { width: 194px; height: 273px; margin-top: 14px; border: 2px solid #ececec; position: relative; float: left\9; margin-left: 14px\9; overflow: hidden; } .supply-dl dt { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .supply-dl dt img { margin-top: 18px; height: 160px; vertical-align: middle\9; } .supply-dl dt p { width: 100%; display: inline-block; text-align: center; color: #c41d1d; font-size: 14px; } .supply-dl dt p span { font-size: 26px; } .supply-dl dd { width: 100%; display: flex; margin-top: 20px; height: 40px; justify-content: center; flex-wrap: wrap; position: absolute; bottom: 0px; } .supply-dl dd p { width: 100%; font-size: 14px; /* width: 157px; */ padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .supply-dl dd a { width: 100%; height: auto; background: #243c83; font-size: 18px; line-height: 40px; color: #f4f5f9; display: none; text-align: right; } .supply-c { display: flex; justify-content: space-between; flex-wrap: wrap; } .supply-dl dd a img { width: 15px; height: 18px; margin-right: 20%; margin-top: 12px; margin-left: 10%; float: right\9; } .market-c { width: 100%; border: 1px solid #e1e3e4; } .market-c tr { display: flex; justify-content: space-between; line-height: 40px; font-size: 15px !important; } .market-c th { font-size: 16px; width: 64px; /* width: auto\9; */ text-align: center; } .market-c td { width: 60px; /* width: auto\9; */ /* padding: 0 30px\9; */ text-align: center; } .market-c td a { display: flex; justify-content: center; align-items: center; height: 40px; color: #333333; } .market-c td img{ width: 60px; } .market-c td a .imgs { /* margin-top: 10px; */ vertical-align: super !important; width: 30px !important; } .market-index { width: 100%; border: 1px solid #e1e3e4; } .market-index tr { display: flex; justify-content: space-between; line-height: 40px; font-size: 15px !important; } .market-index th { font-size: 16px; width: 107px; /* width: auto\9; */ text-align: center; } .market-index td { width: 107px; /* width: auto\9; */ /* padding: 0 30px\9; */ text-align: center; } .market-index td a { display: block; height: 40px; color: #333333; } .market-index td a img { margin-top: 10px; vertical-align: super !important; } .market-cjbj { width: 100%; border: 1px solid #e1e3e4; } .market-cjbj tr { display: flex; justify-content: space-between; line-height: 40px; font-size: 15px !important; } .market-cjbj th { font-size: 16px; width: 172px; /* width: auto\9; */ text-align: center; } .market-cjbj td { width: 172px; /* width: auto\9; */ /* padding: 0 30px\9; */ text-align: center; } .market-cjbj td a { display: block; height: 40px; color: #333333; } .market-cjbj td a img { margin-top: 10px; vertical-align: super !important; } .market-wuzi { width: 100%; border: 1px solid #e1e3e4; } .market-wuzi tr { display: flex; justify-content: space-between; line-height: 40px; font-size: 15px !important; } .market-wuzi th { font-size: 16px; width: 143px; /* width: auto\9; */ text-align: center; } .market-wuzi td { width: 143px; /* width: auto\9; */ /* padding: 0 30px\9; */ text-align: center; } .market-wuzi td a { display: block; height: 40px; color: #333333; } .market-wuzi td a img { margin-top: 10px; vertical-align: super !important; } .market-jidi { width: 100%; border: 1px solid #e1e3e4; } .market-jidi tr { display: flex; justify-content: space-between; line-height: 40px; font-size: 15px !important; } .market-jidi th { font-size: 16px; width: 122px; /* width: auto\9; */ text-align: center; } .market-jidi td { width: 122px; /* width: auto\9; */ /* padding: 0 30px\9; */ text-align: center; } .market-jidi td a { display: block; height: 40px; color: #333333; } .market-jidi td a img { margin-top: 10px; vertical-align: super !important; } .trend { width: 338px; float: left; } .advertising { width: 100%; float: left; margin-top: 20px; } .advertising-l img { width: 380px; height: 80px; } .advertising-l a { width: 380px; height: 80px; display: block; margin-right: 28px; float: left; } .advertising-l a:nth-last-child(1) { margin: 0px; } .bu h3 { width: 100%; justify-content: space-between; margin-left: 8px; } .bu h3 div { width: 200px; display: flex; float: left\9; } .bu h3 div img { float: left\9; } /* .bu h3 div span { float: left\9; } */ .bu h3 a { float: right\9; } .title { width: 100%; height: 36px; line-height: 36px; display: flex; margin-bottom: 20px; } .title h3 { width: 100%; height: 36px; font-size: 23px; display: flex; border-bottom: 1px solid #e5e5e5; float: left\9; } .title img { float: left\9; margin: 7px 6px; } .title span { float: left\9; line-height: 36px; } .title h3 a { display: block; font-size: 14px; font-weight: 100; color: #333333; float: right\9; margin-right: 20px; line-height: 36px; } .quote { width: 100%; float: left; margin-top: 20px; } .manufacturers { width: 383px; float: left; margin-right: 14px; } .manufacturers-u { width: 100%; height: 418px; } .manufacturers-u li a { float: left; width: 238px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000000; } .manufacturers-u li a:hover { color: #243c83; } .manufacturers-u li { line-height: 38px; height: 38px; } .manufacturers-u li span { float: right; margin-right: 10px; } .quote-img { width: 100%; margin-top: 23px; float: left; } .commercials { width: 396px; float: left; } .commercials-u { width: 100%; float: left; height: 418px; } .commercials-u li { width: 100%; height: 38px; line-height: 38px; } .commercials-u li a { /* width: 326px; */ display: block; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .commercials-u li span { display: block; width: 62px; float: left; text-align: center; } .commercials-u li a:hover { color: #243c83; } .commercials-u li .name { float: right; } .goods { width: 334px; float: right; } .goods-u { width: 100%; float: left; } .goods-u li { width: 100%; /* display: block; */ line-height: 38px; height: 38px; } /* .goods-u li{ width: 100%; display: block; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } */ .goods-u li a { color: #212529; } .goods-u li span { float: left; width: 25%; text-align: center; } .goods-u li span a { color: #212529; } .goods-u li .ssjan { width: 24% !important; float: right; } .goods-u li :hover { color: #243c83; } .major { width: 390px; float: left; margin-right: 24px; } .forecast { width: 369px; float: left; } .bazaar { width: 1200px; float: left; margin: 20px 0px; } .purchase { width: 334px; float: right; } /* .gojin{ width: 40% !important; } */ .base-market { width: 100%; text-align: center; height: 40px; font-size: 17px; color: #fff; float: left; } .base-market span { background: #206bc7; padding: 10px 20px; height: 40px; line-height: 40px; } .forecast-li { width: 100%; } .forecast-li li { width: 96%; float: left; padding: 0 2%; height: 35px; line-height: 35px; font-size: 16px; /* border-bottom: 1px dashed #666; */ } .forecast-li li a { float: left; color: #595757; } .forecast-li li span { float: right; } .fungus { border-bottom: 1px solid #ccc; height: 110px; margin: 10px; } .fungus h4 { font-size: 20px; } .fungus h4 span { font-size: 16px; } .fungus p a { color: #c7000b; } .fungus p { line-height: 30px; color: #666; margin-top: 20px; } .forecast-li { width: 100%; } .forecast-li li { width: 96%; float: left; padding: 0 2%; height: 35px; line-height: 30px; } .forecast-li li a { float: left; color: #595757; } .forecast-li li span { float: right; } /* .logo input { width: 80px !important; height: 36px !important; line-height: none !important; float: left; } .logo button { width: auto; height: auto; margin: 0px; } */ .breadcrumb { width: 860px; display: block; } .layui-form { float: right; } .layui-input-block { line-height: 36px; } .wuzi { margin-bottom: 30px; }