@charset "utf-8"; /* Register */ /* 密码强度 */ .rank { border:none; background:url("../img/rank.gif") no-repeat; width:145px; height:22px; vertical-align:middle; cursor:default; margin:0 0 0 5px;} .r0 { background-position:0 2} .r1 { background-position:0 -19px} .r2 { background-position:0 -40px} .r3 { background-position:0 -61px} .r4 { background-position:0 -82px} .r5 { background-position:0 -103px} .r6 { background-position:0 -124px} .r7 { background-position:0 -145px} /* Popup Register */ .modal-header{background-color:#04439c;color:#fff;border-radius: 4px 4px 0 0;} .modal-footer{padding-left:55px;text-align: left} #registerModal .form-control-static{width:75px;text-align: right} .modal-header .close{font-size:30px;} /* Popup Login */ #loginModal .login_name{background:url('../img/ico_login_name.png') no-repeat} #loginModal .login_pwd{background:url('../img/ico_login_pwd.png') no-repeat} #loginModal .input-group-addon{width:34px;text-indent:-99999px} #loginModal .list-group{margin:0} #loginModal .input-group{margin: 0 auto 10px} #loginModal .h_margin_lr{width:100%;text-align: center;} #loginModal .btn{width:204px;} #loginModal .login_text a{color:#04439c;} #loginModal .login_text_a1{margin-right:8px;} /* Page Register */ .reg1 .form-control-static{width:72px;text-align: right} .reg1 form ul.h_margin_lr{max-width:768px;margin:0 auto} #login .stip1{text-align:center} /* Page Login */ .user_login{margin-top:15px;} .h_center{max-width:300px;margin:0 auto;padding:0} .user_login ul.form-horizontal li {margin:0 auto 15px;} /* main */ .main{position:relative;/* overflow:hidden; */width:100%;} .banner{margin-bottom: 10px;} .banner .banner_img1{width: 100%;height: auto;} .block1{} .m_header1{position:relative;color: #043F9D;border-bottom: 2px solid #043F9D;} .m_header1 a{color: #043F9D;} .m_header1 h2{} .title_turl_text{position:absolute;top:3px;right:1px;padding:3px 7px;border:1px solid #043F9D;} .title_turl{position:absolute;top:3px;right:1px;width:30px;height:30px;display:block;background:url('../img/ico_edit.png') no-repeat} .title_turl_text:hover{background-color:#043F9D;color:#fff} .title_turl:hover{} .block_body{overflow: hidden;padding-top: 10px;margin-bottom:40px;} .block1 .block_body{margin-left: -15px;margin-right: -15px;} .block2 .block_body, .block3 .block_body{overflow: hidden;padding-top: 10px;margin-bottom:40px;} .block_m_img{width: 50%;float:left;margin-top: 14px;} .block_m_img2{margin-top: 14px;} .block_m_img2 img{width:100%;height:125px;} .block_m_img img{width:100%;height:120px;padding-left:15px;} .block_body li{position:relative;display:block;margin-bottom:-1px;background-color:#fff;} .block1 .block_body li{width:50%;float:left;} .block_body li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .block1 .block_body li a{padding:8px 15px;} .block2 .block_body li a, .block3 .block_body li a{padding:8px 15px 8px 0;} .block_tail a{color:#2B5BB0;} .block2{background: url('../img/ico_s1.png') 97% 10px no-repeat;} .m_header2{position:relative;color: #043F9D;} .m_header2 a{color: #043F9D;} .m_qrcode{text-align:center} .m_qrcode img{width:168px;height:162px} .m_qrcode p{/*! text-align: left */margin-top: 20px;} .m_ggimg1{margin-bottom:20px;margin-top: 15px;} .m_ggimg1 a{display:block} .m_ggimg1 img{width:100%;height:auto} .home_news{padding:20px 0 15px;margin-bottom:20px;background-color:#F4F4F4} .block_body_new{} .block_body_new dl{margin-top:30px;} .block_body_new dt{margin-bottom:15px} .block_body_new dt a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2B5BB0} .block_body_new dd{overflow: hidden;height: 94px;color:#636363} .block_body_new time{margin-bottom:15px;display:block;} .home_news_img{margin-top:20px} .home_news_img img{width:100%;height:390px} .home_online img{width:100%;height:auto;margin-top:20px} /* page list */ .breadcrumb{margin:10px auto 5px;} .breadcrumb, .breadcrumb a{color:#666} .breadcrumb a:hover{color:#09f} .banner_list{overflow:hidden;position:relative;/* height:150px; *//* margin-bottom:10px; */} .banner_list_img1{position:absolute;left:0;top:0;z-index:1;width:100%;height:150px;} .banner_list .container{position:relative;z-index:2;} .banner_list .row{margin:0;} .banner_list [class*="col-"]{width:12.5%;padding: 0;margin: 15px 0;} .banner_list [class*="col-"] a{display:block} .banner_list [class*="col-"] img{width:100%;height:100px} .banner_list li{overflow:hidden;height:148px;float:left;text-align:center;list-style:none;line-height: 1.7;min-height: 1px;} .banner_list li a{color:#fff} .banner_list li b{height:46px;display:block;background:url('../img/ico_banner2_1.png') no-repeat;background-position: center;background-size:100%;font-size: 18px;padding-top: 7px;margin-bottom: 10px;margin-top: 20px;} .banner_list li p{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .list_block1{overflow:hidden;margin-top:10px;margin-bottom:20px} .block_se1{float:left;} .block_se2_m{margin-left:210px} .block_se2_m .form-group{margin-left:15px} .block_se2_mf1 .form-control{width:160px;} .block_se2_mf2 .input-group .form-control{width:80px} .block_se2_m .block_se2_mf3{margin-left:2px} .block_se2_mf3 .form-control{width:100px} .list_block_body{} .list_block_body li{position:relative} .list_block_body li .a1{display:block;padding:15px 15px;background:url('../img/ico_list_right.png') no-repeat;background-position: right;color:#04439c;border-bottom: 1px dotted #C9C9C9;} .list_block_body li a:hover{color:#09f;} .list_block_body li .list_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 400px;} .list_block_body li span.btn{position:absolute;right:46px;top: 11px;z-index: 2;border-radius: 14px;color:#636363/**/} .list_block_body li .dropdown{position:absolute;right:46px;top: 11px;/*! z-index: 2; */} .list_block_body li .dropdown .btn{border-radius: 14px;} .list_block_body li .start_time{position:absolute;right:140px;top:16px;color:#636363} .list_block_body li .start_time.mrdede{right:40px;} .list_block_body li.action span.btn{background-color:#054396;color:#fff} .list_left .panel-footer{background:none} .pagination li a{margin-bottom:10px} .aside_nav .btn-default.active{margin-right:4px;} .aside_nav .panel-body .btn{margin-bottom:5px;} .aside_block1{margin-bottom:20px;border:1px solid #C9C9C9;} .aside_block_body{overflow: hidden;margin-bottom: 10px;} .aside_block_body li{position:relative} .aside_block_body li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;padding:6px 30px;} .aside_block1 h4{margin-top:0;padding:10px 30px;background:url('../img/ico_b_lt1.png');color:#fff} .aside_block2{margin-top:20px;} .aside_block2 img{width:100%;height:auto} #art_images{overflow:hidden;} #art_images img{width:33.33%;float:left;height:200px;} /* list ajax */ span.open .util_m{z-index:991;/* display:block */} span.open .util_m span{display:block} .util_m{position: absolute;top: 48px;left:-209px;/*! right: 30px; */z-index: 201;width: 300px;padding: 10px 10px 0;display:none;background-color: #054396;border-radius: 7px;color: #fff;line-height: 2;} .util_m dt, .util_m dd{line-height: 2;} .ico_triangle_top{width:21px;height:18px;margin-top:-18px;margin-left:229px;background:url('../img/ico_triangle_top.png') no-repeat;} /* 搜索列表页 */ #search_page{margin-top:15px;} .se_title{color: #FA8D03;margin-bottom: 0.5em;font-size: 1.7em;line-height: 1.2;font-family: "Montserrat Alternates",sans-serif;margin-top: 0px;letter-spacing: -1px;} /* page article */ .article_right{float:right} .article_left{margin-top: 20px;} .article_block{border: 1px solid #c9c9c9;border-radius: 7px;padding: 10px 15px;color: #656565;margin-right: 30px;} .article_block h1, .archives_body h1{font-size: 20px;text-align: center;color: #04439c;} .article_info{text-align: center;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dotted #777777;} .article_block_content{} .article_pic img{max-width:80%;height:auto;} .article_block_content dl{} .article_block_content dt{} .article_block_content dd{} .aside_block3{position:relative;min-height:80px;padding: 31px 36px 10px 36px;margin-top:20px;border: 1px solid #c9c9c9;border-radius: 7px;} #vip.aside_block3{padding:0;margin:0;border:none;border-radius:0;} .ico_triangle_left{position:absolute;left:-21px;top:50%;z-index:2;width:37px;height:42px;margin-top:-11px;background:#fff url('../img/ico_triangle_left.png') no-repeat;} .aside_block3 dl{} .aside_block3 dt{width: auto;line-height:2;} .aside_block3 dd{margin-left: auto;line-height:2;} .aside_block3 .users_btn{text-align: center;margin-bottom: 20px;} .aside_block3 .users_btn a{border-radius: 0;} .aside_block3 dl.beizhu dd{line-height: 2;} .aside_block3 dl.beizhu a{color: #04439c;} .archives_body{overflow: hidden;padding:5px;} .archives_body img{max-width:100%;height: auto;} /* */ .realname{ width: 40px; height: 20px; margin-right: 5px; color: #39ac6a; border: 1px solid #39ac6a; font-weight: 700; display: inline-block; line-height: 18px; font-size: 12px; text-align: center; } .realname2{ width: 36px; height: 18px; margin-right: 5px; background: #39ac6a; color: #fff; display: inline-block; line-height: 18px; font-size: 12px; text-align: center; } .sosname{ width: 20px; height: 20px; margin-right: 5px; color: #f60; border: 1px solid #f60; font-weight: 700; display: inline-block; line-height: 18px; font-size: 12px; text-align: center; } .sosname2{ width: 18px; height: 18px; margin-right: 5px; background: #f60; color: #fff; display: inline-block; line-height: 18px; font-size: 12px; text-align: center; } .reserve{position:absolute;top:20px;right:30px;color:#09f;font-size:60px;cursor:pointer;} #shipframe{height:800px} @media (max-width:1199px){ /* list */ .banner_list, .banner_list_img1{/*! height:300px */} .banner_list li a{width:95%;display:block;margin:0 auto} .banner_list li b{background-size: 100% 46px;} .list_block_body li .list_title{width:300px} /* article */ .aside_block3{padding-left:20px;padding-right:20px;} .aside_block3 .users_btn a{padding: 6px;} } @media (max-width:991px){ /* list */ .block_se1{float:none;margin-bottom:15px} .block_se2_m, .block_se2_m .block_se2_mf1{margin-left:auto} .list_block_body li .start_time{display:none} /* article */ .article_block_content dt{width:100px;} .article_block_content dd{margin-left:110px;} .aside_block3 .users_btn{text-align:left;} .aside_block3 .users_btn a{margin-bottom:10px} /* 船舶定位 */ #shipframe{height:600px} } @media (max-width:767px){ /* list */ .banner_list{height:auto;/*! padding-bottom: 15px; */} .banner_list_img1{height:460px} .banner_list li{width:50%} .banner_list li b{background-size:100% 40px} .block_se2_mf1.form-group{/*! display:block; */} .block_se2_m .form-group{margin-left:auto;margin-bottom: 10px;} .block_se2_m .form-group .h_label{display:none;} .list_block_body li .start_time{display:inline} .banner_list [class*="col-"]{width:25%;margin:0} .banner_list .container{padding:0} /*.banner_list [class*="col-"]:nth-child(1), .banner_list [class*="col-"]:nth-child(2), .banner_list [class*="col-"]:nth-child(3), .banner_list [class*="col-"]:nth-child(4){margin-bottom:0} .banner_list [class*="col-"]:nth-child(5), .banner_list [class*="col-"]:nth-child(6), .banner_list [class*="col-"]:nth-child(7), .banner_list [class*="col-"]:nth-child(8){margin-top:0}*/ /* article */ .ico_triangle_left{display:none} .article_block_content{padding:0} .article_block{margin-right:auto} /* 船舶定位 */ #shipframe{height:560px} } @media (max-width:719px){ } @media (max-width:639px){ /* Popup Login */ .h_margin_lr .red, .h_margin_lr em{display:inline-block;vertical-align:middle;padding-top: 7px;padding-bottom: 7px;} /* list */ .list_block_body li .a1{height:70px;padding-right:27px;} .list_block_body li .list_title{width:auto} .list_block_body li .start_time{left:15px;top:40px;right: auto;} .list_block_body li .dropdown{top:17px;right:27px;} .list_block_body li .dropdown .btn{/*! top:35px; */} .util_m{top:49px;} /* 船舶定位 */ #shipframe{height:500px} } @media (max-width:539px){ /* list */ .block_se2_m, .block_se1{text-align:center} .block_se2_m .form-group .input-group-addon{display:none} .block_se2_m .form-group .form-control{border-radius: 4px;} /* arc */ #art_images img{width:100%;float:none;} } @media (max-width:479px){ /* main */ .block_m_img{width:auto;float:none} .block_m_img img{padding-right:15px} .block1 .block_body li, #home .col-xs-6{width:100%} .home_news_img img, .home_online img, .block_m_img2 img, .m_ggimg1, .home_online{height:auto} .m_header1 h2, .block2 h2, .block3 h2, .m_header2 h2{font-size:20px} .title_turl{width:24px;height:24px;background-size:24px 24px;} .block2{background:none} .block_body{margin-bottom:0!important} /* list */ .aside_block_body li a{padding-left:10px;padding-right:10px} .banner_list [class*="col-"] img{height:80px} .block_se2_mf1 .form-control{width:80px} /* 新闻频道页 */ #news_index .block3.col-xs-6{width:100%;} /* 船舶定位 */ #shipframe{height:400px} } @media (max-width:413px){ } @media (max-width:399px){ /* list */ .banner_list li{width:100%} .banner_list_img1{height: 900px;} } @media (max-width:359px){ /* Popup Login */ .h_margin_lr{padding:0} .modal-footer{padding-left:15px} /* Page Register */ #login .form-horizontal .form-group{margin:0} /* 找回密码 */ #retPass .form-horizontal{padding-left:0} /* list */ .banner_list [class*="col-"] img{height:70px} .block_se2_m .h_label, .block_se2_m .form-group{/*! display:block */} .block_se2_m .form-group .form-control{padding-left:3px;padding-right:3px;width: 70px;} .list_block_body li .btn{right:25px} .list_block_body li .dropdown{/*! position:absolute; */top: 34px;/*! right: 0; */right: 20px;} .list_block_body li .dropdown .dropdown-toggle{position: absolute;top: 0;right: 0;} .util_m{position:relative;/*! right:9px; */width:100%;left: 16px;} .ico_triangle_top{margin-left:80%} .container, [class*="col-"]{padding-left:5px;padding-right:5px} .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header, .row{margin-right:-5px;margin-left:-5px;} /* article */ .article_block, .aside_block3{padding-left:10px;padding-right:10px;} .article_block_content dt{width:80px;} .article_block_content dd{margin-left:80px;} /* 船舶定位 */ #shipframe{height:300px} } @media (max-width:319px){ /* Popup Login */ #loginModal .btn{width:100%} #registerModal .form-control-static{width:auto;display:block;text-align:left} .h_margin_lr li{margin-bottom:0} /* list */ .banner_list [class*="col-"]{width:50%} .banner_list [class*="col-"]:nth-child(4){margin-bottom:0} .banner_list [class*="col-"] img{height:80px} .block_se2_mf2 .input-group .form-control{width:60px} .list_block_body li .a1{padding-left:0} .list_block_body li .start_time{left:0} /* 船舶定位 */ #shipframe{height:270px} } @media (max-width:269px){ /* Popup Login */ .modal-footer{padding-left:5px;padding-right:5px} .modal-footer .btn{padding-left:6px;padding-right:6px} /* 船舶定位 */ #shipframe{height:240px} } @media (min-width:767px){ .nav>li.chaoxinav{ display:none !important;} }