@charset "utf-8";
/*---------------------------------
Site:wec9.0查价页面
remark:wec9.0查价页面
Company:wec9.0查价页面
nameAuthor:MR.Leibb
Created:2014.10.29
Updated:2014.10.29
Updated by:MR.Leibb
---------------------------------*/

/* Base */
html {height:100%;}
body {margin:0;padding:0;width:100%;height:100%;font-size:12px;font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;color:#333;background:#fff; text-align:center;}
ul, dl, dl dt, dl dd, form, h2, p, ol{padding:0;margin:0;list-style:none;}
input {font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;}
input,textarea {margin:0;font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;}
.clear{zoom:1;}
.clear:after{clear:both;content:"";display:block;}
a {text-decoration:none;color:#008ad2;}
a:hover {color:#026395}


.left {float:left;}
.right {float:right;}
.margin {margin-left:8px;}

.arrow-mbox,.arrow-box {float:left;position:relative;}
.search-header {height:31px;background-color:#ededed;padding:5px 15px 0 10px;}
.search-header span.search-ico {width:10px;height:10px;display:inline-block;background:url(../images/search-ico.png) 2px 3px no-repeat;margin-left:5px;}
.search-header .arrow-box {margin-right:12px;border:1px solid #ededed;padding:0 5px;}
    .arrow-box a {height:26px;line-height:26px;}
    .arrow-box a.sea-choose {background:url(../images/search-ico.png) left -230px no-repeat;padding-left:18px;color:#555;}
    .arrow-box a.selected {background:url(../images/search-ico.png) left -254px no-repeat;padding-left:18px;color:#555;border:none;}
.search-header .selected {background-color:#fff;border:1px solid #ccc;}

.search-header .arrow-mbox {background-color:#fff;border:1px solid #ccc;display:inline-block;height:24px;line-height:24px;padding:0 3px 0 5px;}
    .search-header .arrow-mbox span.search-ico {background:url(../images/search-ico.png) 2px -15px no-repeat;margin-left:15px;}
    .arrow-mbox  a {color:#555;}
    .arrow-mbox input {border:none;height:22px;margin-left:-5px;padding-left:5px;float:left;font-size:12px;}
    .arrow-mbox a.submit {width:24px;height:24px;background:url(../images/search-ico.png) 2px -35px no-repeat;display:inline-block;float:left;}

.search-header .arrow-mbox:hover span.search-ico {background:url(../images/search-ico.png) 2px 4px no-repeat;}

.search-header .border {border-left:none;}
.arrow-tips {float:right;display:inline-block;margin-left:30px;line-height:26px;color:#ccc;margin-right:30px;}
    .arrow-tips a.cloud {background:url(../images/search-ico.png) 0 -129px no-repeat;padding-left:23px;color:#777;margin-right:8px;}
    .arrow-tips a.cloud:hover {background:url(../images/search-ico.png) 0 -152px no-repeat;color:#008ad2;}
    .arrow-tips a.online {background:url(../images/search-ico.png) 0 -179px no-repeat;padding-left:18px;color:#777;}
    .arrow-tips a.online:hover {background:url(../images/search-ico.png) 0 -204px no-repeat;color:#008ad2;}
.arrow-title {position:absolute;left:50%;margin-left:-50px;top:0;width:200px;text-align:center;line-height:36px;color:#008ad2;font-size:13px;}

/* minPagenav */
.search-header .minPagenav {text-align:right;line-height:20px;float:right;margin-top:2px;}
.minPagenav .pageNo {margin-right:5px;vertical-align:middle;color:#777;}
.minPagenav .prev,
.minPagenav .next {width:18px;height:18px;border:solid 1px #ccc;vertical-align:middle;display:inline-block;text-align:left;text-indent:-9999px;overflow:hidden;background:url(../images/search-ico.png) #fff no-repeat 0 -68px;}
.minPagenav .prev:hover,
.minPagenav .next:hover {background-color:#ccecff;}
.minPagenav .prev:active,
.minPagenav .next:active {background-color:#6cc9ff;}
.minPagenav .prev {background-position:5px -64px;}
.minPagenav .next {background-position:-17px -64px;}
.minPagenav span.prev,
.minPagenav span.next,
.minPagenav span.prev:hover,
.minPagenav span.next:hover {background-color:#efefef;}

/*table*/
.search-form {position:relative;}
.search-form table {width:100%;background-color:#ccc;}
    .search-form table th {height:26px;background-color:#ededed;border-top:1px solid #fff;font-weight:normal;}
    .search-form table td {background-color:#fff;padding:8px 5px;color:#555;}
    .search-form table td.sea-title {text-align:left;}
    .search-form table td.sea-price {text-align:right;color:#f00;font-weight:bold;}
    .search-form table td a.brush {font-weight:bold;background:url(../images/search-ico.png) 5px -82px no-repeat;padding:4px 5px 4px 20px;margin-right:5px;text-decoration:none;white-space:nowrap;}
    .search-form table td a.brush:hover {background:url(../images/search-ico.png) #008ad2 5px -102px no-repeat;color:#fff;}
    .search-form table td a {text-decoration:underline;}
    .search-form table td a:hover {color:#38c30f;}
    .search-form .search-content {margin-top:-1px;height:205px;overflow-y:scroll;}/*控制表格显示高度*/
    .search-form .t-head {padding-right:17px;}
    .search-form .sea-bg {background-color:#ededed;position:absolute;right:0;top:0;width:17px;height:31px;border-top:1px solid #ccc;}

/*arrow-drop*/
.arrow-drop {position:absolute;left:10px;top:32px;z-index:555;background-color:#fff;border:1px solid #ccc;width:110px;display:none;}
    .arrow-drop span {display:block;text-align:left;line-height:26px;padding:0 8px;cursor:pointer;}
    .arrow-drop span:hover {background-color:#f3f3f3;}
.arrow-mbox .arrow-drop {left:-1px;top:24px;}

/*搜索弹出*/
.search-popUp .popUp-header {padding:10px 0 15px 0;}
    .popUp-header .popUp-logo {float:left;width:160px;height:60px;background:url(../images/popUp-logo.png) left center no-repeat;margin-right:35px;display:inline-block;}
    .popUp-header .popUp-search {float:left;width:40%;height:60px;position:relative;z-index:9998;}
        .popUp-search li {float:left;}
        .popUp-search li a {display:block;display:inline-block;height:25px;line-height:25px;padding:0 15px;color:#555;}
        .popUp-search li a:hover {color:#008ad2;}
        .popUp-search li.selected a {background-color:#008ad2;border-top-left-radius:2px;border-top-right-radius:2px;color:#fff;}
        .popUp-search .search-input {width:80%;border:1px solid #008ad2;height:26px;padding-left:5px;outline:none;float:left;}
        .popUp-search .search-btn {float:left;background:#008ad2;border:none;outline:none;height:30px;line-height:28px;color:#fff;width:55px;cursor:pointer;}
    .popUp-header .popUp-hot {float:left;padding:33px 0 0 25px;}
        .popUp-hot a {display:inline-block;margin-right:15px;}
        .popUp-hot a:hover {color:#026395;}
        .popUp-search .popUp-searchTips {position:absolute;top:55px;left:0;z-index:9999;border:1px solid #008ad2;border-top:none;width:81%;background-color:#fff;text-align:left;display:none;}
            .popUp-searchTips a {display:block;padding-left:15px;line-height:30px;}
            .popUp-searchTips a.selected {background-color:#f7f7f7;}
            .popUp-searchTips a:hover {background-color:#f7f7f7;}

.search-popUp .popUp-filter {background-color:#e8f6fe;border:1px solid #e2e2e2;}
    .search-header .arrow-txt {float:left;display:inline-block;padding: 0 3px 0 5px;color:#555;  height: 24px; line-height: 24px;}
    .search-header .arrow-txt.check{border: 1px solid #ccc; background: #fff; height: 24px; line-height: 24px; margin-left:20px;}
    .search-header .arrow-txt input[type=checkbox]{vertical-align: middle; margin-bottom: 3px; margin-right: 5px; *margin-bottom: 2px;}
    .popUp-filter .margin {margin-left:20px;}
    .popUp-filter .arrow-tips {margin:0;color:#777;}
    .popUp-filter .arrow-tips span {color:#f90;padding:0 3px;}

.search-popUp .search-form table{border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.search-popUp .search-form table th {border-top:1px solid #cbe9fb;border-bottom:1px solid #ddd;padding:4px 0;background:url(../images/search-ico.png) #f5f4f4 right -270px no-repeat;color:#777;}
.search-popUp .search-form table td {border-bottom:1px solid #eae9e9;padding:12px 5px;color:#777;}
.search-popUp .search-form table td strong {color:#008ad2;}
.search-popUp .search-form table td.sea-title {color:#333;}
.search-popUp .search-form table td.sea-price {color:#f00;}

.search-de .search-form table th {border-top:1px solid #ddd;}
.search-de .form-txt {padding:15px 8px;}
    .form-txt strong {padding-right:10px;}
    .form-txt span {color:#f90;}
.search-de .search-form a {text-decoration:none;}

.search-popUp .form-list {padding:15px 5px;border-bottom:1px solid #e6e7e5;}
.search-popUp .formUi {float:left;width:50%;overflow:hidden;}
    .formUi li {float:left;}
    .formUi li.cols1 {width:80px;position:relative;}
    .formUi li h4 a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:keep-all;}
    .formUi a.book-page img {width:78px;height:108px;border:#E5E5E5 solid 1px;border-bottom:#BFBFBF solid 2px;}
    .formUi a.book-page .bg-hover {position:absolute;visibility:hidden;opacity:0;z-index:2;top:1px;left:1px;width:78px;height:108px;cursor:pointer;background-color:#000;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
    .formUi a.book-page:hover .bg-hover {opacity:0.2;filter:alpha(opacity=20);visibility:visible;}
    .formUi a.book-page b {background:url(../images/ico-look.png) no-repeat 8px 0;position:absolute;display:none;z-index:3;cursor:pointer;top:30px;left:13px;padding-top:35px;color:#fff;font-size:14px;font-weight:normal;}
    .formUi a.book-page:hover b {display:block;}
    .formUi li.cols2 {text-align:left;width:75%;padding-left:10px;}
    .formUi li.cols2 h4 {margin:0;padding:0;}
    .formUi li.cols2 .desc {line-height:18px;padding:2px 0;color:#999;height:55px;overflow:hidden;}  
    .formUi li.cols2 .other span {padding-right:15px;color:#777;}
        .other strong.sharer {color:#6195c2;font-weight:normal;}
        .other a {text-decoration:underline;line-height:22px;}


.area-box {width:380px;padding:5px;text-align:left;} 
.area-box a {display:inline-block;width:66px;padding-left:10px;text-align:left;}
.time-box {min-width:260px;padding:5px;text-align:left;} 
.time-box a {display:inline-block;width:66px;padding-left:10px;text-align:left;}
.arrow-drop li {height:28px;line-height:28px;text-align:left;font-size:12px;}
.arrow-drop li span {color:#999;display:inline-block;}
.arrow-drop li span:hover {background:none;cursor:default;}
.arrow-drop li a {color:#222;margin-right:22px;padding:0;width:auto;}
.arrow-drop a:hover {color:#008ad2;}
.arrow-drop li a.focus-area {color:#F60;}
.arrow-drop li.close-li {height:20px;position:relative;}
.arrow-drop li.web-li {border-bottom:#F6F6F6 solid 1px;}

/**/
/* popdialog */
.popwin {width:100%;height:100%;position:fixed;left:0;top:-100px;z-index:9999;}
.popwin .popdialog {width:750px;height:500px;margin:auto;margin-top:5%;border:solid 1px #0094e1;box-shadow:0 0 5px #999;position:relative;z-index:9999;background:#fff;padding-bottom:25px;left:50%;margin-left:-375px;border-top:solid 4px #0094e1;}
    .popdialog .topColor {position:absolute;left:0;top:-13px;z-index:99991;height:3px;}
    .topColor .color1 {display:inline-block;width:15px;height:3px;background-color:#ffc600;}
    .topColor .color2 {display:inline-block;width:395px;height:3px;background-color:#3eb523;}
    .topClose .top-close {display:inline-block;width:35px;height:20px;background:url(../images/search-ico.png) 11px -314px no-repeat;}
    .topClose .top-close:hover {background:url(../images/search-ico.png) #de422f -27px -314px no-repeat;}
    .popdialog .topClose {position:absolute;right:0;top:-3px;z-index:99992;height:20px;width:35px;border-top:3px solid #de422f;}
    .popdialog .popHead {text-align:left;padding-left:15px;color:#008ad2;padding-top:8px;}
    .popdialog .popTable {padding-left:15px;}
    .popdialog .popTable .table1 {max-height:400px;overflow-y:scroll;padding-right:10px;}

.Mxsearch-tips .tips-bg {width:100%;height:81%;/*filter:alpha(Opacity=50);opacity:0.5;*/position:absolute;left:0;top:123px;z-index:498;background:#f1f2f1;}
.Mxsearch-tips .tips-content {width:276px;height:130px;display:inline-block;position:absolute;left:50%;top:180px;margin-left:-138px;z-index:499;background:url(../images/load.gif) left top no-repeat;}
.tips-result {background:url(../images/pic-result.jpg) left top no-repeat;width:650px;height:120px;display:inline-block;position:absolute;left:50%;top:130px;margin-left:-260px;z-index:499;text-align:left;padding-top:130px;color:#777;line-height:28px;}
.tips-result strong {display:block;padding-left:60px;font-size:18px;}
    .tips-result strong span {color:#f60;max-width:250px;display:inline-block;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;float:left;}
    .tips-result strong p {float:left;}
.tips-result code {padding-left:60px;line-height:26px;display:block;}

/* pagenav */
.pagenav {padding-top:3px;line-height:28px;text-align:center;word-spacing:-4px;color:#999;}
.pagenav span,
.pagenav a {height:28px;padding:0 10px;margin-right:4px;display:inline-block;}
.pagenav span {border:solid 1px #eee;cursor:default;}
.pagenav a {color:#008ad2;border:solid 1px #eee;}
.pagenav a:hover {border:solid 1px #ddd;text-decoration:none;background:#f0f6fd;}
.pagenav a:active {background-color:#6cc9ff;}
.pagenav a.next {border:solid 1px #00a2f7;font-weight:bold;}
.pagenav .input-text {width:35px;height:16px;padding:6px;text-align:center;border:solid 1px #ccc;}
.pagenav .go {padding:0 5px;border:solid 1px #fff;display:inline-block;}
.pagenav .current {font-weight:bold;/*vertical-align:top;*/border:solid 1px #00a2f7;color:#fff;background:#00a2f7;+margin-top:5px;}

.pagenav .nav-btn{display: inline-block; width: 60px; height: 32px; text-align: center; margin: 0 10px; }
.pagenav .nav-btn img{display: none; margin-bottom: -10px;}
.pagenav .highlightBtn {height:32px; width: 40px; color:#fff;text-align:center;display:inline-block;background:#008ad2;line-height:32px;}
.pagenav .highlightBtn:hover {color:#fff;text-decoration:none;cursor:default;background:#00a2f7;}
.pagenav .highlightBtn:active {box-shadow:inset 3px 3px 3px #d46f00;background:#008ad2;}