*{margin:0;padding:0;}
html,body{height:100%;}
body{ background-size:100%;}
.logo{width:58px;height:49px;background:url(/Content/images/wxlogo.png) no-repeat 0 0; background-size:100% 100%; margin:46px auto}
.bind_title{padding:0 0 20px;font-size:22px; text-align:center; text-shadow:0 2px 2px #fff;}
.input_box{padding:10px 0;}
.input_box span.user{display:block;position:relative;padding-left:40px;border-width:1px;border-style:solid;border-color:#BDCED5 #BDCED5 #D8D8D8;height:40px;border-top-left-radius:3px;border-top-right-radius:3px;background:#fff;width:70%;margin:0 auto;border-bottom:none }
.input_box span.password{ display:block;position:relative;padding-left:40px; border-width:1px; border-style:solid;border-color:#D8D8D8 #BDCED5 #BDCED5; height:40px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;  margin-top:-1px;background:#fff;width:70%;margin:0 auto}
.input_box span input{width:100%;height:40px;border:none;font-size:16px;background-color: #fff;outline:none}
.input_box span em{ display:block;position:absolute;width:19px;height:21px;left:10px;top:9px; background-size:100% 100%;}
.input_box span.user em{ background:url(/images/user.png); background-size:100% 100%;}
.input_box span.password em{ background:url(/images/paw.png); background-size:100% 100%;}
.login_btn{height:40px;display:block;height:40px;line-height:40px;font-size:16px;text-decoration:none;text-align:center;margin-top: 28px;color:#fff;font-weight:bold;background: #2596ca;width: 70%;margin: 20px auto;padding:0 20px}
.login_btn1:hover{border:1px solid #d05808;background:#ffa210; background-image:-webkit-linear-gradient(bottom,rgb(255,163,16) 1%,rgb(255,179,56) 51%);}

 .footer{clear:both;width:100%;background:#f7f7f7;border-top:1px solid #ddd;height:48px;position:absolute;position:fixed;bottom:0;z-index:10000;}
 .footer a{width:33%;height:44px;padding-top:3px;text-align:center;float:left;display:block;color:#888;text-decoration:none;font-size:13px}
 .footer a.hover{color:#f60;}
 .footer a i{display:block;  margin:0 auto;margin-bottom:0px;font-size:20px}
 .footer a i.sel{color:#00a4ef}
 .footer li{list-style:none}
 .footer li.f_home i{width:27px;height:25px;background-position:0 -26px;}.footer li.f_home a.hover i{width:27px;height:25px;background-position:0 0;}
 .footer li.f_whole i{width:23px;height:25px;background-position:0 -78px;position:relative;top:1px;}
 .footer li.f_whole a.hover i{width:23px;height:25px;background-position:0 -52px;position:relative;top:1px;color:rgb(0,163,239)}
 .footer li.f_whole em{position:relative;top:2px;}
 .footer li.f_car i{width:28px;height:23px;background-position:0 -128px;position:relative;top:2px;margin-bottom:3px;position:relative;}                                            
 .footer li.f_car a.hover i{width:28px;height:23px;background-position:0 -104px;position:relative;top:2px;margin-bottom:3px;}
 .footer li.f_car b{display:block;background:#f60;padding:1px;width:16px;height:16px;line-height:16px;border-radius:16px;color:#fff;position:absolute;top:-5px;right:-8px;font-family:Arial;text-align:center;font-size:10px;overflow:hidden;}
 .footer li.f_personal i{width:20px;height:22px;background-position:0 -175px;position:relative;top:3px;margin-bottom:4px;}
 .footer li.f_personal a.hover i{width:20px;height:8px;background-position:0 -152px;position:relative;top:3px;margin-bottom:4px;}

 .sub_nav{clear:both;width:100%;margin-bottom:48px}
 .sub_nav ul li{height:48px;line-height:48px;color:#333;font-size:16px;padding:0 10px 0 13px;border-bottom:1px solid #bfbfbf;position:relative;list-style-type:none}
 .sub_nav ul li e{float:right;margin-right:10px;color:#999}

 .sub_nav a{display:block;height:48px;line-height:48px;color:#666;font-size:16px;padding:0 10px 0 24px;margin-top:-1px;text-decoration:None}
 .sub_nav .line{display:block;height:1px;background-color:#bfbfbf;margin-left:76px}
 .sub_nav s,.sub_nav i{display:block;position:relative;top:16px;text-decoration:None}
 .sub_nav s{float:left;margin-right:10px;margin-left:2px;width:17px;}
.sub_nav s.m_s1{background-position:0 0;height:15px;}
.sub_nav s.m_s2{background-position:0 -16px;height:17px;top:16px;}
.sub_nav s.m_s3{background-position:0 -36px;height:16px;}
.sub_nav s.m_s4{background-position:0 -124px;height:17px;top:15px;}
.sub_nav s.m_s5{background-position:0 -53px;height:16px;}
.sub_nav s.m_s6{background-position:0 -143px;height:18px;top:15px;}
.sub_nav s.m_s7{background-position:0 -163px;height:17px;top:15px;}
.sub_nav .groupicon{font-size:22px;top:13px;left:10px}
.sub_nav .right_icon{font-size:22px;margin-top:-3px;}
.sub_nav i{float:right;background-position:0 -70px;width:7px;height:13px;top:18px;color:#D8D8D8}
.sub_nav .img{    float: left;    width: 32px;height:21px;margin-top: 15px;    margin-right: 20px;}
.sub_nav .img_r{    float: right;    width: 32px;height:21px;margin-top: 15px;    margin-right: 20px;}
.class_mms{color:#f60}
 
.icon_right {z-index:9999;position:absolute;top: 54px;right: 9px;}
/*.icon_right a{display:block;margin-bottom:10px;width: 18px;height: 18px;padding: 10px;background: rgba(0, 0, 0, 0.5);font-size: 20px;border-radius: 4px;cursor:pointer;}
.icon_right .icon_map {background: url(/content/images/icon_map2.png)  no-repeat 4px 4px;background-size: 28px 28px;background-color: rgba(95, 95, 95, 0.5);}
.icon_right .icon_star{background: url(/content/images/icon_start.png)  no-repeat 8px 4px;background-size: 23px 28px;background-color: rgba(95, 95, 95, 0.5);}*/
/*.icon_right .icon_star{background-color: rgba(0, 0, 0, 0.5);color:#fff;font-size:}*/
.icon_right1 .icon_reply {
    z-index: 9999;
    position: absolute;
    left: 5%;
    top: 2%;
    color: #fff;
    display: block;
    background:url('images/mapLayer.png') left center no-repeat;padding-left:35px;
    line-height:30px;
    font-size:20px;
    padding-left:29px;
} 
.icon_right .icon_track { }


._custom{border-bottom: 1px solid #227fa2;margin-top: 0px;color: #227fa2;text-align: center;}
._custom span{display: inline-block;text-align: center;height:48px;line-height: 48px;border-radius: 1px 1px 0 0;/* margin: 0 10px; */cursor:pointer;/* float:left; */clear:both;width: 50%;margin: 0 0px;}
._custom span.on{color:#fff; background-color:#227fa2;font-weight:bold}

._shipinfo{}
._shipinfo ul li{list-style-type:none;height: 54px;padding: 5px 0 5px 5%;padding-top: 5px;border-bottom:1px solid #bfbfbf;}
._shipinfo ul li div{width:50%;float:left;line-height: 25px;}
._shipinfo ul li div .p1{color:#666;width: 99%;height: 25px;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
._shipinfo ul li div .p2{color:#237fa3;width: 99%;height: 26px;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
._shipinfo ul li._bg{background-color:#efefef}
.popinfo u{text-decoration:none ;color:#666}

/*system message*/
.systip{    position: fixed;    width: 100%;    text-align: center;    bottom: 10px;    z-index: 1000;}
.systip div{display: inline-block;padding: 0.4em 1em;color: #fff;background: rgba(107, 106, 106, 0.65);border: 1px solid gray;border-radius: 5px;/* -webkit-box-shadow: 0 0 15px rgba(0,100,255,.8); */margin: auto;}

.leaflet-popup-content{width:260px;margin:12px}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{background:rgba(255, 255, 255, 0.9)}
.leaflet-popup-close-button{display:none}
.leaflet-popup-content p{margin:7px 0}
.leaflet_label{color:#f60}

.banner img{width:100%;}

.shipxy_small {background:url(/Content/cssmobile/images/shipxy_s.png) 0px 4px no-repeat;width:18px;height:18px;display:inline-block;}