@CHARSET "UTF-8";

.panel-default>.panel-heading>.panel-title {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.relativedfilenamecode a,
.fineProcessProductRelation a,
.relatedProducttitle a {
    cursor: pointer;
}

.relatedProducttitle {
    background: #E9E9E9;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 2px;
}

.relativedfilenamecode {
    margin-bottom: 20px;
}

.fineProcessProductRelation {
    float: right;
    /* font-size: 14px; */
}

.modal-header-fileList {
    padding: 15px;
}

#carousel-quickview {
    width: 500px;
    height: 500px;
    margin: 0 auto;
}

a:focus {
    outline: thin;
}

.viewName {
    float: left;
    vertical-align: middle;
    text-align: center;
    width: 560px;
    height: 50px;
    line-height: 50px;
    /* font-size: 18px; */
    font-family: "微软雅黑";
    font-weight: bold;
    color: #003399;
}

#right {
    margin-top: -20px;
}

.imgAdapt {
    width: 100%;
    height: 100%;
}

.findButton {
    margin-top: 10px;
}

.j-starttime:hover {
    background: #ccc;
}

.list-days {
    margin-left: 100px;
    background: #ccc;
    color: black;
    margin-top: -25px;
}

.tooltip-inner {
    width: 220px;
    max-width: 220px;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    text-align: left;
}

.area-change {
    width: 100px;
}

#g-map {
    width: 500px;
    height: 400px;
}

#g-quickview {
    text-align: center;
}
#g-quickview img {
    max-width: 450px;
    max-height: 450px;
}

legend {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid white;
}

/* form {
    border: 1px white solid;
    background:rgb(209,238,246);
    background: rgb(255, 255, 255);
} */

.lon-D,
.lon-M,
.lat-D,
.lat-M {
    border: solid 1px #cccccc;
    width: 35px;
    text-align: right;
}
.fy4-D,
.fy4-M,
.fy4-D,
.fy4-M {
    border: solid 1px #cccccc;
    width: 80px;
    text-align: center;
}
.cut-part {
    /* padding-right: 18px; */
    padding-top: 10px;
    padding-bottom: 10px;
}

.usual-part select {
    width: 100px;
}

.usual-part {
    margin-right: 25px;
    padding-top: 28px;
}

.date-choose {
    margin-right: 20px;
    /* background:#4f87e3; */
    border-radius: 2px;
    color: white;
}

.setHeight {
    /* height: 3em; */
    margin-left: 20px;
    color: black;
}

.date {
    width: 11em;
    cursor: pointer;
}

.date-choose:hover {
    background: #3978df;
    /* background:#5399cc; */
    cursor: pointer;
}

.necessary-choice {
    padding-right: 15px;
    padding-bottom: 7px;
}

.d-dayTime {
    padding-top: 30px;
}

.fileToBcground {
    background: #9cf;
}

.toBcground {
    background: #3cf;
}

.modal-nav:hover {
    cursor: pointer;
}

.modal-header {
    height: 60px;
}

.fileName {
    padding: 5px;
}

.pager {
    /* font-size:10px; */

}

.page-choose {
    height: 29px;
    line-height: 29px;
}

.button-style {
    /* margin-top:90px; */
    margin-top: -20px;
}

#jsfw,
#jsfw2 {
    /* padding-top:38px; */
    padding-top: 10px;
}

.usemap {
    /* margin-right: 25px; */
}

#utcChoose {
    cursor: pointer;
}

.u-datename {
    width: 6em;
}

.u-inputpadding {
    padding-left: 1em;
}

.radio-line input {
    cursor: pointer;
}

.area-part {
    padding-top: 8px;
}

.down-part {
    border: 1px solid #1B76B2;
    padding: 10px;
}

.productName label {
    font-weight: 400;
}

.g-sel-title {
    background-color: #9AD1FF;
    color: #000; 
    display: inline-block; 
    width: 100%; 
    padding: 10px;
}

.more-choice {
    padding-top: 8px;
}

.more-choice:hover {
    cursor: pointer;
}

.ewcl-area {
    margin-left: 10px;
    padding: 10px;
}

.selectEle .row li:hover {
    cursor: pointer;
}

.examine {
    cursor: pointer;
}

.changeBac {
    background-color: #0074DB;
    color: #fff;
    border-radius: 3px;
}

.selectEle .row li {
    line-height: 1.6em;
    height: 17px;
    height: 24px;
}

.order-info {
    display: block;
}

.orderCommit-info ul {
    list-style-type: disc;
}

table .darkBackG {
    margin-left: 1px;
    background-color: #99ccff;
    border-right: 1px solid white;
    text-align: center;
}

