.div_main_title { width:100%; height:30px; line-height:30px; font-size:20px; border-bottom:1px solid #286cc2; background:url(/uploads/image/ri/15.jpg) #ffffff no-repeat left center; position:relative; margin-bottom:10px; } .div_more { position:absolute; right:0; font-size:14px; } #div_gsdt { width:100%; height:322px; } #div_gsdt_left { width:630px; height:312px; float:left; border:0px solid #000000; } #div_gsdt_first { width:100%; height:105px; border-bottom:1px dashed #dfdfdf; } #div_gsdt_first_title { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#9f203e; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family:microsoft yahei; } #div_gsdt_first_content { width:100%; height:60px; line-height:25px; font-size:14px; text-indent:30px; margin-top:10px; } .spanred { color:#c30425; margin-left:22px; } .ul_gsxw { width:100%; padding: 0; margin: 0px 0 0 0; list-style-type: none; font-size:14px; } .ul_gsxw li { width: 100%; height: 37px; line-height: 37px; background: no-repeat left center; text-indent: 20px; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ul_right li a { text-decoration: none; cursor: pointer; } .ul_right li a:hover { /*color: #057eb7;*/ } #div_gsdt_right { width:360px; height:312px; float:right; border:0px solid #000000; } #div_gsdt_right .title { width:100%; height:35px; line-height:35px; background:#448cee; color:#ffffff; font-size:14px; font-weight:bolder; text-align:center; } #div_gsdt_right .content { width:100%; height: -webkit-calc(100% - 40px); height:calc(100% - 40px); margin-top:15px; } #div_outer_img { width:324px; height:250px; border:0px solid #dfdfdf; float:left; } #div_table { width:1000px; height:auto; margin-bottom:20px; } .tableleft { width:700px; float:left; } .tableright { width:290px; height:50px; float:right; } .table_list { table-layout: fixed; border-collapse: collapse; } .table_list tr { height:30px; line-height:30px; } .table_list td { border: 1px solid #c3c3c3; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; } .tableright ul.custom-list { list-style: none; /* 移除默认的列表样式 */ padding-top: 12px ; /* 移除默认的内边距 */ padding-left:15px; padding-bottom:12px; } .tableright ul.custom-list li { position: relative; /* 设置相对定位 */ padding: 3px 0 3px 10px; /* 添加内边距以留出空间给自定义标记 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tableright ul.custom-list li::before { content: ''; /* 使用空的伪元素 */ position: absolute; /* 绝对定位 */ left: 0; /* 设置在左侧 */ top: 50%; /* 垂直居中 */ transform: translatey(-50%); /* 垂直居中调整 */ width: 5px; /* 设置宽度 */ height: 5px; /* 设置高度 */ background-color: #286cc2; /* 设置颜色 */ border-radius: 50%; /* 圆形 */ } #div_tscpyfw { width:100%; /*height:510px;*/ } .div_every_tspc { width:325px; height:219px; float:left; margin-right:12px; margin-bottom:10px; position:relative; } .div_every_tspc_content { width:293px; height:125px; line-height:25px; position:absolute; left:16px; top:97px; font-size:14px; border:0px solid #000000; color:#6d6d6d; } .div_every_tspc_content a { text-decoration: none; cursor: pointer; color:#6d6d6d; } .div_every_tspc_content a:link { color:#6d6d6d; } .div_every_tspc_content a:visited { color:#6d6d6d; } .div_every_tspc_content a:hover { text-decoration: none; color:#057eb7; } #div_qyxx_title { width:100%; height:35px; line-height:35px; font-size:20px; border-bottom:1px solid #286cc2; position:relative; margin-bottom:10px; margin-top:20px; } #div_qyxx_menu { width:550px; height:35px; position:absolute; left:0; top:0; font-family:microsoft yahei; font-size:20px; } .div_qyxx_everymenu_check { width:100px; height:35px; line-height:35px; background:#286cc2; color:#ffffff; border-top:1px solid #286cc2; border-left:1px solid #286cc2; border-right:1px solid #286cc2; float:left; margin-right:10px; text-align:center; cursor:pointer; } .div_qyxx_everymenu { width:100px; height:35px; line-height:35px; border-top:1px solid #286cc2; border-left:1px solid #286cc2; border-right:1px solid #286cc2; float:left; margin-right:10px; text-align:center; cursor:pointer; } #div_qyxx_content { width:1000px; height:220px; border:0px solid #000000; } .qycontent { width:100%; height:190px; /*position:relative;*/ } .div_every_tpxw { width:230px; height:190px; float:left; margin-right:23px; /*position:relative;*/ border:0px solid #000000; } .div_every_tpxw_img { width:228px; height:158px; border:1px solid #dfdfdf; } .div_every_tpxw_img img { width:222px; height:152px; border:0; margin-left:3px; margin-top:3px; } .div_every_tpxw_span { width:100%; height:30px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; text-align:center; line-height:30px; font-size:14px; } #div_yqlj { width:1440px; border-top:1px solid #dad9e1; background:#edf0f1; margin:0 auto; } #div_real_yqlj { width:1000px; height:auto; line-height:30px; font-size:14px; margin:0 auto;color:#5a5d5e; } .yqcontent { overflow:hidden; zoom:1; } .spanleftyq a { color:#5a5d5e; } .spanleftyq a:link { color:#5a5d5e; text-decoration: none; } .spanleftyq a:visited { color:#5a5d5e; } .spanleftyq a:hover { color:#057eb7; } #div_yq { height: 30px; line-height: 30px; text-align: left; float: left; } .div_every_yq { height: 30px; line-height: 30px; text-align: left; /*width:130px;*/ float: left; } .spanleftyq { /*width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline;*/ /*margin: 0 20px;*/ color:#5a5d5e; white-space:nowrap; margin:0 15px ; } #div_zxjy { width:1000px; height: 360px; position:relative; } #div_cbzxjp { width:1040px; height: 360px; position:absolute; /*text-align:center;*/ left:-20px; top:0px; } #div_cbzxjp_pm { width:1020px; height: 342px; text-align:left; margin:0 auto; } /*船舶在线竞拍开始*/ .redbox_one { border:3px solid #ffffff; width: 960px; height: 344px; background-color: #ffffff; position: relative; cursor:pointer; margin:0 auto; } .imgwarp_one { width: 958px; height: 342px; background-color: #ffffff; border: solid 1px #c3c3c3; position: relative; cursor:pointer; } .info_section_one { width:342px; height:342px; float:left; } .imgtitlebar_one { width:312px; height:30px; line-height:30px; text-align:left; margin:40px 0 20px 30px; font-size:16px; font-weight:bold; color:#000000; } .redbox_two { border:3px solid #ffffff; display : inline; float: left; width: 470px; height: 344px; background-color: #ffffff; position: relative; cursor:pointer; margin-left: 16px; } .imgwarp_two { display: inline; float: left; width: 468px; height: 342px; background-color: #ffffff; border: solid 1px #d5d5d5; position: relative; cursor:pointer; } .imgwarp { display: inline; float: left; width: 324px; height: 342px; background-color: #ffffff; border: solid 1px #d5d5d5; position: relative; cursor:pointer; } .garyllcs_red { width: 80px; height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 23px; overflow: no-display; position: absolute; right: -4px; top: 271px; background: url(/uploads/image/rimg/2.png) no-repeat top left; color: #fff; text-indent: 10px; } .garyllcs { width: 80px; height: 23px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 23px; overflow: no-display; position: absolute; right: -4px; top: 271px; background: url(/uploads/image/rimg/1.png) no-repeat top left; color: #fff; text-indent: 10px; } .imgbox a:link { color: none; } .imgbox { width: 324px; height: 158px; } .imgbox_one { width: 615px; height: 342px; border-right:1px solid #c3c3c3; float:left; } .imgbox_two { width: 468px; height: 217px; } .jqzoom { width: 324px; height: 158px; border: 0; } .jqzoomone { width: 605px; height: 332px; border: 0; margin:5px; } .jqzoomtwo { width: 468px; height: 217px; border: 0; } .imgtitlebar { height: 28px; line-height: 28px; width: 324px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #efeff1; } .imgtitlebar_two { height: 28px; line-height: 28px; width: 468px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #efeff1; } .info-section { color: #999; display: block; font-size: 12px; height: 156px; } .price, .time,.num-auction,.num-apply,.time_class { margin: 0px; text-indent: 15px; padding: 0px; } .info-section_one { color: #999; display: block; font-size: 12px; height: 140px; text-align:left; line-height:35px; border:0px solid #000000; } .one { margin: 0px; text-indent: 30px; padding: 0px; } .info-section_two { color: #999; display: block; font-size: 12px; height: 60px; text-align:left; line-height:30px; border:0px solid #000000; margin-top:5px; } .two { margin: 0px; width:190px; text-indent: 30px; padding: 0px; float:left; } .label { line-height: 30px; color:#999999; } .value { margin-left: 15px; font-weight: normal; color:#999999; } em { font-style: normal; } .start { color: #d91615; font-size: 18px; } .time .value,.time_class .value { font-weight: bold; color: black; } .footer-section {border-top:1px solid #d5d5d5;position:absolute;left:0;bottom:0;width:324px;height:37px;line-height:37px} .footer-section_one {border-top:1px solid #d5d5d5;position:absolute;right:0;bottom:0;width:342px;height:37px;line-height:37px} .footer-section_two {border-top:1px solid #d5d5d5;position:absolute;right:0;bottom:0;width:468px;height:37px;line-height:37px} .num-auction{color:#999;float:left;width:161px;height:37px;border-right:1px solid #d5d5d5;} .count{color:#666;padding-right:4px;font-weight:700} .num-apply {color:#999;float:right;width:161px;height:37px;} .num-auction_one{color:#999;float:left;width:171px;height:37px;border-right:1px solid #d5d5d5;text-indent:15px;} .num-apply_one {color:#999;float:right;width:170px;height:37px;text-indent:15px;} .num-auction_two{color:#999;float:left;width:233px;height:37px;border-right:1px solid #d5d5d5;text-indent:15px;} .num-apply_two {color:#999;float:right;width:234px;height:37px;text-indent:15px;} .redbox_over { border:3px solid #dc2625; display : inline; float: left; width: 312px; height: 344px; background-color: #ffffff; margin-left: 8px; margin-top: 20px; position: relative; cursor:pointer; } .abox { display : block; width: 312px; height: 344px;text-decoration:none; } .aboxone { display : block; width: 960px; height: 342px;text-decoration:none; } .redbox { border:3px solid #ffffff; display : inline; float: left; width: 326px; height: 344px; background-color: #ffffff; /*margin-left: 8px; margin-top: 20px;*/ position: relative; cursor:pointer; margin-left: 6px; } .end {width: 120px; height: 69px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: no-display; position: absolute; right: 0px; top:85px; background: url(/uploads/image/rimg/3.png) no-repeat top left; } .deal { width:60px; height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 23px; overflow: no-display; position: absolute; left: 0px; top: 0px; background: url(/uploads/image/rimg/4.png) no-repeat top left; color: #fff; font-size:15px; text-indent:2px; font-weight:400; text-align:left; } .span_sj { font-size:26px; color:#000000; font-weight:bold; } .span_sjdw { font-size:12px; color:#656565; font-weight:bold; } .currencyone { font-size:26px; } /*船舶在线竞拍结束*/ #div_dtxx_title { width:100%; height:35px; line-height:35px; font-size:20px; border-bottom:1px solid #286cc2; position:relative; margin-bottom:10px; margin-top:0px; } #div_dtxx_menu { width:550px; height:35px; position:absolute; left:0; top:0; font-family:microsoft yahei; font-size:20px; } #div_dtxx_content { width:100%; height:270px; border:0px solid #000000; } /* 网页样式 */ .eg-pcw-main{font-size: 14px;min-width: 1200px;} .eg-pcw-main img{transition: all 0.3s;} .eg-pcw-main .button{background-color: #1671f4;color: #ffffff;border: 1px solid #1671f4;padding: 0;cursor: pointer;display: inline-block;text-align: center;} .eg-pcw-main .button.plain{background-color: transparent;color: #1671f4;} .eg-pcw-main .button:hover{background-color: rgba(22, 113, 244, .8);border-color: rgba(22, 113, 244, .8);color: #fff;} .eg-pcw-main input{border: 1px solid #d4d4d4;box-sizing: border-box;} .eg-pcw-main input:focus{border-color: #d1d1d1;} .eg-pcw-main input, .eg-pcw-main .button{transition: .1s;line-height: 28px;} .eg-pcw-main a{text-decoration: none;} .eg-pcw-main a *{border:none} /*去掉ie下a标签img默认有框*/ .eg-pcw-main a:hover{opacity: 0.8;} .eg-pcw-mainwidth{width: 1165px;margin: 0 auto;} .eg-flexbox{display: flex;} .eg-flex1{flex: 1;} .eg-pull-left{float: left;} .eg-pull-right{float: right;} .eg-w100{width: 100% !important;} .eg-row{position: relative;box-sizing: border-box;} .eg-row::before, .eg-row::after { display: table; content: "";} .eg-row::after {clear: both;} .eg-hover{cursor: pointer;} .eg-hover:hover{opacity: .8;} .eg-text-center{text-align: center;} .eg-pcw-bggrey{background-color: #fafafa;} .eg-pcw-box{padding: 40px 0;} .eg-pcw-content p{margin: 0;} .eg-pcw-list{margin: 0 -10px;} .eg-pcw-list eg-pcw-img{width: 100%;padding-bottom: 0px;} .eg-pcw-list .imghover{opacity: 0;position: absolute;left: 0;top: 0;} .eg-pcw-list .item{float: left;width: 182px;height:182px;padding: 5px;margin: 10px 10px 10px 0;} .eg-pcw-list .wrapper{ transition: all 0.3s ease-out; transform: translatey(100%); font-size: 12px;font-weight: bold;color: #ffffff; background: rgba(0, 0, 0, .7);display: flex;align-items: center;justify-content: center; position: absolute;left: 0px;top: 0px;width: 182px;height: 100%;border-radius:8px;padding: 0 2px;} .eg-pcw-list .item .box{position: relative;overflow: hidden;border-radius: 8px;border:1px solid #dfdfdf;} .eg-pcw-list .item .box:hover .wrapper{transform: translatey(0);font-size:12px;} .eg-pcw-list .item .box:hover .imghover{ opacity: 1;} .eg-pcw-list .item .box:hover .img{ opacity: 0;}