/*! DUI buy.css && by Malisen && 1394442790 && E-mail:1394442790 @QQ.com && HomePage: && 2016-10-10T18:18:18 */
.main{width:auto;margin-right:255px;}
.sideBar{width:240px;margin-left:-240px;}
.showBar{width:760px;margin:12px 0 0 195px;}
.iSlide,.iSlide .bd,.iSlide .bd li{height:255px;}
.showBar-banner{width:100%;height:200px;margin-top:10px;overflow:hidden;}
.showBar-banner ul{margin-right:-10px;}
.showBar-banner li{width:240px;height:200px;margin-right:8px;overflow:hidden;}

.rec-buy{width:758px;height:258px;margin-top:10px;border:1px solid #dcdcdc;overflow:hidden;}
.rec-buy .hd{width:100%;height:36px;border-bottom:1px solid #dcdcdc;background-color:#f6f6f6;}
.rec-buy .hd h3{margin:10px 0 0 12px;font-size:14px;font-weight:700;}
.rec-buy .hd .more{color:#e60000;margin:9px 10px 0 0;}
.rec-buy .hd .more:hover{text-decoration:underline;}
.rec-buy .bd{background-color:#fff;padding:0 15px;}
.rec-buy .bd li{width:100%;height:36px;line-height:36px;border-bottom:1px dashed #ccc;overflow:hidden;}
.rec-buy .bd .s1,.rec-buy .bd .s2,.rec-buy .bd .s3,.rec-buy .bd .s4,.rec-buy .bd .s5,.rec-buy .bd .s6{float:left;margin-left:10px;width:85px;overflow:hidden;text-align: center;}
.rec-buy .bd .s1{width:130px;margin-left:0;text-align: left;}
.rec-buy .bd .s2{width:225px;text-align: left;}

.rec-buy .bd .s6{width:65px;text-align:right;}
.rec-buy .bd .s6 .btn{line-height:20px;padding:0 5px;border-color:#e60000;color:#e60000;}
.top-r{width:222px;}
.rec-buy .bd .s6 .btn:hover{background-color: #e60000;color:#fff;}
.top-tabs{width:210px;height:253px;margin-top:12px;border:1px solid #ddd;}
.top-tabs .hd{width:100%;height:36px;border-bottom:1px solid #dcdcdc;}
.top-tabs .hd li{font-size:14px;text-indent:15px;width:50%;line-height:36px;position:relative;cursor:pointer;}
.top-tabs .hd li.on{border-bottom:1px solid  #e60000;}
.top-tabs .bd{padding:15px 12px 0;}
.top-tabs .bd .btn{background-color:#e60000;color:#fff;width:184px;height:38px;line-height:38px;border:0;font-size:16px;}
.top-tabs .bd h3{margin:17px 0 5px;font-size:14px;font-weight:700;}
.top-tabs .bd li{width:100%;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.top-tabs .bd li .dot{background-color: #999;float:left;width:4px;height:4px;margin:11px 6px 0 0;}
.top-tabs .bd li a{color:#555;font-size:13px;}
.top-tabs .bd li a:hover{color:#e60000;}
.top-tabs .bd .last{width:auto;}
.news{width:210px;height:258px;margin-top:10px;border:1px solid #ddd;}
.news h3{background-color:#fafafa;border-bottom:1px solid #dcdcdc;color:#333;font-size:14px;font-weight:bold;height:36px;line-height:36px;padding-left:10px;}
.news ul{padding:7px 12px 0;}
.news li{width:100%;height:26px;line-height:26px;overflow:hidden;}
.news li .dot{background-color: #999;float:left;width:4px;height:4px;margin:11px 6px 0 0;}
.floor{padding-bottom:15px;}
.floor .hd{width:100%;height:40px;}
.floor .hd .more{margin-top:10px;color:#999;}
.floor .hd .more:hover{color:#e60000;}
.floor .hd h3{font-size:18px;line-height:30px;width:235px;}
.floor .hd h3 .num{float:left;color:#fff;margin-right:8px;font-family:"arile";font-size:15px;height:30px;line-height:30px;background-color:#e60000;text-align:center;width:30px;}
.floor .hd ul{margin-top:10px;overflow:hidden;}
.floor .hd li{border-left:1px solid #aaa;font-size:13px;line-height:15px;padding:0 15px;margin-left:-1px;position:relative;}
.floor .hd li a{vertical-align:top;float:left;}
.floor .bd{background:#fff;border:1px solid #e6e6e6;}
.floor-left{width:230px;height:404px;border-right:1px solid #e6e6e6;overflow:hidden;}
.floor-left .banner{padding:10px;}
.floor-left .banner img{width:210px;}
.floor-left .subnav{width:210px;border-top:1px dotted #ddd;padding-top:8px;margin:0 auto;}
.floor-left .subnav ul{margin-left:-20px;}
.floor-left .subnav li{width:95px;height:26px;line-height:26px;margin-left:20px;font-size:13px;}
.floor-main{width:958px;margin-left:-1px;}
.ibuylist .s1,.ibuylist .s2,.ibuylist .s3,.ibuylist .s4,.ibuylist .s5,.ibuylist .s6{float:left;border-left:1px solid #eaeff2;text-align:center;width:120px;}
.ibuylist .s1{width:280px;}
.ibuylist .s2{width:150px;}
.ibuylist .s3{width:150px;}
.ibuylist .item-totime em{color:#f00;padding:0 2px;}
.ibuylist .s6 .btn{line-height:18px;padding:4px 10px;background-color:#f6f6f6;color:#666;}
.ibuylist .s6 .btn:hover{background-color:#e60000;border-color:#e60000;color:#fff;}
.ibuylist dt{background-color:#f7f7f7;width:100%;height:38px;line-height:38px;font-size:14px;color:#666;overflow:hidden;}
.ibuylist dd{width:100%;border-top:1px solid #eaeff2;height:45px;line-height:45px;overflow:hidden;}
.ibuylist li .a-img{width:160px;height:210px;}
.ibuylist li img{width:160px;height:160px;}
.floor-cat{width:400px;padding-top:16px;}
.ibuylist li strong.te{width:100%;height:26px;line-height:26px;font-size:14px;}
.ibuylist li span.price{font-size:14px;line-height:22px;}
.buyList .item{width:100%;padding:15px 0;border-bottom:1px solid #eaeff2;}
.buyList .item .hd{width:100%;height:28px;line-height:28px;overflow:hidden;}
.buyList .item .bd{color:#666;}
.buyList .item .bd span{display:inline-block;float:left;height:24px;line-height:24px;overflow:hidden;}
.buyList .item .bd span em{color:#999;}
.buyList .item .item-info{width:58%;}
.buyList .item .item-info span{width:33%;}
.buyList .item .item-left{width:24%;}
.buyList .item .item-left span{width:100%;}
.buyList .item .item-des{width:100px;text-align:center;margin-top:-5px;}
.buyList .item .item-des .item-totime{font-size:14px;}
.buyList .item .item-des .btn{background-color:#e60000;border:0;padding:4px 13px;color:#fff;}
.buyList .item .item-des .btn:hover{background-color:#d20000;}
.buy-hd,.buy-bd{background-color:#fff;border:1px solid #ddd;padding:20px;position:relative;}
.buy-hd .todate,.buy-hd .expired{width:135px;height:55px;padding-top:7px;position:absolute;top:-5px;right:25px;background:url('../img/sprite-buy.png') 0 0 no-repeat;text-align:center;font-size:16px;color:#fff;}
.buy-hd .todate span{display:block;line-height:22px;}
.buy-hd .expired{background-position:-140px 0;}
.buy-hd .expired span{display:block;line-height:40px;}
.buy-hd .hd{width:100%;height:26px;line-height:26px;margin:5px 0 12px;overflow:hidden;}
.buy-hd .hd h1{font-size:20px;font-weight:600;}
.buy-hd .btn{float:left;margin:15px 0 0 12px;padding:6px 18px;font-size:14px;background-color:#e60000;border-color:#e60000;color:#fff;}
.buy-hd .hd-ul{width:220px;margin-left:25px;position:relative;}
.buy-hd .hd-ul li{width:100%;height:30px;line-height:30px;font-size:14px;overflow:hidden;}
.buy-hd .hd-ul li span{font-size:13px;}
.buy-hd .hd-ul li.last{width:110px;height:46px;position:absolute;top:7px;left:62px;}
.buy-hd .hd-ul li.last a{display:block;background:#fff;border:1px dashed red;color:red;line-height:44px;text-align:center;}
.buy-hd h3{width:100%;height:16px;padding:15px 0 10px;border-bottom:1px dashed #ddd;font-size:14px;}
.buy-hd h3 span{flot:left;border-left:3px solid #e60000;padding-left:7px;line-height:16px;}
.buy-hd .supplier{padding:10px 25px;}
.buy-hd .supplier li{width:100%;height:28px;line-height:28px;font-size:14px;}
.buy-hd .supplier li em{font-size:13px;}
.buy-hd .ul-thumb{position:absolute;right:30px;bottom:30px;background-color:#f7f7f7;padding:2px;z-index:999;}
.buy-hd .ul-thumb li{border:1px solid #fff;cursor:pointer;}
.buy-hd .ul-thumb li.first{border:0;width:20px;line-height:1.1;padding-top:5px;text-align:center;color:#666;}
.buy-bd h3.tit{width:100%;margin-bottom:10px;border-left:3px solid #e60000;line-height:16px;padding-left:7px;}
.show-side-box{border:1px solid #e0e0e0;background-color:#fff;}
.show-side-box .hd{width:100%;height:38px;border-bottom:1px solid #e0e0e0;}
.show-side-box .hd h3{margin:10px 0 0 12px;}
.show-side-box .hd .more{margin:10px 12px 0 0;}
.show-side-box .bd{padding:8px 12px;}
.show-side-box .bd li{width:100%;height:25px;line-height:25px;overflow:hidden;}
.show-side-box .bd li a{color:#666;}
.show-side-box .bd li a:hover{color:#e60000;}
.show-buy-list{padding:0 15px;}
.show-buy-list dt{width:100%;height:38px;line-height:38px;font-weight:600;overflow:hidden;}
.show-buy-list dd{width:100%;height:38px;line-height:38px;border-top:1px dashed #e1e1e1;overflow:hidden;}
.show-buy-list .s1,.show-buy-list .s2,.show-buy-list .s3,.show-buy-list .s4,.show-buy-list .s1,.show-buy-list .s5{float:left;width:165px;text-align:center;}
.show-buy-list .s1{width:220px;}

/*add code 2018 cfannb*/
.popup-show {
 color:#e60000
}
.popup-show:hover {
 color:#f60
}
.popup-show:active {
 color:#e60000
}
.cRed {
 color:#e60000
}
.cBlue {
    color: #3578ac;
}
.map-ico{
 background-image:url(../images/enterprise-icon-bg.gif);
 background-repeat:no-repeat
}
.map-ico {
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:top;
 *vertical-align:middle;
 margin-top:0;
 *margin-top:0;
 _margin-top:0;
 _margin-bottom:0;
 margin-right:5px;
 background-position:-16px -18px;
 cursor:pointer;
 width:20px;
 height:19px
}
.proDeltailBox {
 border-width:1px 1px 0;
 margin-top:8px;
}
.proDeltailBox h2 span {
 font-weight:lighter
}
.proDeltailBox h2,.proRecord h2,.proContact h2,.proRemark h2,.proPosition h2 {
 background:url("../images/bg1.png") 0 0 repeat-x;
 height:27px;
 line-height:27px;
 padding:0 10px;
 color:#333;
 border:1px solid #ddd;
 border-width:1px 1px 0 1px;
 border-top:0;
 font-size:14px;
 font-weight:bold
}
.p-guide {
 position:absolute;
 display:none;
 height:0
}
.p-guide .actor {
 position:absolute;
 opacity:0;
 z-index:10;
 filter:alpha(opacity=0)
}
.p-guide .actor-title {
 font:36px Microsoft YaHei,Arial,Tahoma;
 font-weight:500;
 color:#FFF;
 text-shadow:1px 1px 2px #000;
 white-space:nowrap
}
.p-guide .actor-descripter {
 border-radius:10px;
 border:4px solid #3e66a6;
 background:#e9f2fb;
 padding:10px 20px;
 font-size:14px;
 line-height:24px
}
.p-guide .actor-descripter h3 {
 color:#802;
 margin:5px 0;
 font-size:16px;
 font-weight:900
}
.p-guide .arrow {
 background-image:url("../images/guide-arrow.png");
 width:28px;
 height:67px;
 position:absolute;
 _display:none
}
.mask-focus .p-guide {
 display:block
}
:root .actor {
 filter:none
}
.p-guide .order-num {
 font-weight:bold;
 text-align:center;
 font-size:25px;
 line-height:30px;
 margin-right:10px
}
:root .p-guide .order-num,.actor-control .btn-close {
 position:absolute
}
:root .p-guide .order-num {
 left:-17px;
 border:#3e66a6 4px solid
}
.actor-control .btn-close {
 width:24px;
 height:24px;
 background-position:-333px -3px;
 position:absolute;
 right:5px;
 top:5px;
 border:none!important
}
:root .p-guide .order-num,:root .actor-control .btn-close {
 width:30px;
 height:30px;
 border-radius:30px;
 background-color:#e9f2fb;
 margin-right:0;
 top:-17px
}
:root .actor-control .btn-close {
 border:#3e66a6 4px solid!important;
 background-position:-330px 0
}
:root .p-guide .order-num-right,:root .actor-control .btn-close {
 right:-17px;
 left:auto
}
:root .actor-control .btn-close:hover {
 background-position:-330px -76px
}
.projTable {
 margin:0 auto;
 border-collapse:collapse;
 border-spacing:0
}
.projTable td,.projTable th {
 height:20px;
 line-height:20px;
 text-align:left;
 border:1px solid #ddd;
 padding:4px 0 4px 10px
}
.projTable th {
 font-weight:bold
}
.projTable td {
 color:#333
}
.projTable .help-ico {
 vertical-align:top;
 *vertical-align:middle;
 margin-top:1px;
 *margin-top:0;
 _margin-top:1px;
 _margin-bottom:1px;
 margin-left:5px
}
.projTable .kr {
 position:absolute;
 z-index:1;
 margin-top:25px;
 margin-left:-90px;
 box-shadow:3px 3px 3px #acabab;
 border-radius:3px;
 background-color:#fffbe9;
 padding:5px 10px;
 border:1px solid #acabab;
 width:268px;
 color:#f60;
 line-height:21px;
 display:none
}
.projTable .triangle {
 position:absolute;
 left:75px;
 top:-7px;
 display:inline-block;
 width:13px;
 height:7px;
 background:url("../images/triangle.gif") 0 0 no-repeat
}
.projIntro {
 margin:-1px auto 0
}
.projIntro .projTable {
 margin:0 auto
}
.projIntro .projTable th {
 vertical-align:top;
 background:0;
 padding-top:8px
}
.projIntro .projTable td {
 background:0;
 height:auto;
 line-height:24px;
 color:#333;
 padding-top:8px;
 padding-bottom:8px;
 vertical-align:top
}
.projIntro .projTable td.projQRCode {
 vertical-align:middle;
 padding-right:10px;
 text-align:center
}
.projIntro .projTable td.projQRCode img {
 width:160px
}
#trProjMeterial td {
 line-height:24px
}
.etpTable {
 border-collapse:collapse;
 border-spacing:0
}
.etpTable th,.etpTable td {
 border:1px solid #ddd
}
.etpTable td {
 padding:5px 0 5px 10px;
 line-height:18px;
 vertical-align:top
}
.etpTable thead td {
 background:#f4f7fa
}
.no-proRecord-tips {
 background:#f4f7fa;
 padding:14px 10px 12px 10px;

 line-height:30px;
 border:1px solid #ddd
}
.proContact {
 border-bottom:1px solid #ddd
}
.proContact table {
 background-color:#fff
}
.proContact th {
 vertical-align:top;
 background:0;
 padding-top:8px
}
.proContact .effectUse {
 color:#147
}
.proContact .effectUse:hover {
 color:#f60
}
.proContact .projTable th,.proContact .projTable td {
 border:1px solid #ddd;
 border-width:1px 1px 0
}
.proContact .projTable td {
 padding:0 0 5px 0
}
.proContact .projTable h3 {
 line-height:29px;
 color:#333;
 font-weight:lighter;
 border-bottom:1px solid #ddd;
 padding:0 0 0 10px;
 margin-bottom:5px;
 font-size:13px;
}
.proContact .projTable h3 span {
 _display:inline-block;
 _vertical-align:middle
}
.proContact .projTable ul {
 float:left
}
.proContact .projTable li {
 border:0;
 line-height:25px;
 color:#333;
 padding:0 10px
}
.proContact .projTable .btn-menu {
 float:right;
 font-weight:normal
}
.proContact .projTable .more-contact {
 vertical-align:top;
 margin-top:1px;
 padding:0 10px;
 margin-right:5px
}
.proContact .projTable .contactBox {
 position:relative;
 overflow:hidden;
 zoom:1;
 -moz-user-select:none
}
.proContact .projTable .tools {
 position:absolute;
 right:5px;
 top:50%;
 margin-top:-10px;
 display:none
}
.proContact .projTable .tools span {
 cursor:pointer
}
.proContact .current th,.proContact .current td {
 background-color:#f5f5f5
}
.proContact .current .tools {
 display:block
}
.proContact .mayUpdateContact .prompt {
 padding:15px 10px;
 border-top:1px solid #ddd;
 margin-top:-1px
}
.proContact .remarks {
 line-height:25px;
 color:#333;
 padding:5px 10px 0;
 border-top:1px dotted #878787;
 word-wrap:break-word;
 word-break:break-all
}
.proContact .remarks span {
 color:red
}
.projQRMap {
 position:relative;
 margin-right:10px
}
.projQRMap .projQRMap_an_bg {
 position:absolute;
 bottom:0;
 left:0;
 background:#000;
 filter:alpha(opacity=12);
 opacity:.12;
 height:40px;
 width:100%
}
.projQRMap .projQRMap_an {
 display:block;
 width:115px;
 height:26px;
 position:absolute;
 left:50%;
 margin-left:-57px;
 bottom:7px;
}
.projQRMap .projQRMap_an:hover {
}
.proj-remark {
 border:1px solid #ddd
}
.proj-remark .proj-remark-ul {
 padding:0 10px
}
.proj-remark li {
 border-bottom:1px dotted #bdbdbd;
 padding:10px 0 6px 0;
 line-height:29px
}
.proj-remark span,.proj-remark a {
 display:inline-block;
 *display:inline;
 *zoom:1;
 color:#898989;
 height:29px;
 line-height:29px
}
.proj-remark a {
 margin-left:5px;
 padding-left:20px;
 display:inline-block;
 margin-right:30px
}
.proj-remark a:hover {
 color:#369;
 text-decoration:none
}
.proj-remark .remark-edit {
 background:url("../images/pan-before-ico.png") no-repeat 0 58%;
 color:#37d
}
.proj-remark .remark-edit:hover {
 color:#6ae;
 background:url("../images/pan-after-ico.png") no-repeat 0 58%
}
.proj-remark .remark-delete {
 background:url("../images/delete-before-ico.png") no-repeat 0 58%;
 color:#37d
}
.proj-remark .remark-delete:hover {
 background:url("../images/delete-after-ico.png") no-repeat 0 58%;
 color:#d61919
}
.proj-remark .remark-change-remind,.proj-remark .changeBox-changeRemind {
 background:url("../images/remind_time.png") no-repeat 0 58%;
 color:#37d
}
.proj-remark .remark-change-remind:hover,.proj-remark .changeBox-changeRemind:hover {
 color:#6ae;
 background:url("../images/remind_time_hover.png") no-repeat 0 58%
}
.proj-remark .remark-set-remind,.proj-remark .changeBox-setRemind {
 background:url("../images/remind_time.png") no-repeat 0 58%;
 color:#37d
}
.proj-remark .remark-set-remind:hover,.proj-remark .changeBox-setRemind:hover {
 color:#6ae;
 background:url("../images/remind_time_hover.png") no-repeat 0 58%
}
.proj-remark .remark-cancel-remind,.proj-remark .changeBox-cancelRemind {
 background:url("../images/remind_time_delete.png") no-repeat 0 58%;
 color:#37d
}
.proj-remark .remark-cancel-remind:hover,.proj-remark .changeBox-cancelRemind:hover {
 color:#6ae;
 background:url("../images/remind_time_delete_hover.png") no-repeat 0 58%
}
.proj-remark .remark-time {
 margin-right:102px
}
.proj-remark .remark-label {
 line-height:22px
}
.proj-remark .remark-content {
 color:#333;
 font-size:14px;
 line-height:22px;
 height:auto
}
.proj-remark .remark-content .remark-label {
 color:#555
}
.proj-remark .remark-content .remark-label label {
 margin-right:10px
}
.proj-remark .button {
 vertical-align:top
}
.proj-remark textarea {
 width:894px;
 height:88px;
 padding:10px 10px 30px 10px
}
.proj-remark .change-remark {
 position:relative
}
.proj-remark .change-remark .detail_notes_label {
 position:absolute;
 top:94px;
 left:10px
}
.no-remark-tips {
 padding:16px 0 0 10px;
 color:#555
}
.add-remark {
 padding:10px
}
.add-remark a,.change-remark a {
 margin-right:20px
}
.add-remark .remark-set-remind {
 margin-right:20px
}
.add-remark .remark-set-remind input {
 width:13px;
 height:13px;
 padding:0;
 margin-top:8px;
 *margin-top:0;
 _margin-top:8px;
 _margin-bottom:8px;
 vertical-align:top;
 *vertical-align:middle;
 margin-right:0
}
.add-remark .remark-set-remind label {
 height:29px;
 line-height:29px
}
.change-remark-tips {
 position:relative;
 border:1px solid #ffb27f;
 background:#fff;
 padding:2px 5px;
 color:#a4a4a4;
 line-height:16px;
 margin:4px 8px 0 0
}
.change-remark .triangle-character {
 position:absolute;
 width:12px;
 height:12px;
 top:3px
}
.change-remark .tc-bd {
 color:#ffb27f;
 left:-4px
}
.change-remark .tc-bg {
 color:#fff;
 left:-3px
}
.proPositionBox-new {
 border:solid #ddd 1px;
 position:relative
}
.proPositionBox-new img {
 display:block;
 width:932px;
 height:500px
}
.proPositionBox-new a {
 color:#900;
 display:block;
 width:938px;
 height:500px;
 position:absolute;
 top:0;
 left:0;
 line-height:500px;
 text-align:center;
 font-size:14px
}
.proPositionBox-new a:hover {
 color:#f60
}
.proPositionBox {
 border:solid #ddd 1px;
 position:relative
}