.table {
    table-layout: fixed;
}

/* .gallerySel .table  th {
   text-align:center;
}
.gallerySel .table  td {
   text-align:center;
} */
.gallerySel .table tr {
    height: 50px;
}

.navi ul li:hover {
    cursor: pointer;
    color: blue;
    /* color:#44cef6; */
}

.colorChange {
    color: blue;
}

.spotImg {
    width: auto;
    height: 2px;
    margin-left: 20px;
    margin-right: auto;
    clear: both;
}

.selectEle .row span {
    padding: 0px;
}

.selectEle ul {
    /* padding-left:5px; */
    display: inline-block;
}

#example_length label select {
    width: 100%;
    font-size: medium;
}

#example2_length label select {
    width: 100%;
}

.blackLine {
    width: auto;
    height: 3px;
    background-color: black;
}

.thinBlackLine {
    width: auto;
    height: 1px;
    background-color: black;
    margin-top: 2px;
}

.selectEle {
    line-height: 3rem;
    /* font-size: 14px; */
}

.navImg {
    height: auto;
    margin: 10px 30px;
    border-radius: 6px;
    /* display:none; */
}

.navImg h3 {
    margin: 20px;
    color: white;
    display: inline-block;
    font-weight: bold;
}

.navImg div a {
    color: white;
    margin-left: 20px;
}

.alreadySele {
    margin-top: 10px;
    margin-bottom: 10px;
    /* font-size: 14px; */
}

.alreadySele .label {
    /* font-size: 14px; */
    background-color: #CCC;
    color: black;
}

.dataCondense h4 {
    font-weight: bold;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.dataCondense input {
    margin-left: 20px;
}

.checkBoxSize {
    width: 15px;
    height: 15px;
}

.selectEle li {
    margin-right: 5px;
    cursor: pointer;
    line-height: 30px;
}

.changeSelectEleLi {
    color: #000;
    background-color: #9AD1FF;
}

.changeSelectEleLi:hover, .changeSelectEleLi:focus, .selectEle li:focus, .selectEle li:hover {
    color: #000;
    background-color: #B9D6F0;
}

.selectEle label {
    float: left;
    line-height: 3rem;
    width: 75px;
}

.selectEle-en label {
    width: 100px;
}

.selectEle ul {
    display: block;
}

.g-selectproduct {}

.tenPartDisplay label {
    margin-right: 28px;
}

.modal .filter a {
    font-weight: bold;
}

.pageDisplay {
    /* margin-left:150px; */

}

.col-1 {
    max-width: 600px;
    width: 200px;
}

.fontColor {
    color: #000;
    background-color: #B9D6F0;
}

.fontColor1 {
    background-color: #9AD1FF;
    color: #000;
}

#fileListLabel li:hover {
    cursor: pointer;
}

.navImg a:hover {
    cursor: pointer;
}

#loading {
    position: absolute;
    top: 50%;
    left: 40%;
}

.startTimes {
    width: 15em;
}

.fileLists.table {
    margin-bottom: 0px;
}

.fileName {
    table-layout: fixed;
    word-break: break-word;
    word-wrap: break-word;
}
.downLoadCol {
    text-align: center;
}

.dropdown-toggle {
    margin-bottom: 0px;
    cursor: pointer;
}

.dropdown-menu li a input {
    cursor: pointer;
}

.j-startlist li input {
    cursor: pointer;
}

#modelDatas tr td input {
    cursor: pointer;
}

#seleCurrentPage,
#cancelCurrentPageSele,
#allSele,
#cancelAllSele {
    cursor: pointer;
}

.bbb {
    position: relative;
    left: -190px;
    top: -30px;
    display: none;
    border: solid 1px #dddddd;
    z-index: 2000;
    background-color: #d1efe9;
    color: black;
    width: 200px;
}

.bbb li {
    height: 25px;
}

ul.u-breadcrumb {
    margin-left: 50px;
    padding-right: 30px;
    font-size: 1.2 em;
    /* font-size: 20px; */
    display: inline-block;
    list-style: none;
    width: 100%;
}

ul.u-breadcrumb li a:hover {
    cursor: default;
}

ul.u-breadcrumb li {
    float: right;
    padding-right: 20px;
    background-color: white;
    border-radius: 50px;
    position: relative;
    transition: all .2s;
    margin-top: 0px;
    margin-left: -50px;
}

.headStyle {
    color: #000;
}

/* 修改头部字体转换颜色 */
.headStyle1_label1 {
    font-size: 18px;
    color: #000;
}


/* 修改头部背景转换颜色 */
.normalStyle {
    background-color: #888888;
}

