.m-track .g-wrap{ width: 980px; }
.m-track .u-self-track{ float: right; font-size: 14px; line-height: 32px; }
.m-track .u-self-track a{ color: #6294d8; }
.m-track iframe{ margin-top: 30px; }
.m-track .self-track-tt{ border-bottom: 1px solid #428bca; padding: 10px 14px; }
.m-track .self-track-tt .u-tt{ display: inline-block; }
.m-track .self-track-back{ float: right; color: #428bca; }
.m-track .m-search{width: 100%;background-color: #f6f6f6;}
.m-track .m-search div{width: 960px;margin: 0px auto;position: relative;}
.m-track .m-search label{ line-height: 86px; }
.m-track .m-search .u-ipt-primary{ width: 665px; }
.m-track .m-result-box .z-error{ display: none; border: 1px solid #ddd; margin-top: 10px; width: 958px; padding: 10px 0; }
.m-track .m-result-box .z-result{ display: none; border: 1px solid #ddd; margin-top: 10px; width: 958px; padding: 10px 0; }
.m-track .m-result-box .z-error .crying-gif{ float: left; margin: 20px 20px 20px 200px }
.m-track .m-result-box .z-error .error-tips{ float: left; margin: 20px; }
.m-track .m-result-box .z-error .error-tips h3{ line-height: 66px; }
.m-track .m-result-box .z-error .error-tips p{ line-height: 24px; }
.m-track .m-result-box .z-result h3{ margin: 10px 0 10px 20px; line-height: 24px; }
.m-track .m-company-box{ border: 1px solid #ddd; margin-top: 10px;}
.m-track .u-more-li{ display: none; }
.m-track .m-tag-li{ width: 950px; margin: 10px auto; }
.m-track .m-tag-li li{ float: left; width: 180px; margin: 0 5px 5px; }
.m-track .m-tag-li li .u-company-logo{ display: block; }
.m-track .m-tag-li li p{ line-height: 35px; text-align: center; }
.m-track .m-company-box .u-more{ display: block; margin: 5px auto -1px; width: 120px; height: 40px; }
.m-track .m-company-box .z-show{ background-image: url("../images/track/open-more-company.png"); }
.m-track .m-company-box .z-hide{ background-image: url("../images/track/fold-more-company.png?version=1.1"); }
.m-track .port-track{ border-top: 5px solid #428bca; padding-top: 14px; }
.m-track .port-track .m-tag-li{ display: none; }
.m-track .port-track .m-tap3 ul{ height: 32px; border-bottom: 1px solid #ddd; }
.m-track .port-track .m-tap3 ul li a{ font-weight: normal; line-height: 22px; }

@charset "utf-8";
/* ****************** 栅格布局样式 start ************************* */
.g-wrap{ width: 1190px; margin: 0 auto;height: 780px; }
.g-main-l{ width: 880px; float: left; }
.g-main-r{ width: 950px; float: right; }
.g-side-l{ width:230px; float: left; }
.g-side-r{ width:300px; float: right; }
/* ****************** 栅格布局样式 end ************************* */

/* ****************** icon start ************************* */
.icon-padding{ padding: 0 6px 0 0; }
/* ****************** icon end ************************* */

.crying-gif{ display: block; width: 50px; height: 50px; background: url('../images/track/sorry.gif'); }
.m-content{ width: 908px; padding: 20px; border: 1px solid #ddd; }
.u-tt{ display: block; padding: 0 0 0 10px; font-size: 16px; border-left: 3px solid #428bca; }
.u-tt1{ display: block; padding: 0 0 0 10px; font-size: 16px; border-left: 3px solid #eeac56; }
.z-bold{ font-weight: bold; }
.mt10{ margin-top: 10px; }
.u-tips{ font-size: 12px; color: #b4c0cf; }
/* ****************** crumb start ************************* */
.m-crumb{ height: 36px; padding:0 14px; margin-top: 10px; margin-bottom: 10px; border-radius: 3px; background-color: #eff2f5; font-size: 12px; line-height: 36px; color: #606d80; }
.m-crumb a{ color: #428bca; }
.m-crumb a:hover{ color: #eeac56; }
.m-crumb .icon-home{ font-size: 14px; }
/* ****************** crumb end ************************* */

/* ****************** input start ************************* */
textarea::-webkit-input-placeholder { color: #b4c0cf !important; } /*Mozilla Firefox 4 to 18 */
textarea:-moz-placeholder {color: #b4c0cf !important;}  /*Mozilla Firefox 4 to 18*/
textarea::-moz-placeholder {color: #b4c0cf !important; } /*Mozilla Firefox 19+*/
textarea:-ms-input-placeholder {color: #b4c0cf !important; } /*Internet Explorer 10+*/
textarea{padding:4px 10px; line-height: 28px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
input.u-ipt-primary::-webkit-input-placeholder { color: #b4c0cf !important; } /*Mozilla Firefox 4 to 18 */
input.u-ipt-primary:-moz-placeholder {color: #b4c0cf !important;}  /*Mozilla Firefox 4 to 18*/
input.u-ipt-primary::-moz-placeholder {color: #b4c0cf !important; } /*Mozilla Firefox 19+*/
input.u-ipt-primary:-ms-input-placeholder {color: #b4c0cf !important; } /*Internet Explorer 10+*/
.u-ipt-primary{ text-indent: 14px;height: 39px;  line-height: 39px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; vertical-align: middle;}
.u-ipt-primary:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
.u-ipt-success{ height: 32px; padding: 0 10px; line-height: 32px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.u-ipt-success:focus{ border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; }
.u-ipt-warning{ height: 32px; padding: 0 10px; line-height: 32px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.u-ipt-warning:focus{ border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;}
.u-ipt-error{ height: 32px; padding: 0 10px; line-height: 32px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.u-ipt-error:focus{ border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; }
/* ****************** input end ************************* */

/* ****************** btn start ************************* */
.u-btn-default{ display: inline-block; border: 1px solid #eee; background-color: #fff; border-radius: 3px; background-color: #fff; border-color: #ccc; }
.u-btn-primary{ display: inline-block; border: 1px solid #eee; background-color: #fff; border-radius: 3px; background-color: #337ab7; border-color: #2e6da4; color: #fff; }
.u-btn-success{ display: inline-block; border: 1px solid #eee; background-color: #fff; border-radius: 3px; background-color: #5cb85c; border-color: #4cae4c; color: #fff; }
.u-btn-info{ display: inline-block; border: 1px solid #eee; background-color: #fff; border-radius: 3px; background-color: #5bc0de; border-color: #46b8da; color: #fff; }
.u-btn-warning{ text-indent: 3em;display: inline-block; vertical-align: middle; background-color: #df4627;color: #fff;position: relative;left: -4px;font-size: 16px; }
.u-btn-danger{ display: inline-block; border: 1px solid #eee; background-color: #fff; border-radius: 3px; background-color: #d9534f; border-color: #d43f3a; color: #fff; }
.u-btn-default:hover{ background-color: #e6e6e6; border-color: #adadad; color: #333; }
.u-btn-primary:hover{ background-color: #286090; border-color: #204d74; color: #fff; }
.u-btn-success:hover{ background-color: #449d44; border-color: #398439; color: #fff; }
.u-btn-info:hover{ background-color: #31b0d5; border-color: #269abc; color: #fff; }
.u-btn-warning:hover{ background-color: #b51e01; border-color: #771300; color: #fff; }
.u-btn-danger:hover{ background-color: #c9302c; border-color: #ac2925; color: #fff; }
.z-lg{ padding: 12px 24px; }
.z-md{ height: 41px;
    width: 130px;
    line-height: 40px;}
.z-sm{ padding: 6px 12px; }
.z-xs{ padding: 4px 8px; }
/* ****************** btn end ************************* */

/* ****************** drop-down start ************************* */
.m-drop ul{ margin-top: 8px; border-radius: 3px; overflow: hidden; box-shadow: 0px 1px 6px #333; }
.m-drop ul li{ padding:6px 14px; line-height: 20px; border-bottom: 1px dashed #ddd; background-color: #fff; cursor: pointer;}
.m-drop ul li:hover{ background-color: #f5f5f5; }
.m-drop.s-primary ul li:hover{ background-color: #428bca; color: #fff; }
.m-drop ul li:last-child{ border-bottom: none; }
.m-drop > a{ display: block; width: 120px; }
.m-drop > a i{ float: right; }
/* ****************** drop-down end ************************* */

/* ****************** popover start ************************* */
.m-pop{ width: 720px; margin:0 auto; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 1px 6px #333; background-color: #fff; overflow: hidden; }
.m-pop .hd{ height: 60px; border-bottom: 1px solid #f0f0f0; }
.m-pop > div{ padding: 0 24px; }
.m-pop .hd .u-tt{ float: left; margin: 22px 0 0 0 ; }
.m-pop .hd .close{ display: block; float: right; margin: 20px 0 0 0 ; font-size: 18px; color: #ccc;}
.m-pop .hd .close:hover{ color: #eeac56; }
.m-pop .bd{ padding-top: 10px; padding-bottom: 10px; }
.m-pop .ft{ height: 80px; border-top: 1px solid #f0f0f0; }
.m-pop .ft a{ display: block; width: 90px; margin: 22px auto; text-align: center; }
/* ****************** popover end ************************* */

/* ****************** form start ************************* */
.m-form div label{ display: inline-block; margin-left: 14px; text-align: right; }
.m-form div input{ margin-left: 10px; }
/* ****************** form end ************************* */

/* ****************** tags start ************************* */
.u-tag1,
.u-tag2{ display: block; position: relative; padding: 4px 8px; margin: 0 10px 10px 0;  border-radius: 2px; text-align: center; }
.u-tag1{  border: 1px solid #428BCA; background-color: #F4F9FC; color: #428BCA; }
.u-tag2{  border: 1px solid #EEAC56; background-color: #FFFFFF; color: #EEAC56; }
.u-tag1 i,
.u-tag2 i{ padding-left: 6px; color: #B4C0CF; cursor: pointer; }
/* ****************** tags end ************************* */

/* ****************** btn-group start ************************* */
.m-btn-group a{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; padding: 4px;  margin: 0; border: 1px solid #ccc; background-color: #fff; text-align: center; line-height: 24px; color: #333; }
.m-btn-group a:hover{ background-color: #EFF2F5; }
.m-btn-group .u-minus{ border-right: none; border-radius: 3px 0 0 3px; margin-right: -4px; }
.m-btn-group .u-add{ border-left: none; border-radius:0 3px 3px 0; margin-left: -4px; }
.m-btn-group .u-ipt-primary{ display: inline-block; vertical-align: middle; border-radius: 0; text-align: center; }
/* ****************** btn-group end ************************* */

/* ****************** tap start ************************* */
.m-tap1 ul{ height: 32px; padding: 0 20px; border-bottom:1px solid #B4C0CF;  }
.m-tap1 ul li{ float: left; cursor: pointer; }
.m-tap1 ul li a{ display: block; height: 30px; line-height: 30px; padding: 0px 18px; border-left: 1px solid #B4C0CF; border-right: 1px solid #B4C0CF; border-top: 2px solid #B4C0CF; margin: 0 10px 0 0; background-color: #fff; color: #B4C0CF; }
.m-tap1 ul li.on a,
.m-tap1 ul li:hover a{ height: 31px; border-top: 2px solid #2979BE; color: #2979BE; }
/* ---------------------------------------------------------------------------- */
.m-tap2 ul{ height: 32px; padding: 0 20px; border-bottom:1px solid #2979BE;  }
.m-tap2 ul li{ float: left; cursor: pointer; }
.m-tap2 ul li a{ display: block; height: 31px; line-height: 31px; padding: 0px 18px; border-left: 1px solid #B4C0CF; border-right: 1px solid #B4C0CF; border-top: 1px solid #B4C0CF; margin: 0 10px 0 0; background-color: #fff; color: #B4C0CF; }
.m-tap2 ul li.on a,
.m-tap2 ul li:hover a{ height: 32px; border-color:#2979BE; color: #2979BE; }
/* ---------------------------------------------------------------------------- */
.m-tap3 ul{ height: 31px; border-bottom:3px solid #B4C0CF;  }
.m-tap3 ul li{ float: left; height: 34px; cursor: pointer; }
.m-tap3 ul li a{ display: block; width: 88px; border-right: 2px solid #B4C0CF; background-color: #fff; font-weight: bold; text-align: center; color: #B4C0CF; }
.m-tap3 ul li:last-child a{ border-right: none; }
.m-tap3 ul li.on,
.m-tap3 ul li:hover{ background: url('../images/tap3_hover.png') no-repeat center bottom; }
.m-tap3 ul li.on a,
.m-tap3 ul li:hover a{color:#2979BE; }
/* ---------------------------------------------------------------------------- */
.m-tap4 ul li{ float: left; cursor: pointer; }
.m-tap4 ul li:first-child a{ border-left: 1px solid #B4C0CF; }
.m-tap4 ul li a{ display: block; height: 30px; line-height: 30px; padding: 0px 18px; border: 1px solid #B4C0CF; border-left: none; background-color: #fff; color: #B4C0CF; }
.m-tap4 ul li.on a,
.m-tap4 ul li:hover a{ background-color:#2979BE; border-color: #2979BE; color: #fff; }
/* ****************** tap end ************************* */

/* ****************** table start ************************* */
.m-table .s-w48{ width: 48px; }
.m-table .s-w90{ width: 90px; }
.m-table .s-w110{ width: 96px; }
.m-table .s-w160{ width: 160px; }
.m-table .s-w290{ width: 290px; }
.u-thead1{ width: 878px; border: 1px solid #2979BE; background-color: #2979BE; text-align: left; line-height: 34px; color: #fff; }
.u-thead1 span{ display: inline-block; float: left; text-align: center; }
.u-thead1 span:first-child{ padding-left: 14px; text-align: left;  }
.u-thead2 span{ display: inline-block; width: 863px; padding-left: 14px; background-color: #eff2f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 2px solid #eeac56; font-size: 12px; line-height: 30px; font-weight: bold; color: #000; text-align: left; }
.m-table .u-tbody .u-tr{ display: block; width: 878px; border: 1px solid #ccc; border-top: none; height: 44px; }
.m-table .u-tbody .u-tr li{ display: block; float: left;text-align: center; }
.m-table .u-tbody .u-tr li:first-child{ padding-left: 14px; text-align: left; }
/* ****************** table end ************************* */

/* ****************** side-list start ************************* */
.u-li-tt{ width: 200px; padding: 10px 14px; border: 1px solid #ddd; border-top: 2px solid #428bca; font-size: 14px; color:#428bca;  line-height: 18px; background-color: #eff2f4; }
.u-li-tt i{ margin-right: 10px; }
.m-side-li ul li a{ display:block; width: 200px; padding: 10px 14px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom: 1px dashed #ddd; background-color: #fff; color: #606d80; }
.m-side-li ul li a:hover{ background-color: #f4f9fc; }
.m-side-li ul li:last-child a{ border-bottom:1px solid #ddd; }
.m-side-li i.dot{ display: inline-block; width: 4px; height:4px; margin-right: 10px; background-color: #eeac56; vertical-align: middle; }
/* ****************** side-list end ************************* */

/* ****************** search start ************************* */
.m-search{ height: 85px; }
.m-search .u-btn-warning{ text-indent: 48px; }
.m-search .u-btn-warning .icon_search{ position: absolute; top: 12px; left: 20px; }
/* ****************** search end ************************* */

@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
td{ text-align: center; }
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 Microsoft YaHei,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a{ color: #333; }
a:hover{ color:#eeac56; }
.f-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.f-clearfix{*+height:1%;}

.img{position: absolute;right: 140px;top: 35px;}

.m-tag-li ul li:hover a img{opacity: .5;}
.m-tag-li ul li:hover p a{color:#ffb504;}