body{ background-color:#fafafa; } .s-default{ cursor: default; } .s-hand{ cursor: pointer; } /*banner*/ .banner{ width:1200px; height: 420px; margin: 0 auto ; position: relative; overflow:hidden; z-index: 10; background-color:#ccc; } .banul{ display: inline-block; width: 50px; height: 20px; /* border: 1px solid red;*/ position: absolute; bottom: 20px; right:80px; } .banli{ display: inline-block; width: 14px; height: 14px; } .banner .banx img{ width: 1200px; height: 420px; } .page-con{ position:absolute; z-index:222; right: 80px; bottom:18px; width:100px; } .page-con li{ display:inline-block; width:12px; height:12px; line-height:12px; border-radius:50%; margin:0 4px; color:#fff; cursor:pointer; } .page-con .p1{ background:#3e3e3e; } .page-con .p2{ background:#4764ec; } /*主体开始*/ .scon{ width:1200px; margin: 0 auto ; position: relative; } /*买卖家入口*/ .smmj{ width:1200px; height: 230px; margin: 0 auto; margin-top: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; /*border: 1px solid red;*/ } .smmj smmjx:last-child{ margin-right:0; } .sjnumt{ width: 250px; height:183px; /* border: 1px solid red;*/ z-index: 1000; /*background: #CCCCCC; */ /*shan*/ } .smmj1{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 288px; height:230px; /*border: 1px solid red;*/ padding-left: 18px; padding-right:18px; background-color:#fff; } .smmjx{ width:288px; height:230px; } .smmj div:last-of-type{ margin-right: 0; } .sjul{ width:250px; height:45px; border-bottom: 2px solid #e0e0e0; line-height: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; display: inline-block; float: left; } .sjnumts{ display: inline-block; float: left; } .sjnumt{ display: inline-block; float: left; } .sjul span{ margin-right: 13px; display: inline-block; float: left; } .sjul .sta3{ margin-right: 15px; } .sjul span:last-of-type{ margin-right: 0; } .sjul span:first-of-type{ color:#4063ff; margin-left: 1px; } .s-lk-1{ position: absolute; top:43px; left:0; } .s-lk-2{ position: absolute; top:43px; left:70px; } .s-lk-3{ position: absolute; top:43px; left:138px; } .s-lk-4{ position: absolute; top:43px; left:206px; } .sjnum{ margin-top:20px; height:65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .sjlist{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; height:100px; } .sjnumx{ display: inline-block; width:76px; height:auto; float: left; text-align: center; color:#c0c0c0; } .smmj1{ display:inline-block; float:left; margin-right:16px; } .smmjx{ display:inline-block; float:left; margin-right:16px; } .sjn{ color:#ff9600; font-size: 20px; } .sjnum1{ margin-left:23px; } .sjnum2{ margin-left:40px; } .sjlist p span:last-child{ color:#ff9600; } .sjlist p{ margin-bottom:12px; } .st2box{ width: 252px; height: 106px; /*border: 1px solid red;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; background-image:url("/static/image/y-yqyq.png"); background-repeat: no-repeat; background-position: center bottom; position:relative; } .st2boxx{ padding:13px; border:1px solid #afafaf; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:50px; height:50px; } .st2boxx-1{ padding-top:14px; padding-left:13px; position: absolute; top:46px; left:12px; border:0; } .st2boxx-2{ padding-top:16px; padding-left:17px; position: absolute; top:46px; left:100px; border:0; } .st2boxx-3{ padding-top:17px; padding-left:13px; position: absolute; top:46px; left:190px; border:0; } .st2boxtt{ font-size: 14px; color:#333; width:252x; height:22px; padding-left: 5px; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .st2boxtt span:first-child{ margin-right: 20px; } .st2boxtt span:nth-child(2){ margin-right: 42px; } .st2boxtt-1{ font-size: 14px; color:#333; width:252x; height:22px; padding-left: 0; margin-top:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .st2boxtt-1 span:first-child{ margin-right: 12px; } .st2boxtt-1 span:nth-child(2){ margin-right: 30px; } .t2boxx-11{ padding-top:14px; padding-left:14px; position: absolute; top:46px; left:12px; border:0; } .t2boxx-22{ padding-top:16px; padding-left:16px; position: absolute; top:46px; left:100px; border:0; } .t2boxx-33{ padding-top:14px; padding-left:17px; position: absolute; top:46px; left:190px; border:0; } .st4p1{ font-size: 14px; color:#333; margin-top: 35px; margin-left: 50px; } .st4p2 span{ font-size: 14px; width:100px; height:34px; line-height:30px; border:2px solid #2577e3; display: inline-block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; } .st4p2 a{ font-size: 14px; width:100px; height:34px; line-height:30px; border:2px solid #2577e3; display: inline-block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; } .st4p2{ width:252px; height:100px; margin-top:50px; } .st4p2 a:nth-child(2){ color:#2577e3; } .st4p2 span:nth-child(2) a{ color:#2577e3; } .st4p2 span:nth-child(1){ margin-right:16px; background-color:#2577e3 ; color:#FFF; margin-left:16px; } .st4p2 span:nth-child(1) a{ color:#FFF; } .stab4-img{ width:50px; height:50px; border-radius:50%; overflow:hidden; margin-top:20px; margin-left:80px; margin-bottom:12px; } .stab4-yidenglu{ width:250px; height:183px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } .stab4-1{ font-size:14px; line-height:14px; color:#333; margin-bottom:10px; } .stab4-2{ font-size:14px; line-height:14px; color:#333; margin-bottom:26px; } .stab4-3{ font-size:12px; line-height:12px; color:#afafaf; } /*板块公共*/ .sec{ margin-top: 40px; width:1200px; position: relative; } /*明星产品*/ .sstar{ height: auto; overflow: hidden; margin:0 auto; margin-top: 40px; width:1200px; position: relative; } .sstars{ margin-top: 20px; width:1200px; height: 300px; position: relative; /* border: 2px solid red;*/ overflow: hidden; } .sstartui{ height: 300px; width:3600px; /* border: 2px solid blue;*/ position: absolute; left: 0px; top:0; } .stitle{ height: 26px; width: 1200px; padding-top: 0; } .stitle .sttop{ font-size: 18px; color: #333; padding-left:16px; border-left:4px #616161 solid; } .sttop{ } /*.stitle .sttob{ font-size: 20px; font-weight: 900; color: #333; margin-right: 17px; }*/ .stright{ float: right; } .stright1{ float: right; } .strightx{ width: 35px; height: 22px; border: 1px solid #CCC; float:left; position: relative; cursor: pointer; } .strightx img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .sstarx{ height:300px; width: 228px; /* border: 1px solid green;*/ /* margin-left: 10px;*/ display: inline-block; position: relative; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; margin-right:15px; } .sstars .sstarx:nth-child(5n){ margin-right:0; } .smeng{ width:228px; height:100px; position: absolute; bottom:-100px; left: 0; /*border:1px solid red;*/ background-color: #3882e5; } .sstarx:hover .smeng{ -webkit-transform:translateY(-100px) ; -moz-transform: translateY(-100px); -ms-transform:translateY(-100px) ; -o-transform: translateY(-100px); transform:translateY(-100px); -webkit-transition: all 500ms; -moz-transition:all 500ms; -ms-transition:all 500ms; -o-transition: all 500ms; transition: all 500ms; } .smengps{ width:180px; height:40px; margin: 20px auto; } .smengps .smengp1{ width:180px; height:36px; display: -webkit-box;!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .smengps .smengp2{ width:180px; height:20px; margin-top:10px; } .sstarlogo{ width: 64px; height:20px; text-align: center; position: absolute; top:0; left:82px; color:#333; z-index:100; line-height:20px; } .slxin{ background-color: #55575c; color:#fff; display: inline-block; width: 64px; height:20px; } .slxing{ background-color: #4163ff; color:#fff; display: inline-block; width: 64px; height:20px; } .slre{ background-color: #ff9600; color:#fff; display: inline-block; width: 64px; height:20px; } .sstarimg{ height:220px; width: 228px; position: relative; display: inline-block; float: left; } .sstarimg img{ width:112px; height:112px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .sstarxp1{ font-size: 15px; color:#333; padding-left:30px; padding-right:30px; text-align: center; width:228px; display: inline-block; float: left; height:14px; line-height:14px; margin-top: -4px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sstarxp2 { font-size: 16px; color: #419aff; text-align: center; margin-top: 8px; /* font-weight:bold; */ width:228px; display: inline-block; float: left; height:14px; line-height:14px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: din, 'PingFang SC', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', STHeitiSC-Light, 'Microsoft YaHei', Arial, sans-serif; } .sstarxp3 { font-size: 12px; color: #afafaf; text-align: center; margin-top: 20px; width:228px; display: inline-block; float: left; height:12px; line-height:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*现货供应*/ .img{ float:left; } .sstary{ height:300px; width: 228px; /* border: 1px solid green;*/ margin-left: 8px; display: inline-block; position: relative; } .scol{ height:660px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /*border:1px solid blue;*/ } .stright{ color:#333; font-size: 14px; } .stright1{ color:#333; font-size: 14px; } .stright span{ margin-right: 8px; } .stright2 span{ margin-right: 8px; } .blue{ vertical-align: top; color:#409aff; display:inline-block; /* width:30px;*/ height:16px; /* border-bottom:1px solid #409aff; */ padding-bottom: 3px; } .scols{ width:1200px; height: 615px; /* border:1px solid #409aff;*/ margin-top: 20px; } .scolleft{ width:228px; height: 615px; position: relative; overflow: hidden; float: left; } .scollogo{ width: 64px; height:20px; text-align: center; position: absolute; top:0; left:81px; color:#fff; background-color: #4163ff; } .scolright{ width:972px; height: 616px; /*border:1px solid #409aff;*/ float: left; padding-left:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stright span{ cursor: pointer; } .stright1 span{ cursor: pointer; } .scolrup{ width:970px; height: 284px; /* border:1px solid #409aff;*/ float: left; } .scolrdown{ width:970px; height: 300px; /* border:1px solid #409aff;*/ float: left; margin-top: 30px; } .scleft,.scright{ width: 20px; height: 48px; /*border: 1px solid #CCC;*/ float:left; position: absolute; background-color: #4d4d52; color: #fff; } .scleft{ left:0; top: 250px; } .scright{ right:0; top: 250px; } .lunbo{ width: 228px; height: 615px; overflow: hidden; } .lunbo-img{ width: 912px; height: 615px; display: inline-block; float: left; position: absolute; top:0; left:0; } .lunbo img{ width: 228px; height: 615px; display: inline-block; float: left; } .sstarx1{ margin-bottom:15px; } .sstarx1{ margin-right:15px; } .scolright .sstarx1:nth-child(4n){ margin-right:0; } /*名企采购*/ .sming{ height:655px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /* border:1px blue solid;*/ } .smings{ height:615px; width:1200px; /* border:1px blue solid;*/ margin-top: 20px; } .smingleft{ width:228px; height: 615px; overflow: hidden; float: left; } .smingright{ width:972px; height: 610px; float: left; /* border:1px blue solid;*/ } /*.smingrightx{ display: inline-block; width:470px; height:300px; border: 2px solid blue; } .smingrightx:hover{ height:30px; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; /!*transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px);*!/ }*/ .smingright img{ width:470px; height:300px; margin-left: 14px; /* transition: 1s; */ } .smingright img:nth-child(1),img:nth-child(2){ margin-bottom: 15px; } /*好评产品*/ .haoping{ color:#333; font-size: 14px; float:right; } .haoping span{ margin-right: 8px; cursor:pointer; } .sgood{ height:390px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /*border:1px solid blue;*/ } .sgoods{ height:350px; width: 1200px; /* border:1px solid blue;*/ margin-top: 20px; } .sgongx{ width:228px; height:350px; display: inline-block; float: left; margin-right: 15px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* border:1px solid blue;*/ } .sgoods .sgongx:last-child{ margin-right:0; } .sgongx .sgongx-img{ width:228px; height:180px; background-color:#efefef; position:relative; display: inline-block; float: left; } .sgongx img{ width:160px; height:110px; /*border:1px solid green;*/ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .sgongxdown{ width:228px; height:170px; /*border:1px solid green;*/ display: inline-block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } .sgood .agp1{ font-size:14px; line-height:18px; color:#333; margin-top: 30px; display: -webkit-box;!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .sgood .agp2{ font-size:12px; line-height:12px; color:#afafaf; margin-top: 20px; } .sgood .agp3{ font-size:14px; line-height:14px; color:#333; margin-top: 15px; } .sgood .agp3 .ag3b{ color:#e0e0e0; margin-left:5px; margin-right:5px; } .sgood .agp3 .ag3c{ color:#419aff; /* font-weight: bolder; */ font-size:16px; font-family: din, 'PingFang SC', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', STHeitiSC-Light, 'Microsoft YaHei', Arial, sans-serif; } .sgood .agp4{ font-size:12px; line-height:12px; color:#333; margin-top: 10px; margin-bottom:20px; } .sgdd{ margin-left: 16px; /*border:1px solid red;*/ width:180px; } /*解决方案*/ .jiejue{ color:#333; font-size: 14px; float:right; } .jiejue span{ margin-right: 8px; cursor:pointer; } .ssol{ height:380px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /* border:1px solid green;*/ } .ssols{ width:1200px; height:344px; /* border:1px solid green;*/ margin-top: 20px; } .ssolx{ display: inline-block; width:288px; height:344px; /*border:1px solid blue;*/ float:left; overflow:hidden; margin-right: 15px; background-color:#fff; } .ssolx img{ width:288px; height:180px; float:left; display: inline-block; } .ssolxdown{ width:290px; height:164px; float:left; display: inline-block; padding-left:20px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*border:1px solid red;*/ } .ssolx .slp1{ font-size:16px; line-height:16px; margin-top:30px; color:#333; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ssolx .slp2{ font-size:12px; line-height:12px; color:#afafaf; padding-bottom: 16px; border-bottom:1px solid #e0e0e0; } .ssolx .slp3{ font-size:14px; line-height:18px; color:#afafaf; /* display: -webkit-box;!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; */ margin-top: 20px; } .ssols .ssolx:nth-child(4){ margin-right: 0; } /*采购俱乐部*/ .spur{ height:380px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /* border:1px solid green;*/ } .spurs{ width:1200px; height:344px; /*border:1px solid red;*/ margin-top: 20px; } /* .spurs img{ width:1200px; height:344px; border:1px solid red; } */ .spurs-left{ width:470px; height:344px; float:left; display:inline-block; margin-right:16px; } .spurs-left img{ width:470px; height:344px; float:left; display:inline-block; } .showBox{ width: 714px; height:344px; overflow: hidden; } .showBox ul{ list-style: none; margin: 0; padding: 0; width: 30000px; } .showBox ul li.active{ width: 620px; } .showBox ul li{ float: left; position: relative; height: 344px; width: 42px; overflow: hidden; } .showBox ul li img{ width: 714px; height:344px; } .showBox ul li span{ width: 42px; position: absolute; top: 0; left: 0; height: 344px; padding-top: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:18px; color:#fff; padding-left:10px; padding-right:10px; line-height:1.2; text-align:center; } .showBox ul li span a{ color:#fff; } .showBox ul li:nth-child(1) span{ background: #2685fb; } .showBox ul li:nth-child(2) span{ background: #2063d1; } .showBox ul li:nth-child(3) span{ background: #0043b0; } .showBox ul li span.bg4{ background: #0ff; } .showBox ul li span.bg5{ background: #00f; } /*产品评测*/ .pingce{ color:#333; font-size: 14px; float:right; } .pingce span{ margin-right: 8px; cursor:pointer; } .stest{ height: 390px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } .stests{ height: 330px; width:1200px; /*border:1px solid red;*/ margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stestx{ height: 330px; width: 228px; /*border:1px solid red;*/ margin-right: 15px; display: inline-block; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .stests .stestx:nth-child(5){ margin-right: 0; } .stestx img{ height: 180px; width: 228px; display: inline-block; float: left; } .stestdown{ height: 150px; width: 228px; padding-left:20px; padding-right:20px; display: inline-block; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* border:1px solid blue;*/ } .stp1{ font-size:14px; line-height:14px; color:#333; margin-top:30px; margin-bottom: 20px; height:18px; } .stp2{ font-size:12px; line-height:18px; color:#333; margin-bottom: 16px; display: -webkit-box;!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .stp3{ font-size:12px; color:#afafaf; line-height:12px; margin-bottom:20px; } .stp1 .stp1sp1{ display: inline-block; width: 188px; height:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .stp1 .stp1sp2{ display: inline-block; width: 188px; height:15px; float: right; font-size: 12px; color:#afafaf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } /*热门资讯*/ .shot{ height: 390px; margin:0 auto; margin-top: 40px; width:1200px; position: relative; /*border:1px solid red;*/ } .shots{ height: 330px; width:1200px; /*border:1px solid red;*/ margin-top: 20px; } .shotx{ height: 330px; width: 228px; /*border:1px solid red;*/ margin-right: 15px; display: inline-block; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .shots .shotx:nth-child(5){ margin-right: 0; } .shotx img{ height: 180px; width: 228px; display: inline-block; float: left; } .shotdown{ height: 150px; width: 228px; padding-left:20px; padding-right:20px; display: inline-block; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* border:1px solid blue;*/ } .shp1{ font-size:14px; line-height:14px; color:#333; margin-top:30px; margin-bottom: 20px; height:18px; } .shp2{ font-size:12px; line-height:18px; color:#333; margin-bottom: 16px; height:34px; /* display: -webkit-box;!important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; */ } .shp3{ font-size:12px; color:#afafaf; line-height:12px; margin-bottom:20px; } .shp1 .shp1sp1{ display: inline-block; width: 188px; height:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .shp1 .shsp1sp2{ display: inline-block; width: 188px; height:15px; float: right; font-size: 12px; color:#afafaf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } /*品牌街*/ .spin{ height:auto; margin:0 auto; margin-top: 40px; margin-bottom:40px; width:1200px; position: relative; /* border:1px solid red;*/ } .spins{ height:auto; width:1200px; overflow:hidden; /* border:1px solid green;*/ margin-top: 20px; } .spinup{ height:350px; width:1200px; /* border:1px solid blue;*/ } .spincen{ height:254px; width:1200px; /* border:1px solid pink;*/ } .spindown{ height:125px; width:1180px; /* border:1px solid purple;*/ padding-left: 40px; } .spinupleft{ display: inline-block; width:470px; height: 350px; /* border:1px solid green;*/ margin-right: 16px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .spinupright{ display: inline-block; width:714px; height: 350px; background-color:#fff; /*border:1px solid green;*/ float:left ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; padding-left:57px; padding-right:57px; padding-top:15px; padding-bottom:15px; } .slup{ display: inline-block; width:470px; height: 212px; } .sldown{ display: inline-block; width:470px; height: 138px; background-color: #56575d; } .sltaba{ font-size: 12px; color:#FFF; width: 430px; height: 110px; margin: 10px auto; /* border:1px solid green;*/ } .sltaba li{ display: inline-block; /*border:1px solid red;*/ margin-bottom: 10px; text-align: center; width: 80px; height:22px; margin-right:22px; vertical-align: middle; } /* .sltable td{ margin-right: 20px; } .sltable tr td:nth-child(4){ margin-right: 0; } */ .sltabb{ width:100%; height: 320px; overflow:hidden; /*border:1px solid red;*/ } .sltabb ul{ display: inline-block; width: 320px; width:100%; } /*.sltabb ul:nth-child(4){ margin-right:0; }*/ .sltabb ul li{ display: inline-block; /* border:1px solid red;*/ text-align: center; width: 150px; height:80px; float:left; position:relative; } .sltabb ul li img{ width: 117px; height:36px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .spincenx{ display: inline-block; height:254px; width:236px; font-size: 18px; color:#333; /* border:1px solid red;*/ position: relative; } .spdown{ width: 240px; height: 227px; } .spincenx p{ text-align: center; } .spincenx img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .spindownx{ display: inline-block; width:230px; height:125px; /* border:1px solid green;*/ font-size: 14px; } .spindownx ul{ float: left; display: inline-block; width:94px; height:125px; } .spindownx li{ margin-bottom: 15px; } .spindownx ul li:nth-child(4){ margin-bottom: 0; } .spincenx{ width: 228px; height: 430px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; margin-right:15px; } .spincen .spincenx:nth-child(5){ margin-right:0; } .spincenx .spincenx-p{ font-size:18px; color:#333; line-height:80px; width:228px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .spdown{ width: 228px; height: 180px; background-color:#efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; position:relative; } .spdown img{ width: 228px; height: 180px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .spincen{ height:auto; overflow:hidden; width:1200px; /* border:1px solid pink;*/ } .spindownx{ padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:228px; height:170px; } /*侧边栏*/ .asidebar{ width:5px; height:100%; position: fixed; top:0; right:0; background-color:#56575c; z-index:10000; } .asideup-t{ width: 70px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .asideup-sp{ display: inline-block; width: 35px; height: 40px; line-height:15px; text-align:center; padding-top:5px; padding-bottom:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; background-color:#3882e5; color:#fff; } .asideup-sp-2{ line-height:30px; } .asideup-sp-5{ line-height:30px; } .asideup{ width: 35px; height: 200px; position: fixed; bottom:300px; right:5px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:1000; } .asideup .asideup-span{ display: inline-block; width: 35px; height: 40px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; padding-left:15px; padding-right:15px; border-bottom:1px solid #fff; background-color:#56575c; } .asideup .asideup-span img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .asidedown{ width: 35px; height: 80px; position: fixed; bottom:0; right:5px; background-color:#56575c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:1000; overflow:hidden; } .asidedown .asidedown-span{ display: inline-block; width: 35px; height: 40px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; padding-left:15px; padding-right:15px; border-bottom:1px solid #fff; } .asidedown .asidedown-span img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .asidedown-t{ width: 70px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .asidedown-sp{ display: inline-block; width: 35px; height: 40px; line-height:15px; text-align:center; padding-top:5px; padding-bottom:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; background-color:#3882e5; color:#fff; } .asidedown-sp-1{ line-height:30px; } .asideup-con-s{ width:222px; height:100%; position: fixed; top:0; right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9999; } .asideup-gouwu{ width:222px; height:100%; background-color:#e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .asideup-gouwu-a{ width:222px; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .asideup-gouwu-img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .asideup-lishi-img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .asideup-gouwu-b{ width:222px; height:100%; overflow:hidden; background-color:#e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ccc; } .aside-weixin2{ width:17px; height:17px; } /* 自定义滚动条 */ /*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/ .asideup-gouwu-b-ul::-webkit-scrollbar{ width: 6px; height: 100%; background-color: #e8e8e8; } /*定义滚动条的轨道,内阴影及圆角*/ .asideup-gouwu-b-ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); border-radius: 5px; background-color: #e8e8e8; } /*定义滑块,内阴影及圆角*/ .asideup-gouwu-b-ul::-webkit-scrollbar-thumb{ /*width: 10px;*/ height: 300px; border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #ccc; } .asideup-lishi-b{ width:222px; height:100%; overflow:hidden; background-color:#e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .asideup-lishi-b::-webkit-scrollbar{ width: 6px; height: 100%; background-color: #e8e8e8; } .asideup-lishi-b::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); border-radius: 5px; background-color: #e8e8e8; } .asideup-lishi-b::-webkit-scrollbar-thumb{ /*width: 10px;*/ height: 300px; border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #ccc; } .asideup-gouwu-b-p{ color:#333; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; width:222px; height:50px; line-height:50px; padding-left:14px; position:relative; } .asideup-gouwu-b-p1{ float: left; height:30px; line-height:30px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blue0{ color:#4163ff; } .asideup-gouwudiv{ color:#333; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; width:221px; height:40px; background-color:#dcdcdc; padding-left:14px; position: absolute; bottom:0px; left:0px; } .s-gouwu2-div-right1{ width:70px; height:40px; line-height:40px; text-align:center; } .s-gouwu2-div-left1{ line-height:20px; padding:0; } .asideup-gouwu-img1{ float:right; margin-right:10px; margin-top:14px; } .asideup-gouwu-x{ width:220px; height:62px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; background-color:#fff; padding-left:14px; padding-right:14px; padding-top:10px; padding-bottom:10px; margin-top:10px; } .asideup-gouwu-x img{ width:42px; height:42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .asideup-gouwu-right{ width:144px; height:42px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; margin-left:6px; } .asideup-gouwu-right-p1{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:144px; height:21px; line-height:21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .asideup-gouwu-right-p2{ width:144px; height:21px; line-height:21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; } .asideup-gouwu-right-p2-sp2{ display:inline-block; width:24px; height:21px; line-height:21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: right; } .asideup-gouwu1-right-p2-sp2{ display:inline-block; width:24px; height:21px; line-height:21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: right; } .asideup-gouwu-right-p2-sp1{ color:#419aff; } .asideup-gouwu-right-p2-sp1-gray{ color:#afafaf; } .asideup-gouwu-b-ul{ width:222px; height:100%; float:left; overflow-y:scroll; overflow-x:hidden; } .asideup-gouwu-div{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; width:222px; height:52px; padding-left:14px; } .asideup-kefu{ width:222px; height:100%; } .asideup-geren{ width:222px; height:100%; } .asideup-lishi{ width:222px; height:100%; background-color:#e8e8e8; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .asideup-lishi-a{ width:222px; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .asideup-lishi-a img{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .asideup-kefu{ width:222px; height:100%; position:relative; } .asideup-geren-div{ width:222px; height:40px; background-color:#e8e8e8; font-size:14px; border:1px solid #ccc; line-height:38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:14px; position: absolute; bottom:380px; right:0; } .asideup-weixin-div{ width:222px; height:152px; background-color:#e8e8e8; font-size:14px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:14px; position: absolute; bottom:188px; right:0; overflow:hidden; } .asideup-weixin-div div{ width:90px; height:100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; color:#afafaf; display:inline-block; text-align:center; } .asideup-weixin-div img{ width:70px; height:70px; margin-bottom:0; } .asideup-weixin-div-left{ float:left; } .asideup-weixin-div-right{ float:right; } .asideup-weixin-div p{ margin-bottom:6px; text-align:center; line-height:18px; } .asideup-weixin-p{ display:block; font-size:14px; color:#afafaf; margin-top:6px; line-height:18px; } /* 清除浮动 */ .asideup-weixin-div .clearfloat{ display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0 } .asideup-weixin{ width:222px; height:100%; } .asidedown-con{ width:222px; height:100%; } .asidedown-div{ width:222px; height:40px; background-color:#e8e8e8; font-size:14px; border:1px solid #ccc; line-height:38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:14px; position: absolute; bottom:40px; right:0; } .asideup-kefu-div{ width:222px; height:242px; background-color:#e8e8e8; font-size:14px; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:14px; color:#333; overflow:hidden; line-height:20px; } .asideup-kefu-div1 img{ margin-right:6px; } .asideup-kefu-div-up{ width:194px; height:70px; font-size:14px; border-bottom:1px solid #ccc; display:inline-block; float:left; } .asideup-kefu-div-down{ width:194px; height:130px; font-size:14px; display:inline-block; float:left; } .asideup-kefu-div-up p:nth-child(1){ margin-top:5px; margin-bottom:10px; } .asideup-kefu-div-down p:nth-child(1){ margin-top:20px; margin-bottom:10px; } .asideup-kefu-div-down p:nth-child(2){ margin-bottom:26px; } .asideup-kefu-div-down p:nth-child(3){ margin-bottom:4px; } .e1-denglu{ width:380px; height:310px; position: absolute; top:300px; text-align:center; } .asideup-his-img1 { float: right; margin-right: 10px; margin-top: 14px; } .sslect-ul li{ cursor: pointer; } a{ color:#333; } a:active{ color:#4163ff; } .x-total a{ color:#e4393c; } /* 滚动播报 */ .jine{ width:25opx; height:22px; overflow:hidden; font-size:12px; } .mediaFa{ color:#4163ff; } /* FILE ARCHIVED ON 19:18:48 Oct 02, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:34:45 Apr 27, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.604 exclusion.robots: 0.128 exclusion.robots.policy: 0.119 cdx.remote: 0.074 esindex: 0.008 LoadShardBlock: 186.962 (3) PetaboxLoader3.datanode: 136.672 (5) PetaboxLoader3.resolve: 347.189 (3) load_resource: 398.966 (2) */