body,html{width:100%;height:100%;overflow:hidden}
*{margin:0;padding:0}
body,html{height:100%}
body{background-size:100%}
a:hover {
    color: ivory;
}
.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:0}
.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:700;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,#ffa310 1%,#ffb338 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:0;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:#00a3ef}
.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%}
.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 i,.sub_nav s{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{font-size:20px;float:right;background-position:0 -70px;width:7px;height:13px;top:14px;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: 99;
    position: absolute;
    top: 54px;
    right: 9px;
    width: 64px;
    height: 266px;
    background: rgba(0,0,0,0.5);
    border-radius: 8px;}
.icon_right1 .icon_reply{z-index:9999;position:absolute;left:5%;top:1%;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}
._custom{border-bottom:1px solid #227fa2;margin-top:0;color:#227fa2;text-align:center}
._custom span{display:inline-block;text-align:center;height:48px;line-height:48px;border-radius:1px 1px 0 0;cursor:pointer;clear:both;width:50%;margin:0 0}
._custom span.on{color:#fff;background-color:#227fa2;font-weight:700}
._shipinfo ul li{list-style-type:none;height:54px;padding:5px 0 5px 5%;padding-top:5px;border-bottom:1px solid #eee}
._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:#f90;width:99%;line-height:20px;padding-bottom:5px}
._shipinfo ul li._bg{background-color:#efefef}
.popinfo u{text-decoration:none;color:#666}
.systip{position:fixed;width:100%;text-align:center;bottom:10px;z-index:1000}
.systip div{display:inline-block;padding:.4em 1em;color:#fff;background:rgba(107,106,106,.65);border:1px solid gray;border-radius:5px;margin:auto}
.leaflet-popup-content{width:260px;margin:12px}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(255,255,255,.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/images/shipxy_s.png) 0 4px no-repeat;width:18px;height:18px;display:inline-block}
.new_title{height:42px;line-height:42px;border-bottom:1px solid #bfbfbf;background:#3ba1f5;color:#fff;text-align:center}
#info_btn{position:fixed;bottom:0;width:100%;box-shadow:0 -3px 3px #ddd;background:#fff}
._trackbox{font-size:12px;text-align:center;margin-top:15px}
._trackbox span{background-color:#237fa3;padding:7px 36px;margin:0 20px;color:#fff;border-radius:3px}
._icons_r_b{width:40px;height:auto;right:5px;bottom:72px;position:absolute;z-index:1;font-size:12px}
._btn_loc,._icons_r_b ._btn_measure{background-color:#fff;border-radius:2px;margin:10px 4px;width:32px;height:32px;text-align:center;color:#237fa3;line-height:32px}
.polyline-measure-unicode-icon{display:none;position:absolute;left:1000px}
#unitControlId{display:none}
#zuobiao_tab{height:30px;line-height:30px;text-align:left;padding-left:10px;font-size:12px;border-bottom:1px solid #d8d8d8}
#location_form{padding:15px 0;background-color:#fff}
.location_box .tab{color:#666}
.location_box .tab{color:#666}
.location_box p{text-align:center;font-size:12px;color:#666}
.location_box input,.sailingdate_addlocation input{width:52px;height:28px;line-height:28px;border:1px solid #ddd;background:#f6f6f6;border-radius:2px;margin:20px 5px 0;font-size:12px;text-align:center}
.location_box .blue_btn{width:100px;height:30px;line-height:30px}
.location_box .blue_btn1{width:98px;height:28px;line-height:28px;background-color:#ccc}
.location_box .btn{margin:20px 10px 0;border-radius:2px;font-size:14px;width:200px;background-color:#2770d4;color:#fff;padding:6px 39px}
.location_box_tip{position:absolute;top:5px;color:#f60;font-weight:100;font-size:12px;right:10px;top:7px}
#div_dufen input{width:65px}
.biaozhu_tab_chose{color:#2770d4;font-size:14px;font-weight:700}
.zuobiao_tab_chose{color:#2770d4;font-size:12px;font-weight:700;color:#fff;padding:7px 12px;border-radius:6px 6px 0 0;border:1px solid #d8d8d8;border-bottom:1px solid #fff}
.zuobiao_tab_chose a{color:#fff}
._btn_p{margin-top:20px}
.nsew_sign{margin-left:5px;cursor:pointer;position:relative;top:4px;display:inline-block;width:41px;height:20px}
.ns_sign{background:url(/Content/images/flag/n.png) no-repeat}
.sn_sign{background:url(/Content/images/flag/s.png) no-repeat}
.we_sign{background:url(/Content/images/flag/w.png) no-repeat}
.ew_sign{background:url(/Content/images/flag/e.png) no-repeat}

#alertlist ul li{padding-left:25px;display:block;height:48px;line-height:48px;color:#666;font-size:16px;padding:0 10px 0 24px;margin-top:-1px;text-decoration:None;border-bottom:1px solid #bfbfbf}
#alertlist i{float:right;background-position:0 -70px;width:7px;height:13px;top:14px;color:#d8d8d8;font-size:22px;margin-top:12px}
#alertlist b{text-align:center;margin-top:0;width:40px;float:right;background-position:0 -70px;height:13px;top:14px;color:#d8d8d8;font-size:22px;margin-right:20px}
#list_order b{text-align:center;margin-top:0;width:40px;float:right;background-position:0 -70px;height:13px;top:14px;color:#d8d8d8;font-size:22px;margin-right:20px}
.info_btn{float:left;width:50%;text-align:center;color:#3ba1f5;padding-top:10px;padding-bottom:10px}
#pop_box{padding-top:20px}

input,select,textarea{display:inline-block;outline:0;background:#fff;border:1px solid #384e6d;font-size:13px;height:22px;line-height:22px;border-radius:4px;color:#666}
.my-map{position:absolute;top:0;width:100%;height:100%;overflow:hidden;outline:0;background-color:#a3ccff}
.div_btn{position:relative;top:10px;left:80px;z-index:888}
.div_btn input[type=button]{cursor:pointer}
.count_span{color:red;background-color:#fff;text-align:left;width:120px;font-weight:bolder;padding:0 5px;border:1px solid #000}
.my_seach_ship_box{width:388px;top:10px;left:58px;z-index:9999;position:absolute}
.seach_ship .stext{border:none;background:#fff;height:38px;padding:0 10px;line-height:38px;float:left;font-size:14px}
.seach_ship .sbtn{display:inline-block;width:60px;text-align:center;background-image:url(images/search_btn.png);background-color:#d62023;height:40px;background-position:center center;background-repeat:no-repeat}
.seach_ship .sbtn:hover{display:inline-block;width:60px;text-align:center;background-image:url(images/search_btn.png);background-color:red;background-position:center center;background-repeat:no-repeat}
.right_info input[type=text]{height:38px;padding:0 10px;line-height:38px}
 
.text_overflow{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap}
input{font:16px Arial}
#tool a{color:#ddd}
#ptArea ul{display:block;padding-left:20px;list-style-type:none;background:url(../images/seaArea.png) no-repeat;font-size:15px;font-weight:700;color:#6cf;width:100%;margin-left:2px;text-indent:20px}
#ptArea li{list-style-type:none;background:url(../images/port.png) no-repeat;font:normal 12px/23px arial;color:#6cf;background-position:left;display:block;float:left;width:65px;text-indent:19px}
#ptWin a,li,ul{cursor:pointer}
#ptArea label{margin-bottom:10px;display:block}
#navigate a,#tool{cursor:pointer}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.leaflet-right{z-index:9999}
.zoomShowTip{position:relative;display:none;width:16px;height:22px;z-index:999;top:111px;left:8px;color:#2eb6ec;border-radius:15px;TEXT-ALIGN:CENTER;background-repeat:no-repeat;background:#fdf4f4;font:bolder 6px/22px Arial}
.map3{width:100%;background:#fff;font-size:12px;line-height:34px;position:absolute;z-index:999;height:40px;padding-bottom:3px;text-align:center;border-bottom:1px solid #d7d7d7}
.sig_search1 span{margin-right:10px}
.sig_search1 a{margin:8px 10px 0 0}
.hide_left a{width:11px;background:#000;color:#ffeb12;line-height:73px;display:inline-block}
.write_box1{margin:0}.write_box1 .search_btn2{position:absolute;top:3px;left:15px}
.write_box1 .search_btn2 s{text-decoration:none}
    .write_box1 .search_btn2 s img {
        width:16px;margin-left:12px;
    }
.pos_r{position:relative}
.cc_blue{color:#3b92e7}
.cc_green{color:#59a50f}
.cc_pink{color:#ee5af9}
.cc_red{color:#f42c2c}
.cleartrack{right:0;text-align:center}
.button_track, .button_addalert, .button_cancelalert {
    float: right;
    color: #f90;
    width: 32%;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    padding-bottom: 5px
}
    .button_track:hover, .button_addalert:hover, .button_cancelalert:hover, .button_history:hover {
        color: #f90 !important;
    }
#button_info{position:absolute;right:9px;top:-30px}
#button_info img{width:60px}
#countryFlag{width:30px;height:20px;position:absolute;background-image:url(../flags/ASL.png);background-size:100% 100%;float:right;top:11px;right:15px}
.jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url(../../plugins/jssorSlider/images/a17.png) no-repeat;overflow:hidden}
.jssora05l{background-position:-10px -40px}
.jssora05r{background-position:-70px -40px}
.jssora05l:hover{background-position:-130px -40px}
.jssora05r:hover{background-position:-190px -40px}
.jssora05l.jssora05ldn{background-position:-250px -40px}
.jssora05r.jssora05rdn{background-position:-310px -40px}
.jssort01 .p{position:absolute;top:0;left:0;width:72px;height:72px}
.jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.jssort01 .w{position:absolute;top:0;left:0;width:100%;height:100%}
.jssort01 .c{position:absolute;top:0;left:0;width:68px;height:68px;border:#000 2px solid;box-sizing:content-box;background:url(../../plugins/jssorSlider/images/t01.png) -800px -800px no-repeat}
.jssort01 .pav .c{top:2px;left:2px;width:68px;height:68px;border:#000 0 solid;background-position:50% 50%}
.jssort01 .p:hover .c{top:0;left:0;width:70px;height:70px;border:#fff 1px solid;background-position:50% 50%}
.jssort01 .p.pdn .c{background-position:50% 50%;width:68px;height:68px;border:#000 2px solid}
* html .jssort01 .c,* html .jssort01 .pav .c,* html .jssort01 .pdn .c{width:72px;height:72px}
.shippic_s{width:53px;height:39px;position:absolute;right:20px;top:14px;cursor:pointer}
.shippic_amp{width:16px;height:16px;position:absolute;right:20px;top:36px;cursor:pointer;z-index:99}
.clearpic{z-index:999;width:56px;height:56px;position:absolute;right:0;background:url(/images/del2.png) no-repeat;left:0}
#jssor_1{-webkit-transition:height 1.5s;-moz-transition:height 1.5s;-o-transition:height 1.5s;transition:height 1.5s}
.w_harf{    display: inline-block;
    width: 30%;
    font-size: 14px!important;
    color: #999;
    font-weight: normal;}
#shipInfo p{padding:0 10px}
.button_history{display:inline-block;width:32%;text-align:center;font-size:16px;line-height:28px;color:#f90;padding-bottom:5px}
.button_history img,.button_track img{width:18px;vertical-align:middle;margin-right:5px}
.time_style{font-size:12px;color:#666}
.currentVoyage{width:100%;line-height:25px}
.currentVoyage td{text-align:center}
.fz_big{color:#000}
.ac_line{border-top:1px solid #eee;font-size:12px;color:#333;overflow:hidden;padding:15px 0;margin-top:5px;}
.ac_line span{display:inline-block;width:33%;text-align:center;float:left}
.ac_line span img{width:22px;vertical-align:middle;margin-right:5px}
#voyagetrack{width:96%;padding:25px 2% 10px}
.more_btn{position:absolute;right:9px;top:-30px}
.more_btn img{width:60px}
.tab_box{width:50%;border:1px solid #f90;border-radius:3px;display:inline-block}
.tab_box a{display:inline-block;width:50%;text-align:center;font-size:14px;color:#f90;line-height:30px;float:left}
.tab_box a.on{color:#fff;background:#f90}
#voyage_history{border-radius:3px 0 0 3px}
#voyage_anchor{border-radius:0 3px 3px 0s}
li{list-style:none}
table{border-collapse:collapse}
a{text-decoration:none}
img{border:none}
input,select,textarea{font-family:"微软雅黑"}
.pos_r{position:relative}
.pos_a{position:absolute}
.fl_l{float:left;display:inline-block}
.fl_r{float:right}
.clear{clear:both;height:0}
.ta_l{text-align:left}
.ta_r{text-align:right}
.ta_c{text-align:center}
.fa-angle-left{font-size:30px!important;margin-left:10px}
.title_tab{padding:10px 0;border-bottom:1px solid #d7d7d7;position:fixed;width:100%;background:#fff}
.history_list{height:100%;overflow:hidden;overflow-y:auto;background:#ececec}
.history_list li{background:#fff;margin-bottom:10px;padding:10px;border-radius:4px;}
.history_list table{width:100%}
.history_list td{text-align:center}
.anchor_list p1,.history_list .p1{font-size:16px;color:#000}
.anchor_list .p2,.history_list .p2{font-size:12px;color:#666}
.c_line{margin:5px;height:0;border-top:1px solid #eee}
.table2{font-size:14px;color:#333}
.table2 td{text-align:left;line-height:25px}
.grey_arrow{width:85px;font-size:12px;color:#666;}
    .grey_arrow .arrow_bg {
       background: url(/Content/images/grey_arrow.png) 24px bottom no-repeat;
    background-size: 50%;
    position: relative;
    margin-top: -12px;
    }
.grey_arrow p{line-height:25px}
#vo_close_btn{font-size:30px;position:absolute;top:-3px;color:#ccc;font-weight:normal;right: 12px;}
.anchor_list{background:#fff}
.anchor_list{margin: 0 12px;
    border-radius: 4px;}
.anchor_list li{position:relative;}
.anchor_list .p2{padding-bottom:20px;line-height:30px;margin-left:20px}
.anchor_list .p1{padding-top:10px;margin-left:20px}
.anchor_list .p1 span{float:right;color:#666}
.anchor_list .p2 span{width:33%;display:inline-block}
    .anchor_list .p1 span {
    font-size:12px;color:#999;
    }
.circle{ background: #fff; 
    text-align: center;
    position: absolute;
    top: 14px;z-index:3;}
.circle,.circle b,.circle em{display:inline-block}
.circle_green em,.circle_red em{width:7px;height:7px;border-radius:13px}
.circle_green em{background:#30cd60}
.circle_red em{background:#f73c7e}
.circle_green,.circle_red{    width: 6px;
    height: 6px;
    border-radius: 13px;
    text-align: center;}
.circle_green {border:2px solid #0c0}
.circle_red {border:2px solid #f00;}
.circle_blue{width:9px;
    height:9px;
    border-radius: 12px;
    background: #f90;}
.fa-calendar{font-size:20px;margin:6px 10px 0 0;color:#f90}
.date_box input{width: 44%;
    border: 1px solid #eee;
    font-size: 12px;
    line-height: 28px;
    height: 28PX;
    border-radius: 4px;
    text-align: center;
    background: #fafafa;}
.date_box{     text-align: center;
    background: #fff;
    padding: 16px 0;
    box-shadow: 0 0 5px #999;
    position: absolute;
    top: 57px;
    LEFT: 0;
    RIGHT: 0;
    z-index: 88;}
.date_box b{display:inline-block;width:4%}
.search_date{    display: block;
    margin: 16px 35% 0;
    background: #f90;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    border-radius: 30px;}
.dw-persp,.dwo{z-index:99999}
.dwbg{z-index:99999}
body,div,input,p,select{font-family:"Microsoft YaHei",Arial}
.history_list td p{word-break:break-all}
.complete2_li_style_list{padding:5px 0 5px 0!important;word-break:break-all}
.complete2_li_style_list e{display:block;font-size:12px;float:inherit!important;padding-left:30px}
.sub_nav ul li{height:auto!important;line-height:22px!important;font-size:14px}
.complete2_li_style_list i,.complete2_li_style_list s{position:absolute!important}
.complete2_li_style_list s{left:10px}
.complete2_li_style_list i{right:10px}
.complete2_li_style_list p{padding:0 20px 0 30px}
#list_order ul li{height:auto!important;line-height:44px!important;font-size:14px}
.sub_nav .line{display:block;height:1px;background-color:#bfbfbf;margin-left:16%}
.sub_nav a{padding:0}
.sub_nav i{width:4%}
.sub_nav .img{float:left;width:8%;height:20px;margin:15px 3% auto 5%}
.sub_nav i label{width:75%;overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap}
#shipInfo label{font-size:16px;line-height:20px}
.hdp-box{position:relative;height:240px}
.swipe{width:100%;float:left;overflow:hidden;visibility:visible;position:relative;height:220px}
.box01_list{position:relative;-webkit-transition:left .6s ease-out;width:100%;left:0}
.piclist li{text-align:center;background:#237fa3;height:100%}
.piclist li img{margin:0 auto;width:100%;height:100%}
.piclist li img.default_pic{width:40%;margin-top:10%;height:auto}
.piclist li span{font-size:1.2em;color:#fff;display:block;margin-top:2%}
.piclist p{display:none}
.count{position:absolute;color:#cae885;display:none}
.b_btn{display:block;height:32px;cursor:pointer;line-height:32px;padding:0 10px;border:1px solid #ccc;float:left;background:#f5f5f5;border-radius:5px}
.intro{display:none;color:#fff;width:100%;float:left;padding-top:8px}
.pos_r{position:relative}
.pos_name{position:absolute;bottom:0;left:0;height:45px;line-height:45px;background:rgba(0,0,0,.4);color:#fff;font-size:1em;padding-left:5%;width:100%;text-align:left}
.pos_name img{margin-right:10px!important;width:auto!important;vertical-align:middle;height:35px!important}
.ship_name{text-align:center;color:#fff;position:absolute;width:100%;bottom:60px}
.tab_map{height:46px;display:block;}
.tab_map a{display:inline-block;width:64px;text-align:center;color:#fff;float:left;line-height:16px;height: 57px;
    padding-top: 9px;}
.tab_map a.fl_r{float:right}
.tab_map1{position:absolute;z-index:10;right:9px;top:118px}
.tab_map u,.box_menu u{text-decoration:none;display:block;font-size:12px;color:#fff;}
.area_menu, .alert_menu {
    height: 54px;
    display: block
}

    .area_menu u, .alert_menu u {
        text-decoration: none;
        display: block;
        font-size: 12px;
        color:#fff
    }
#shipinfo h2 {
    background: #eee;
    line-height: 30px;
    margin-top: 45px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 2%;
    color: #000
}
#my_search .unli{height:auto!important;line-height:44px!important;margin-top:10px;font-size:14px}
.data_box input{width: 30%;
    padding: 0 2%;
    background: #fafafa;
    border: 1px solid #eee;
    line-height: 28px;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;    height: 28px;}
.data_search_btn{display:inline-block;width:18%;height:28px;line-height:28px;border-radius:6px;background:#f90;text-align:center;margin-left:2%;font-size:12px;color:#fff;}
.data_search_btn em{background-position:-24px -24px;margin-top:5px;}
.icon{background-image:url(/content/images/icons.png);background-repeat:no-repeat;width:24px;height:24px;display:inline-block;}
#arealist li {
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}
.arealist_name {
    width: 50%;
    padding-left: 7%;
    display: inline-block;
}
.arealist_operate {
    width: 40%;
    display: inline-block;
    text-align: right;
}
.arealist_operate a{   font-size:14px;color:#666 }
.arealist_edit {
    margin-right: 15%;
}
#button_begindraw, #button_canceladdarea, #button_savearea {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    color: #f90;
    padding-bottom: 10px;
    padding-top: 5px;
}
#addalert {
    padding: 10px 10px 0 10px;
}
#addalert p{
    margin-bottom:15px;
}
#a_addarea {
    text-decoration: underline;
    color: #f90;
    margin-left: 10px;
}
.areablock {
    min-width: 68px;
    height: 30px;
    background: #f5f5f5;
    color: #999;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    font-size: 12px;
    padding:0 5px;
}
.areablockselected {
    background-color: #f90;color:#fff;
}
#a_cancel, #a_save {
    width: 49%;
    height: 100%;
    color: #f90;
    text-align: center;
    display: inline-block;

}
.warn_pop,.warn_pop .layui-layer-title {
    border-radius:8px;background: #fff;
    border: 0;
}
#a_cancel, #a_cancel {
    color:#333;
    }
.warn_pop .layui-layer-setwin {
    display:none;
}
.footbtn {
    height: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #eee;
}
.search_input {
        width: calc(100% - 64px);
    height: 32px;
    margin-top: 6px;
    border: 0;
    background: #f5f5f5;
    color: #555;
    border-radius: 35px;
    text-align: left;
    outline: 0;
    padding-left: 40px;
    font-size: 14px;
}
.map_icos {
    width:34px;
}
.area_menu, .alert_menu, .tab_map,.box_menu {
        width: 64px;
    text-align: center;
    height:66px;
    padding-top: 9px;
}
.bg_div {
    position:absolute;
    z-index:2;
    height:66px;
    background:rgba(0,0,0,0.5);width: 128px;
    right: 64px;
    border-radius: 8px 0 0 8px;

}
.mb_10 {
    margin-bottom:10px;
}
.fz_16 {
    font-size:16px;
}
.fw_b {
    font-weight:bold;
}
.pos_r {
    position:relative;
}
.pos_a {
    position:absolute;
}
.c_333 {
    color:#333;
}
.search_track_detail b {
        margin: 0 10px;
    font-weight: normal;
    color: #ccc;
}
.search_track_detail {
    margin:16px 12px;
}
.circle_li{display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: relative;
    margin-right: 5px;
    top: -3px;
}
.circle_li_green {
    background:#0c0;
}
.circle_li_red {
    background:#f90;
}
.v_line {
       position: absolute;
    top: 25px;
    bottom: 68px;
    width: 1px;
    background: #eee;
    left: 16px;
    z-index: 1;
}
.anchor_list {
    position:relative;
}
.c_999 {
    color:#999;
}
#input_area {
    background:#fafafa;line-height:30px;height:30px;padding-left:16px;color:#333;font-size:14px;border:0;
}
#addareatip i {
margin:0 8px 0 12px;
}
#addareatip {
    padding-top:16px;
}

.exportForm-bd {
height:46px;
margin:10px;
text-align:center;
}
.exportForm-bd input{
    width: 80%;
    border: 1px solid #eee;
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    background: #fafafa;
    margin:auto;
}

.exportForm-ft {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #eee;
}
    .exportForm-ft a {
    width:49%;
    text-align:center;
    display:inline-block;
    }

.btn1 {
color:#f90;
}

.fa-export {
    width:20px;
}
.pos_btn1 {
    right: 10px;
}
.pos_btn2 {
        right: 45px;
    top: 15px;
}

.alert_btn_style .layui-layer-btn .layui-layer-btn0 {
    width:100px;
    border:1px solid #f90;
    border-color:#f90;
    background: #f90;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    border-radius: 30px;
}
.box_search_options {
    margin:16px;border-radius:8px;background:#f5f5f5;
}
    .box_search_options label {
        display:inline-block;
        margin:5px 16px;
        opacity:0.85;
    }
.box_search_btn {
    display:block;
    background:#f60;
    color:#fff;
    border-radius:8px;
    font-size:16px;
    text-align:center;
    line-height:44px;
}
.ml_16 {
    margin-left:16px;
}
.mr_16 {
    margin-right:16px;
}
.mt_16 {
    margin-top:16px;
}
.mb_16 {
    margin-bottom:16px;
}
.box_search_result li {
    margin:0 16px;
    line-height:44px;
    overflow:hidden;
    border-bottom:1px solid #e7e7e7;
}
    .box_search_result li i {
        margin:0 8px 0 20px;
    }
.box_search_result .fl_r {
    opacity:0.45;
}
.box_search_result {
    padding:10px 0;max-height: calc(100% - 280px);
    overflow-y: auto;
}
.box_search_options input {
    border:0;
    background:none;
    font-size:14px;
}
.box_search_options p {
    line-height:40px;
}
.box_dynamic_detail h2 em {
        display: inline-block;
    line-height: 20px;
    padding: 0 3px;
    background: #eee;
    color: #999;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 14px;
    right: 20px;
}
.box_dynamic_detail h2 i {
    position: absolute;
    left:16px;
    font-size:20px;
}
.c_85 {
    color:rgba(0,0,0,0.85)
}
.c_45 {
    color:rgba(0,0,0,0.45)
}
.c_222 {
color:#222;
}
.fz_12 {
    font-size:12px;
}
.fz_14 {
    font-size:14px;
}
.bdd_1 {
    line-height:28px;
}
    .bdd_1 span {
        display:inline-block;
    }
.ico_loc {
    width:24px;height:24px;background:url(/Content/Images/ico_location.png);
}
.ico_line {
    width:calc(100% - 100px);height:6px;
    background:url(/Content/Images/line_arrow.png) right center no-repeat;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.table_style th,.table_style td{
    padding:5px;
    border:1px solid #e7e7e7;
    line-height:24px;
}
.table_style th {
    background:#f6f6f6;
    font-size:13px;
    color:rgba(0,0,0,0.85);
    text-align:left;
}
.table_style {
    width:calc(100% - 32px);
}
    .table_style td {
         font-size:12px;color:rgba(0,0,0,0.65)
    }
.bdd_3 .table_style {
    width:calc(100% - 16px);
}
.bdd_3 th {
    width:28px;
}
.bdd_3 input {
    height:35px;line-height:35px;
}
.chose_box_num {
    width:60%;
    line-height:33px;border:1px solid rgba(0,0,0,0.1);padding:0 16px;
}
.boxnum {
    margin:0 10px;overflow:hidden;
    max-height:100%;
    overflow-y:auto;
    padding:10px 0;
}
.boxnum a {
    display: inline-block;
    line-height: 38px;
    text-align: center;
    width: calc(50% - 16px);
    float: left;
    margin: 0 6px 12px;
    background: #f6f6f6;
    border-radius: 8px;
    border:1px solid #f6f6f6;
}
.boxnum_layer .layui-layer-content,.company_list_layer .layui-layer-content{
    padding:0;
}
.boxnum_layer, .company_list_layer {
    border-radius: 8px 8px 0 0;
}
.boxnum_layer .layui-layer-title,.company_list_layer .layui-layer-title {
    background: #fff;
    border: 0;
    border-radius: 8px 8px 0 0;
}
.boxnum a:hover, .boxnum a.on {
    color:#f60;background:rgba(255,102,0,0.08);border:1px solid #f60;
}
.chose_shipcompany {
    display:inline-block;width:calc(100% - 90px);
}
.shipcompany_list a {
    display:block;
    line-height:35px;border-bottom:1px solid #e7e7e7;
}
.shipcompany_list {
    max-height:370px;
    overflow-y:auto;
}
.pos_r {
    position:relative;
    }
.pos_a {
    position:absolute;
}
.search_ico {
    display: block;
    line-height: 35px;
    width: 35px;
    text-align: center;
    background: #f60;
    color: #fff;
    border-left: 1px solid #e7e7e7;
    border-radius: 0 8px 8px 0;
    top: 0;
    right: 0;
}
.shipcompany_list_box input {
    line-height: 35px;
    height: 35px;
    border-radius: 8px;
    margin:10px 0;
    font-size: 14px;
}
.shipcompany_list a:hover, .shipcompany_list a.on {
    color:#f60;
}
.box_dynamic_detail h2 {
   text-align:center;line-height:44px;height:44px;margin-top:0px;background: #fff;font-size:16px;
}
#comName {
    font-weight:normal;
}
#screenDiv {
        max-height: calc(100% - 44px);
    overflow-y: auto;
}
.clear_btn {
    position: absolute;
    right: 5px;
    top: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background: rgba(0,0,0,0.3);
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display:none;
}
.chose_shipcompany .clear_btn {
    right:23px;
}