/**厦门站点**/
/** 初始化 **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{background:#e5e5e5;line-height: 24px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;color:#333;}
a,button{cursor:pointer}
html, body{height: 100%;margin: 0 auto;}
iframe{margin:0;padding:0;display:block;}
/** 初始化 **/

/** 首页 **/
.iHead{background-color:#4cb7fe}
.head{width:1024px;height:85px;margin:0 auto;background:#4cb7fe;position:relative;}
.ifooter{background:#303036;margin-top:-1px;width:100%;float:left;min-width:1024px;}
.footer{width:1024px;height:230px;margin:0 auto;color:#fff;}
.lfooter{width:24%;float:left;font-size:40px;text-align:center;margin-top:65px;}
.mfooter{width:51.2%;float:left;color:#888888}
.rfooter{width:24.8%;float:left;}
.lweixin{line-height:230px;width:30.5%;float:left}
.rweixin{width:69.5%;float:left}
.mfooter ul li{display:inline-block;margin-right:35px;}
.mfooter ol{line-height:40px;}
.mfooter ol li{display:inline-block;margin-right:20px;}
.mfooter ul li a{text-decoration:none;color:#fff;}
.mfooter ul li a:hover{text-decoration:underline}
.mfooter ol li a{text-decoration:none;color:#888888;}
.nav{right:0;position:absolute;top:25px;}
.nav li{float:left;margin-left:10px;list-style:none}
.nav li a{display:inline-block;font-size:14px;padding:10px 20px;color:#fff;text-decoration:none}
.nav li a:hover{background-color: rgba(255,255,255,.1)!important;}
.nav li label{color:#fff}
.iprofile{margin-top: -85px;z-index:0;position:relative;min-width:1024px;}
.profile{width:1024px;height:84px;margin:0 auto;position:relative}
.profileItem{width:25%;float:left;color:#fff;}
.lprofileItem{width:35%;float:left;height:85px;line-height:85px;}
.rprofileItem{width:65%;float:left;height:85px;font-family:'Microsoft YaHei'}
.rprofileItem h1{font-size:14px;width:100%;height:23px;float:left;margin-top:12px;}
.rprofileItem h2{font-size:12px;width:100%;float:left;font-weight:normal}
.ilogin{width:320px;height:370px;text-align:left;position:absolute;top:135px;margin-left:64%;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.login{padding:20px 25px;position:relative;z-index:5;}
.loginTitle{line-height:45px;color:#333333;font-size:16px;}
.loginInputStyle{background:#fff;padding: 3px 12px;height: 28px;line-height: 28px;width: 91%;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                 border:1px solid #d8dce5;border-radius: 4px;text-indent:25px;}
.iLinkUI-icon{position:absolute;margin:24px 0 0 6px;}
.forgetBox{font: 12px/1.5 'Microsoft YaHei';margin-top:25px;}
.loginBtn{width:100%;padding:12px 16px;background:#4cb7fe;color:#fff;box-shadow: 0 0 0 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);border:none;border-radius:4px;}
.loginBtn:hover{background:#48a2de}
/** 首页 **/

/** 船期公告 **/
.content {width:100%;min-height:550px;float:left;position:relative;}
.paper-background{position:absolute;width:100%;height:355px;z-index:-1;
                  background-image: url(/images/iLinkUI/paperBg.png);background-size: cover;background-repeat: no-repeat;}
.paper {width: 950px;min-height:400px;background-color: #FFFFFF;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);margin: 64px auto;}
.navTree{margin-top:20px;}
.navTree ul li{padding-left:25px;cursor:pointer;font-size:13px;line-height:30px;}
.navTree ul li a{color:#999999;text-decoration:none}
.navTree ul li:hover{background:#eaf6ff;}
.navTree .actived{border-right:3px solid #4cb7fe;background:#eaf6ff;color:#4cb7fe}
.iTab{border-top:1px solid #f6f7f9;border-bottom:1px solid #f6f7f9;width:100%;float:left}
.iTab ul li{display:inline-block;padding:10px 20px;cursor:pointer}
.iTab ul .actived{border-bottom:1px solid #4cb7fe;color:#4cb7fe}
.iTabTitle{font-size:18px;color:#333;line-height:35px;}
.iTabContent{margin-top:20px;margin-bottom:20px;}
.iTabContent ul li{padding:10px;}
.iTabContent ul li a{color:#344e63;text-decoration:none}
.iTabContent ul li a:hover{color:#333;text-decoration:underline}
.iTabContent p{text-indent:2em;line-height:30px;}

/** font-size **/
.f12{font-size:12px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f44{font-size:44px!important;}
/** font-size **/

/** color **/
.whiteCl{color:#fff;}
.grayCl{color:#bebebe}
.blueCl{color:#4e8cee}
.redCl{color:red}
/** color **/

/** vertical-align **/
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom;}
.vs{vertical-align:sub}
/** vertical-align **/

/** 禁用 **/
.halfShadeOfGrey{opacity:0.5;filter:alpha(opacity=50)}
/** 禁用 **/

/** 溢出省略号显示 **/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/** 溢出省略号显示 **/

/** 通用光标手势 **/
.pointer{cursor:pointer;}
.pointer:hover{opacity:0.8; filter:alpha(opacity=80);}
.default{cursor:default!important}
/** 通用光标手势 **/

/** reset easy **/
.header{width:100%;height:100%;background:#fff;background: -webkit-linear-gradient(left bottom,#ffffff,#ffffff);  
        background: -o-linear-gradient(left bottom,#ffffff,#ffffff);background: -mos-linear-gradient(left bottom,#ffffff,#ffffff);  
        background: -moz-linear-gradient(left bottom,#ffffff,#ffffff);background: linear-gradient(left bottom,#ffffff,#ffffff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=1);
}
.header-left{width:50%;float:left;height:100%;}
.global {width: 13px;height: 13px;margin-right:5px;vertical-align:text-top;}
.switchArea{display:inline-block;line-height:52px;color:#4db7ff;font-size:15px;margin-left:10px;}
.tabs-header{background:#4faefe;background: -webkit-linear-gradient(left bottom,#4faefe,#598dff);background: -o-linear-gradient(left bottom,#4faefe,#598dff);  
        background: -mos-linear-gradient(left bottom,#4faefe,#598dff);background: -moz-linear-gradient(left bottom,#4faefe,#598dff);  
        background: linear-gradient(left bottom,#4faefe,#598dff); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4faefe,endColorstr=#598dff,GradientType=1);
        padding-top:0;border-top: 1px solid rgba(0, 0, 0, 0.1);z-index: 3;margin-top:1px;
}
.tabs li a.tabs-inner{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;
                      background-color: #8ac8f4;background: -webkit-linear-gradient(top,#8ac8f4 0,#8ac8f4 100%);
    background: -moz-linear-gradient(top,#8ac8f4 0,#8ac8f4 100%);background: -o-linear-gradient(top,#8ac8f4 0,#8ac8f4 100%);
    background: linear-gradient(to bottom,#8ac8f4 0,#8ac8f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8ac8f4,endColorstr=#8ac8f4,GradientType=1);
    color:#fff;}
.tabs li.tabs-selected a.tabs-inner{background-color: #e9eef4;
                                    background: -webkit-linear-gradient(top,#ffffff 0,#e9eef4 100%);
    background: -moz-linear-gradient(top,#ffffff 0,#e9eef4 100%);background: -o-linear-gradient(top,#ffffff 0,#e9eef4 100%);
    background: linear-gradient(to bottom,#ffffff 0,#e9eef4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e9eef4,GradientType=0);
    border-bottom:1px solid #e9eef4;color:#124259;}
.panel-header{background-color: #fff;background: -webkit-linear-gradient(top,#fff 0,#fff 100%); 
    background: -moz-linear-gradient(top,#fff 0,#fff 100%);background: -o-linear-gradient(top,#fff 0,#fff 100%);
    background: linear-gradient(to bottom,#fff 0,#fff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=0);}
.panel-header{border-style:none;background: #fbfbfb;border-bottom: 1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:6px;width:92.5%!important;}
.tree-node{height:28px;}
.tree-title{height:28px;line-height:28px;color: #333;font-size:13px;font-family:'Microsoft YaHei'}
.tree-title-cl{color: #64738e;font-size:14px!important;}
.tree-file{background:none;}
.tree-collapsed,.tree-expanded{float:right;margin-right:10px;}
.tree-folder{background:none;height:28px;line-height:28px;margin-left:8px;}
.panel-header, .panel-body {border-color: #f2f2f2;}
.panel-body{border-style:none}
.layout-expand{background-color:#4faefe}
.panel-header .panel-title{font-weight:normal;color: #64738e;font-size:13px;font-family:'Microsoft YaHei';height:17px;line-height:17px;}
.layout-split-west {border-right: none;}
.layout-button-left {background: url(/images/iLinkUI/layout_arrows.png) no-repeat 0 0;}
.layout-button-right {background:#fff url(/images/iLinkUI/layout_arrows.png) no-repeat 0 -16px;}
.tree-collapsed {background: none}
.tree-expanded {background: none}
.tree-node-hover{background:#eaf2ff}
.tree li div.tree-node-selected{background:#fff;}
.tree li ul li div.tree-node-selected{background: #e2f6ff;}
.tabs-scroller-left {background: #E0ECFF url(/images/iLinkUI/reset_tabs_icons.png) no-repeat 1px center;}
.tabs-scroller-right {background: #E0ECFF url(/images/iLinkUI/reset_tabs_icons.png) no-repeat -15px center;}
.tabs li a.tabs-close {background: url(/images/iLinkUI/reset_tabs_icons.png) no-repeat -34px center;}
.tabs-panels{margin:5px 1px 1px 5px;border: 1px solid rgb(215, 217, 225);}
.panel-body{background:#e9eef4}
.layout-split-west .panel-body{background:#fff}
.tabs{padding-left:15px;}
.layout-panel-north{z-index:5;box-shadow: 0 5px 10px rgba(0,0,0,.08);}
.layout-panel-west{z-index:4;background:#fff;}
/** reset easy **/

/** 文件下载start **/
.downloadFiles{width:201px;height: 65px;background: url(/images/TractorCompany/downloadFiles.png) no-repeat 0 -1px ;float: left;}
.downloadFiles:hover{background: url(/images/TractorCompany/downloadFiles.png) no-repeat 0 -66px ;}
.downloadFiles:active{background: url(/images/TractorCompany/downloadFiles.png) no-repeat 0 -131px ;}
/** 文件下载start **/

/** 通用输入框 **/
.commonInputStyle{height:25px;border:1px solid #dbdbdb;padding-left:5px;font-size:12px;-moz-box-sizing : border-box;
                  -webkit-box-sizing : border-box ;box-sizing : border-box ;font-family:'Microsoft YaHei';
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.08);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.08);
    -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.08);}
input[disabled],textarea[disabled] {background:#f2f2f2;}
/** 通用输入框 **/

/** 通用下拉框 **/
.commonSelectStyle{height:25px;border:1px solid #dbdbdb;padding-left:5px;font-family:'Microsoft YaHei';font-size:12px;}
select[disabled]{background:#f2f2f2;color:#a9a9a9;}
/** 通用下拉框 **/

/** 文本水平对齐样式 **/
.leftAlign{text-align: left;}
.centerAlign{text-align: center;}
.rightAlign{text-align: right;}
/** 文本水平对齐样式 **/

/** 在线订舱 **/
.notice-box{width:450px;height:250px;overflow:auto}
.btnBooking{background:#4faefe;color:#fff;border:none;border-radius:3px;width:65%;line-height:35px;}
.btnBooking:hover{background:#598dff}
.notice-title{color:#4c5665;text-decoration:underline;line-height:35px;padding-left:10px;}
.notice-body{width:95%;height:195px;padding:10px;float:left;position:relative;word-break:break-all;word-wrap:break-word;}
.carrier-box{width:80px;height:80px;background:#fafbfd;display:inline-block;padding:0px;margin:15px 13px;cursor:pointer}
.carrier-box:hover{box-shadow: 0px 4px 5px rgba(0,0,0,.1);-webkit-transform: scale(1.1)}
.carrier-logo{width:80px;height:80px;margin-bottom:3px;}
/** 在线订舱 **/

/** 信息公告 **/
.personal-box{width:98%;height:180px;margin:5px auto;background:#fff;}
.friendly-show{width:50%;height:100%;background-repeat: no-repeat;background-size: cover;float:left;background-position:center;}
.personal-info{width:50%;height:100%;float:left;}
.hyperLink{color:#3988ff;text-decoration:none}
.hyperLink:hover{text-decoration:underline}
.message-box{width:98%;background:#fff;margin:15px auto;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.message-title{width:100%;height:50px;line-height:50px;background:#fbfbfb;border-bottom:1px solid #f2f2f2}
.badge{color:#58b171;border:1px solid #58b171;border-radius:2px;padding:2px;}
.badge-red{background:#ff6470;color:#fff;padding-left:5px;padding-right:5px;}
.badge-white{padding-left:5px;padding-right:5px;}
.message-body{width:95%;margin:0 auto}
.message-body ul li{line-height:45px;list-style:none;border-bottom:1px solid #f2f2f2}
.message-body ul li a{color:#333;text-decoration:none}
.message-body ul li a:hover{color:#3988ff}
.announcement-body{width:95%;margin:0 auto}
.announcement-body ul li{line-height:45px;list-style:none}
.announcement-body ul li a{color:#333;text-decoration:none}
.announcement-body ul li a:hover{color:#3988ff}
/*积分绑定*/
.bg {background: rgba(0,0,0,0.5);-pie-background:rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top: 0;filter: alpha(opacity=50);
    opacity: 0.5;z-index: 1;position: fixed!important;position: absolute;}
.form_point {position: absolute;top: 10px;left: 50%;z-index: 100;width: 400px;height: 560px;background: white;margin-left: -200px;
    display: none;font-size: 15px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);border-radius: 7px;}
.mn-close {display: block;width: 24px;height: 24px;text-align: center;line-height: 24px;color: #ffeb00;font-family: Tahoma,sans;
    font-size: 22px;position: absolute;text-decoration: none;top: 5px;right: 5px;opacity: 0.8;}
.point_content {width: 383px;top: 180px;position: absolute;}
.btn_bind {width: 135px;height: 35px;color: #FFF;border: 1px solid gray;border-radius: 5px;background-color: #dcdcdc;font-size: 14px;
    font-weight: normal;margin-top: -3px;font-family: "Microsoft Yahei";cursor: pointer;}
.btn_point_cancle{width: 75px;height: 34px;border: 1px solid gray;border-radius: 6px;background: white;cursor: pointer;margin-left: 15px;}
.serviceRead {font-size: 12px;padding: 10px;}
.bindSuccess {width: 135px;height: 35px;color: #FFF;border: 1px solid #006934;border-radius: 5px;background-color: #0DAC67;
    font-size: 14px;font-weight: normal;margin-top: -3px;font-family: "Microsoft Yahei";cursor: pointer;}
/*公告内页*/
.message_box {width: 100%;min-width: 1024px;background-image: url(/images/HomePage/ArticalBg.jpg);}
.message_content {min-width: 1010px;width: 80%;height: 85%;background: white;margin: 0 auto;top: 5%;position: relative;
                  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);padding:20px;}
.message_content ul li{line-height:40px;list-style:none;}
.message_content ul li:hover{color: #3988ff;}

/** 信息公告 **/

/** float **/
.fr{float:right}
/** float **/

/** 星号 **/
.star{color:red;vertical-align:middle;}
/** 星号 **/

/** 注册 **/
.register-title{width: 92.5%;margin-left:3%;height: 50px;line-height: 50px;border-bottom:1px solid #f6f7f9;font-size: 18px;font-weight: bold;color: #666;}
.register h6{font-size: 30px;color: #cacaca;padding-left: 35px;padding-top: 10px;font-weight: bold;}
.register h5{padding-left: 35px;line-height: 25px;font-size: 14px;}
.mn {margin-top: 20px;margin-bottom: 20px;margin-left: 30px;width: 875px;}
.step1Light{width:85px;height:85px;display:inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat 3px -81px;}
.step1Dark{width:85px;height:85px;display:inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat 4px 4px;}
.step2Light{width: 82px;height: 85px;display: inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat -82px -81px;}
.step2Dark{width: 82px;height: 85px;display: inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat -82px 4px;}
.step3Light{width: 85px;height: 85px;display: inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat -163px -82px;}
.step3Dark{width: 83px;height: 85px;display: inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat -164px 4px;}
.arrowNext{width: 50px;height: 25px;display: inline-block;background: url(/images/HomePage/sprite_forward2.png) no-repeat -253px -20px;}
.square_out_border {border: 1px solid #00a6ff;background: #fff;position: relative;color: #00a6ff;}
.square_top_corner {line-height: 1;font-size: 50px;position: absolute;top: -25px;left: 50px;}
.square_top_corner2 {line-height: 1;font-size: 50px;color: #fff;position: absolute;top: 3px;right: 0;}
.next{border:none;padding:10px 30px;background:#008cff;color:#fff;font-family:'Microsoft YaHei';font-weight:bold;
    font-size:13px;border-radius:4px; -moz-border-radius: 4px; /* Firefox */-webkit-border-radius: 4px; /* Safari ºÍ Chrome */
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);-moz-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#e6e6e6')     
    progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#e6e6e6') 
    progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#e6e6e6') 
    progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#e6e6e6');/*ÕâÀïµÄÑÕɫҪд6λÊý£¬Ð´³É#666²»ÐÐ*/
}
.blue {height: 30px;font-size: 18px;color: #008cff;margin: 20px 0 20px 32px;font-weight: bold;}
.w40per{width:40%;}
/** 注册 **/

/** query **/
.query-box{width: 180px;position: absolute;float: left;top: 100px;box-shadow: 0 0 1px 3px rgba(0, 0, 0, .1);z-index: 1}
.query-nav li{padding: 20px 0 20px 20px;text-align: left;width: 100%;font-size: 14px;color: #fff;cursor:pointer}
.query-nav li.actived{cursor: pointer;background: #4db7ff;color: #fff;}
.query-nav li:hover{background:#6ad9fb}
.query-container{position: absolute;top: 0;margin-left: 100%;width: 100px;height: 200px;background: #fff;}
.query-nav>li.hover{margin-right: -1px;padding-right: 1px;background: #4db7ff;}
.child-wrap{text-align: left;position: absolute;top: 0;left: 180px;z-index: 1;height: 100%;background: #fff;display:block}
.shipment-cost{width: 99%!important;}
.shipment-cost .search-btn{width: 119px!important; float: right; margin: 40px 30px 0 0;}
.part-box{float: left;width: 100px;}
.quantity{width: 40%!important;text-align: center;}
.count-row{margin-left:10px;}
.row-tt{display: block;overflow: hidden;height: 32px;}
.row-tt label{color: #606d80;font-size: 14px;font-weight: normal;width: 33%;float: left;text-align: center; margin-top: 13px;}
.btn-group{vertical-align: middle;display: inline-block;width: 100px;overflow: hidden;margin: 10px 0 0 15px;}.cargo-fee{vertical-align: middle;display: inline-block;width: 81px;overflow: hidden;margin-top: 10px ;}
.cargo-fee input{font-size: 14px;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;color: #555;border: 1px solid #ddd;display: block;float: left;width: 50px;height: 25px;line-height: 16px;border-radius: 0;text-align: center;}
.pop-1{position: absolute;width: 468px;height: 32px;background: url(/images/iLinkUI/iLinkUI_pop.png) no-repeat;bottom: 10px;}
.pop{position:absolute;width:299px;height:153px;margin-left:-19px;opacity:0.5;filter:alpha(opacity=50);bottom:0;}
.iLinkUI-pop{background:url(/images/iLinkUI/iLinkUI_pop02.png)}
.btn-group input{font-size: 14px;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;color: #555;border: 1px solid #ddd;display: block;float: left;width: 30px;height: 25px;line-height: 16px;border-radius: 0;text-align: center;}
.btn-group a{width: 25px; height: 25px; margin: 0; border: 1px solid #ddd; background-color: #fff; text-align: center; line-height: 25px; color: #333; display: block; float: left;}
.u-minus{border-radius: 3px 0 0 3px; border-right: none !important;}
.u-plus{border-radius: 0 3px 3px 0;border-left: none !important;}
.child-item{width: 300px;height: 100%;padding: 20px;margin:0 auto}
.input-box label{float: left;font-size: 14px;}
.input-box input{margin-bottom: 10px;height: 35px;width: 100%;padding: 5px;font-size: 14px;}
.search-btn:hover{background: #56cafc;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;transition: background 250ms cubic-bezier(.55, 0, .1, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, .2);}
.search-btn:active{background: #469bf7;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;transition: background 250ms cubic-bezier(.55, 0, .1, 1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);}
.icon-nav-toRiht{float:right;margin-right:5px;margin-top:2px;}
.count-row span {
    vertical-align: baseline;
    font-size: 14px;
    font-weight: bold;
    color: #606d80;
    width: 33%;
    text-align: center;
    display: block;
    float: left;
        margin-top: 10px;
}
.pop-1 {
    position: relative;
    width: 468px;
    height: 32px;
    background: url(/images/iLinkUI/iLinkUI_pop.png) no-repeat;
    float:right;
    margin:60px -30px 0 0;
}
.cargo-fee input {
    font-size: 14px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
    border: 1px solid #ddd;
    display: block;
    /* float: left; */
    width: 70px;
    height: 25px;
    line-height: 16px;
    border-radius: 0;
    text-align: center;
    margin: 0 auto;
}
.row-tt label {
    color: #606d80;
    font-size: 14px;
    font-weight: normal;
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 13px;
}
.btn-group {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    margin: 10px 0 0 0px;
    width: 33%;
}
.input-box select {
    font-size: 14px;
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
    font-family: microsoft yahei;
    /* float: left; */
}
.search-btn {
    width: 100%;
    height: 45px;
    border: 0;
    border-radius: 2px;
    background: #4db7ff;
    color: #fff;
    box-shadow: 0 1px 3px #bebdbd;
    font-size: 14px;
}
/** query **/



/* ****************** 船期搜索组件 start ************************* */
.f-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.f-clearfix {
	*+height: 1%;
}

.container h1 {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.select-list {
	display: none;
	position: absolute;
    left: 440px;
    width: 172px;
	border-radius: 5px;
	z-index: 999;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 1px 3px #333333;
	-moz-box-shadow: 0px 1px 3px #333333;
	-webkit-box-shadow: 0px 1px 3px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333')";
}

.select-list ul {
	position: relative;
	max-height: 260px;
	overflow-x: hidden;
	overflow-y: auto;
}

.select-list>div {
	position: relative;
}

.select-list .select-list-tt {
	background-color: #428bca;
	padding: 0 14px;
    color: #fff;
    line-height: 32px;
    font-size: 12px;
    font-weight: normal;
}

.select-list li a {
	display: block;
	width: 172px;
	padding: 0 14px;
	font-size: 12px;
	line-height: 32px;
	color: #428BCA;
}

.select-list li:hover a {
	background-color: #fdf1d5;
	color: #f88f28;
	width: 170px;
	border: 1px solid #f88f28;
	line-height: 30px;
	text-indent: -1px;
}

.select-list li a .test {
	margin-left: 10px;
	color: #ff8f28;
}

.search-port-li {
	display: none;
	position: absolute;
    left: 420px;
	width: 600px;
	z-index: 999;
	box-shadow: 0px 1px 3px #666;
	border-radius: 5px;
	overflow: hidden;
	background-color: #fff;
}

.search-port-li .search-li-hd {
	padding: 0 14px;
	color: #fff;
	line-height: 32px;
	background-color: #428bca;
}

.search-port-li .search-li-hd h4 {
	font-weight: normal;
	font-size: 12px;
}

.search-port-li .search-li-bd {
	padding: 10px 0px;
}

.search-port-li .search-li-bd .tab-li {
	height: 26px;
	border-bottom: 1px solid #428bca;
	padding: 0 10px;
}

.search-port-li .search-li-bd .tab-li li {
	float: left;
	padding: 0 12px;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	background-color: #fff;
	cursor: pointer;
}

.search-port-li .search-li-bd .tab-li li.z-cur {
	border: 1px solid #428bca;
	border-bottom: none;
	line-height: 25px;
	padding: 0 11px;
}

.search-port-li .search-li-bd .tab-cell-li {
	max-height: 280px;
	padding: 0px 14px;
	overflow-x: hidden;
	overflow-y: auto;
}

.search-port-li .search-li-bd .tab-cell {
	display: none;
}

.search-port-li .search-li-bd .tab-cell.z-on {
	display: block;
}

.search-port-li .search-li-bd .tab-cell .tab-cell-item .u-tt-primary span {
	padding: 6px 10px;
	font-size: 12px;
	background-color: #eff2f5;
	color: #ff8f28;
}

.search-port-li .search-li-bd .tab-cell .tab-cell-item li {
	float: left;
}

.search-filter-li .filter-bd ul li a,
.search-port-li .search-li-bd .tab-cell .tab-cell-item li a {
	display: block;
	line-height: 24px;
	width: 172px;
	padding: 4px 6px;
	font-size: 12px;
	color: #325d97;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    box-sizing: unset;
}

.search-filter-li .filter-bd ul li a {
	width: auto;
}

.search-filter-li .filter-bd ul li:hover a,
.search-filter-li .filter-bd ul li.selected a,
.search-port-li .search-li-bd .tab-cell .tab-cell-item li:hover a,
.search-port-li .search-li-bd .tab-cell .tab-cell-item li.z-cur a {
	background-color: #fdf1d5;
	border: 1px solid #ff9000;
	width: 170px;
	line-height: 22px;
	text-indent: -1px;
	color: #ff9000;
}

.search-filter-li .filter-bd ul li a:hover,
.search-filter-li .filter-bd ul li.selected a {
	width: auto;
}

.search-filter-li {
	position: absolute;
    top: 177px;
    left: 20px;
	display: none;
	background-color: #fff;
	width: 240px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 1px 3px #666;
	z-index: 999;
}

.search-filter-li .filter-hd {
	background-color: #428bca;
	padding: 0px 14px;
}

.search-filter-li .filter-hd h4 {
	font-weight: normal;
	color: #fff;
	line-height: 32px;
	font-size: 12px;
}

.search-filter-li .filter-bd ul {
	max-height: 280px;
	overflow-y: auto;
}

.search-filter-li .filter-bd ul li a:focus,
.search-filter-li .filter-bd ul li.selected a:focus {
	outline: none;
}

.u-tt-primary {
	margin: 10px 0px;
}

.u-tt-primary span {
	display: block;
	border-left: 4px solid #428bca;
	padding: 6px 10px;
	background-color: #f4f9fc;
	font-size: 14px;
	font-weight: bold;
}

input:focus, select:focus, textarea:focus, button:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

/* ****************** 船期搜索组件 end ************************* */