.addStyle {
    background-color: #9AD1FF;
}

.lastStyle {
    background-color: #bdbdbd;
}

/* 修改头部长度转换 */
.shortlength {
    width: 24%;
}

.longlength {
    width: 38%;
}

.circlelength {
    width: 80px;
}

.circlelength a span {
    color: #000;
    font-size: 1.2em;
    margin-top: 0px;
    margin-right: 3px;
}

ul.u-breadcrumb li a {
    width: auto;
    overflow: hidden;
    border-radius: 50px;
    transition: all .2s;
    text-decoration: none;
    text-align: center;
    display: block;
    padding-left: 52px;
    padding-right: 34px;
}

ul.u-breadcrumb a .icon {
    display: inline-block;
}

ul.u-breadcrumb li:last-child a {
    /* width: 68px; */
    width: auto;
    height: 62px;
    background-color: #9AD1FF;
    padding: 0;
}

/* .info{
    
} */

/* .panel-collapse img {
    height: 163px;
    width: 100%;
} */
.panel-group {
    margin-bottom: 0;
}

.basic-option {
    min-height: 700px;
}

.u-introheading a:hover,
.u-introheading a:visited,
.u-introheading a:focus {
    color: white;
}

.detailLoca {
    text-align: -webkit-right;
}

.notShow {
    display: none;
}

.carousel-indicators .active {
    background-color: #3479b8;
}

.carousel-indicators {
    bottom: -30px;
}

.carousel-indicators li {
    background-color: rgb(0, 0, 0);
}

.introTitleStyle {
    font-weight: 600;
}

#com-area label {
    width: 80px;
}

.u-tooltip {
    cursor: pointer;
}

.panel-heading-sub {
    color: #333;
    border-color: #ddd;
    border-bottom: 0;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#productIntro .panel-body {
    padding: 10px;
}

#shoppingCarInfoTooMuchFile .alert-infomation span {
    font-weight: bold;
}
@media screen and (min-width:960px) and (max-width:1410px) {
    /* ul.u-breadcrumb {
        font-size: 1.6rem;
    }

    .basic-option h3 {
        font-size: 1.8rem;
    }

    .btn-group-lg>.btn,
    .btn-lg {
        font-size: 16px;
    }

    .panel-title {
        font-size: 1.5rem;
    } */

    ul.u-breadcrumb li a {
        height: 50px;
        line-height: 50px;
    }

    ul.u-breadcrumb li:last-child a {
        height: 50px;
        width: 50px;
    }

    .circlelength a span {
        margin-top: 0px;
    }
}

@media screen and (min-width:1410px) and (max-width:1610px) {
    /* ul.u-breadcrumb {
        font-size: 1.6rem;
    }

    .basic-option h3 {
        font-size: 1.8rem;
    }

    .btn-group-lg>.btn,
    .btn-lg {
        font-size: 16px;
    } */

    ul.u-breadcrumb li a {
        height: 50px;
        line-height: 50px;
    }

    ul.u-breadcrumb li:last-child a {
        height: 50px;
        width: 50px;
    }

    .circlelength a span {
        margin-top: 10px;
    }
}

@media screen and (min-width:1611px) and (max-width:2000px) {
    /* ul.u-breadcrumb {
        font-size: 1.6rem;
    }

    .basic-option h3 {
        font-size: 1.8rem;
    }

    .btn-group-lg>.btn,
    .btn-lg {
        font-size: 16px;
    } */

    ul.u-breadcrumb li a {
        height: 50px;
        line-height: 50px;
    }

    ul.u-breadcrumb li:last-child a {
        height: 50px;
        width: 50px;
    }

    .circlelength a span {
        margin-top: -5px;
    }
}

.prompt-box{
    width: 450px;
    height: 200px;
    border: gainsboro solid 1px;
    position: absolute;
    left: 0px;
    background-color: rgb(255, 255, 255);
    color: #333333;
    z-index: 1000;
    display: none;
}

.prompt-box table tr, .prompt-box table td {
    /*padding: 5px;*/
}

.UserRegistrationCondition {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    float: none;
    padding-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
}

.UserExamineText {
    padding: 10px 30px 10px 30px;
    /* font-size: 14px; */
    color: #cc0000;
    text-align: left;
}

.exchangeDiv {
    clear: both;
    float: none;
    position: relative;
    margin-left: 0px;
    padding-top: 0px;
    text-align: center;
}

.UserWarnFootText {
    padding: 0px 30px 0px 30px;
    /* font-size: 13px; */
    color: #cc0000;
    text-align: left;
    margin-top: 5px;
}

.exchangeImg {
    width: 200px;
    padding-top: 0px;
}