.logistics .lo_head{ height:90px; border-bottom:1px solid #e8e8e8;}
.logistics .lo_head .logo{ float:left; display:inline; width:392px; height:42px; padding:24px 0 0; background:url(../img/logistics/logo.png) no-repeat 0 24px;}
.logistics .lo_head .logo a{ display:block; width:150px; height:42px; text-indent:-9999px;}
.logistics .lo_head .ad{ float:right; display:inline; width:500px; height:60px; margin:15px 0 0; background:url(../img/logistics/ad.jpg) no-repeat;}

.logistics .lo_banner{ position:relative; height:350px;}
.logistics .lo_banner .img1{ position:absolute; top:0; left:0; width:100%; height:350px; background: no-repeat center;}/**url(/Content/css/wuliu/img/56banner1.jpg)*/


.logistics .lo_main{ margin:40px 0 0; padding:0 0 40px; border-top:1px solid #e6e6e6;}

.logistics .lo_main .optionbg{ position:absolute; top:-391px; left:0; width:440px; height:350px; background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); background:#fff;}
.logistics .lo_main .option{ position:absolute; top:-381px; left:10px; width:410px; padding:0 5px 5px; background:#c7181e;}
.logistics .lo_main .option h2{ height:36px; line-height:36px; font-size:14px; color:#fff; text-indent:5px;}
.logistics .lo_main .option .form{ padding:20px 0 0 14px; background:#fff;}
.logistics .lo_main .option .form .change{ position:absolute; left:384px; top:73px; width:16px; height:44px; padding:0 2px 0 0; line-height:42px; background:url(../img/logistics/change.png) no-repeat; color:#fff; text-align:right; cursor:pointer;}

.logistics .lo_main .option .form dl{ padding:0 0 10px;}
.logistics .lo_main .option .form dt{ float:left; display:inline; width:52px; padding:0 8px 0 0; line-height:34px; font-size:14px; color:#333; text-align:right;}
.logistics .lo_main .option .form dt .icon1{ display:inline-block; width:14px; height:16px; margin:0 6px 0 0; background:url(../img/logistics/icon1.png) no-repeat center; vertical-align:-2px;}
.logistics .lo_main .option .form dt .icon2{ display:inline-block; width:14px; height:16px; margin:0 6px 0 0; background:url(../img/logistics/icon2.png) no-repeat center; vertical-align:-2px;}
.logistics .lo_main .option .form dt .icon3{ display:inline-block; width:14px; height:16px; margin:0 6px 0 0; background:url(../img/logistics/icon3.png) no-repeat center; vertical-align:-2px;}
.logistics .lo_main .option .form dd{ float:left; display:inline;}
.logistics .lo_main .option .form dd input{ width:288px; height:22px; padding:5px; border:1px solid #b4b4b4; border-radius:3px; line-height:22px; outline:none;box-sizing: content-box;}
.logistics .lo_main .option .form dd input.short{ width:108px}
.logistics .lo_main .option .form dd .tipbox{ position:relative;}
.logistics .lo_main .option .form dd .tip{ position:absolute; left:308px; top:0; width:76px; height:32px; border:1px solid #f25555; border-radius:2px; line-height:32px; background:#fff; color:#f25555; text-align:center;}
.logistics .lo_main .option .form dd .tip .arrow{ position:absolute; left:-9px; top:8px; width:9px; height:16px; background:url(arrow1.png) no-repeat;}

.logistics .lo_main .option .form dd .broadbox{ position:relative; z-index:5;}
.logistics .lo_main .option .form dd .broad{ position:absolute; left:0; top:33px; width:380px; padding:10px; border:1px solid #b4b4b4; background:#fff;}
.logistics .lo_main .option .form dd .broad .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(close.png) no-repeat;}
.logistics .lo_main .option .form dd .broad .list a{ float:left; display:inline-block; width:110px; height:24px; padding:0 0 0 10px; line-height:24px; color:#333;}
.logistics .lo_main .option .form dd .broad .list a:hover{ background:#eb5e67; color:#fff; text-decoration:none;}

.logistics .lo_main .option .form .other{ padding:0 0 20px;}
.logistics .lo_main .option .form .other p{ line-height:32px; color:#999;}
.logistics .lo_main .option .form .other p span{ font-size:14px; color:#333;}
.logistics .lo_main .option .form .other p b{ font-weight:normal; color:#f25555;}
.logistics .lo_main .option .form .other p b i{ font-size:14px; font-weight:bold; font-style:normal;}
.logistics .lo_main .option .form .other .list{ padding:0 10px; background:#f2f2f2;}
.logistics .lo_main .option .form .other .list .one{ position:relative; padding:5px 0; border-bottom:1px dotted #ccc;}
.logistics .lo_main .option .form .other .list .one.last{ border-bottom:none;}
.logistics .lo_main .option .form .other .list .one p{ line-height:24px; color:#333;}
.logistics .lo_main .option .form .other .list .one span{ position:absolute; right:0; bottom:10px; color:#333;}
.logistics .lo_main .option .form .other .list .one span b{ font-weight:normal; color:#eb5e67;}

.logistics .lo_main .option .form .btn{ height:36px; padding:0 20px 10px 0;}
.logistics .lo_main .option .form .btn a{ float:right; display:inline-block; height:34px; margin:0 0 0 10px; border-radius:3px; line-height:34px; font-size:14px; font-weight:bold; text-align:center;}
.logistics .lo_main .option .form .btn a:hover{ text-decoration:none; opacity:.9;}
.logistics .lo_main .option .form .btn a.red{ width:160px; border:1px solid #c7181e; background:#c7181e; color:#fff;}
.logistics .lo_main .option .form .btn a.red .search{ display:inline-block; width:14px; height:14px; margin:0 10px 0 0; background:url(../img/logistics/search.png) no-repeat; vertical-align:-2px;}
.logistics .lo_main .option .form .btn a.white{ width:120px; border:1px solid #a5aaad; color:#333;}

.logistics .lo_main .option .qq{ height:48px; border-top:1px solid #e6e6e6; background:#f2f2f2; text-align:right;}
.logistics .lo_main .option .qq a{ display:inline-block; width:88px; height:28px; margin:9px 20px 0 0; border:1px solid #f25555; border-radius:2px; line-height:28px; background:#fff; font-size:12px; color:#333; text-align:center;}
.logistics .lo_main .option .qq a .iqq{ display:inline-block; width:15px; height:16px; margin:0 5px 0 0; background:url(../img/logistics/qq.png) no-repeat; vertical-align:-4px;}
.logistics .lo_main .option .qq a:hover{ text-decoration:none;}


.logistics .lo_main .merit{ float:left; display:inline; width:639px; border-right:1px solid #e6e6e6;}
.logistics .lo_main .merit h2{ width:610px; height:45px; padding:35px 0 0 10px; border-bottom:2px solid #666; font-size:24px; font-weight:normal; color:#333;}
.logistics .lo_main .merit h2 .text{ display:inline-block; width:188px; height:17px; margin:0 0 0 10px; background:url(../img/logistics/text.png) no-repeat; vertical-align:-4px;}
.logistics .lo_main .merit h2 .catbox{ position:relative;}
.logistics .lo_main .merit h2 .cat{ position:absolute; right:0; top:-53px; width:115px; height:98px; background:url(../img/logistics/cat.png) no-repeat;}
.logistics .lo_main .merit .img{ position:relative; padding:40px 0 10px 10px;}
.logistics .lo_main .merit .img .cat{ position:absolute; left:250px; top:265px; width:123px; height:150px; background:url(../img/logistics/cat1.png) no-repeat; -webkit-transition: -webkit-transform, opacity ease; transition: -webkit-transform, opacity ease; -webkit-transition-duration: .8s; transition-duration: .8s}
.logistics .lo_main .merit .img .cat:hover{ -webkit-transform:rotate(1080deg); transform:rotate(1080deg);}

.logistics .lo_main .record{ float:left; display:inline; width:360px;}
.logistics .lo_main .record .code{ padding:20px 0 0 20px;}
.logistics .lo_main .record h2{ position:relative; width:330px; height:45px; margin:0 0 0 20px; padding:35px 0 0 10px; border-bottom:2px solid #666; font-size:24px; font-weight:normal; color:#333;}
.logistics .lo_main .record .list h3{ height:32px; line-height:32px; background:#f8f8f8; font-size:12px; font-weight:normal; color:#999; text-align:center;}
.logistics .lo_main .record .list h3 .way{ float:left; display:inline; width:135px;}
.logistics .lo_main .record .list h3 .time{ float:left; display:inline; width:75px;}
.logistics .lo_main .record .list h3 .weight{ float:left; display:inline; width:75px;}
.logistics .lo_main .record .list h3 .state{ float:left; display:inline; width:55px;}
.logistics .lo_main .record .list .listbox{ position:relative; height:373px; overflow:hidden;}
.logistics .lo_main .record .list .listbox ul{ width:370px;}
.logistics .lo_main .record .list .listbox ul li{ line-height:42px; border-bottom:1px dotted #ccc; color:#333; overflow:hidden;}
.logistics .lo_main .record .list .listbox ul li .way{ float:left; display:inline; width:130px; padding:0 0 0 5px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .way b{ float:left; display:inline; width:55px; text-align:center; font-weight:normal; color:#333; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .way em{ float:left; display:inline; width:20px; text-align:center; font-family:"宋体"; font-style:normal; color:#999; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .time{ float:left; display:inline; width:75px; text-align:center; color:#999; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .weight{ float:left; display:inline; width:75px; text-align:center; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .state{ float:left; display:inline; width:55px; text-align:center; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}

.logistics .lo_main .record .list .listbox ul li .r_time{ display:inline;color:#999; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .r_weight{display:inline;color: #2a9eeb;white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .r_status{display:inline;white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.logistics .lo_main .record .list .listbox ul li .red{color:#f25555}
.logistics .lo_main .record .list .listbox ul li .brown{color:#e09422}
.logistics .lo_main .record .list{ padding:0 0 0 40px;}
.logistics .lo_main .record .list table{ font-size:12px; font-family:"宋体"; color:#333;}
.logistics .lo_main .record .list .gray{ color:#999;}
.logistics .lo_main .record .list .red{ color:#f25555;}
.logistics .lo_main .record .list th{ height:32px; background:#f8f8f8; font-weight:normal; color:#999;}
.logistics .lo_main .record .list td{ height:44px; border-bottom:1px dashed #ccc; text-align:center;}

.logistics .lo_main .record .check{ height:55px; margin:20px 0 0; padding:25px 0 0 250px; border-top:2px solid #ccc; background:#f8f8f8 url(../img/logistics/call.png) no-repeat 20px 8px;}
.logistics .lo_main .record .check a{ display:block; width:92px; height:32px; border-radius:2px; line-height:32px; background:#c7181e; font-size:14px; color:#fff; text-align:center;}
.logistics .lo_main .record .check a:hover{ text-decoration:none;}

.lo_city{ position:absolute; width:380px; padding:10px; border:1px solid #b4b4b4; background:#fff;}
.lo_city .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(close.png) no-repeat;}
.lo_city h3{ padding:0 0 8px; font-size:12px; font-weight:normal; color:#999;}
.lo_city a:hover{ text-decoration:none;}
.lo_city .tab{ height:30px; margin:0 0 10px; background:#f5f5f5;}
.lo_city .tab a{ position:relative; float:left; display:inline-block; width:190px; height:28px; border-bottom:2px solid #f5f5f5; line-height:28px; color:#333; text-align:center;}
.lo_city .tab a.active{ border-bottom-color:#eb5e67; font-weight:bold; color:#eb5e67;}
.lo_city .tab a.active i{ position:absolute; left:91px; bottom:0; width:8px; height:4px; background:url(../img/logistics/arrow.png) no-repeat;}
.lo_city .subtab{ height:23px; margin:0 0 5px; border-bottom:1px solid #ccc;}
.lo_city .subtab a{ float:left; display:inline-block; height:22px; padding:0 6px; border:1px solid #fff; border-bottom:none; line-height:22px; color:#999;}
.lo_city .subtab a.active{ border-color:#ccc; border-bottom:1px solid #fff; color:#eb5e67;}
.lo_city .list{ padding:5px 0 0;}
.lo_city .list a{ float:left; display:inline-block; width:54px; height:22px; padding:0 0 0 9px; line-height:22px; color:#333;}
.lo_city .list a:hover{ background:#eb5e67; color:#fff;}
.lo_city .list1 .one{ padding:5px 0; border-bottom:1px dotted #ccc;}
.lo_city .list1 .one:last-child{ border-bottom:none;}
.lo_city .list1 h4{ float:left; display:inline-block; width:25px; line-height:22px; font-weight:normal; color:#eb5e67; text-indent:4px;}
.lo_city .list1 .listbox{ float:left; display:inline-block; width:355px;}
.lo_city .list1 a{ float:left; display:inline-block; width:54px; height:22px; padding:0 0 0 9px; line-height:22px; color:#333;}
.lo_city .list1 a:hover{ background:#eb5e67; color:#fff;}

.lo_city_search{ position:absolute; width:380px; padding:10px; border:1px solid #b4b4b4; background:#fff;}
.lo_city_search a:hover{ text-decoration:none;}
.lo_city_search .close{ position:absolute; width:13px; height:13px; right:15px; top:10px; background:url(../img/logistics/close.png) no-repeat;}
.lo_city_search h3{ padding:0 0 8px; border-bottom:1px solid #ccc; font-size:12px; font-weight:normal; color:#999;}
.lo_city_search .list{ padding:10px 0;}
.lo_city_search .list a{ display:block; height:30px; padding:0 0 0 9px; line-height:30px; color:#333;}
.lo_city_search .list a span{ color:#eb5e67;}
.lo_city_search .list a:hover{ background:#eb5e67; color:#fff;}
.lo_city_search .list a:hover span{ color:#fff;}
.lo_city_search .page{ font-family:"宋体"; text-align:center;}
.lo_city_search .page a{ display:inline-block; padding:0 8px; line-height:20px; font-size:14px; color:#333;}
.lo_city_search .page a.active{ font-weight:bold; color:#eb5e67; text-decoration:underline;}


.dialog_logistics{ border:none;}
.dialog_logistics .close{ position:absolute; top:10px; right:10px; width:13px; height:13px; background:url(../img/logistics/close.png) no-repeat; outline:none;}
.dialog_logistics .text{ height:230px; padding:70px 0 0 165px; background:url(../img/logistics/success.png) no-repeat 105px 70px; color:#333;}
.dialog_logistics .text.tip{ background-image:url(../img/logistics/tip.png);}
.dialog_logistics .text h3{ margin:0 0 5px; font-size:24px; font-weight:normal;}
.dialog_logistics .text p{ font-size:14px;}
.dialog_logistics .text .ps{ margin:12px 0 0; padding:12px 0; border-top:1px solid #e6e6e6; color:#999;}

.dialog_logistics .text.fail{ background-image:url(../img/logistics/fail.png);}
.dialog_logistics .text h3{ margin:0 0 5px; font-size:24px; font-weight:normal;}
.dialog_logistics .text p{ font-size:14px;}
.dialog_logistics .text .ps{ margin:12px 0 0; padding:12px 0; border-top:1px solid #e6e6e6; color:#999;}