/***********  春节样式  开始  *********************************

.g-newyear-side {
    display: block;
}
.g-column input[type=checkbox], .container input[type=checkbox] {
    --active: #FA9686;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #FA9686;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:15px;
    height: 15px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    margin: 6px 5px 0px 0px;
}
.g-column input[type=checkbox]:after, .container input[type=checkbox]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.g-column input[type=checkbox]:checked, .container input[type=checkbox]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.g-column input[type=checkbox], .container input[type=checkbox] {
    border-radius: 3px;
}
.g-column input[type=checkbox]:after, .container input[type=checkbox]:after {
    width: 5px;
    height: 8px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    transform: rotate(var(--r, 20deg));
    margin: 1px 0px 0px 4px;
}
.g-column input[type=checkbox]:checked, .container input[type=checkbox]:checked {
    --r: 43deg;
}

.g-column input[type=radio] {
    margin: 6px 0px 0px 0px;
}
.container input[type=radio] {
    margin: 6px 0px 0px -20px;
}
.g-column input[type=radio], .container input[type=radio] {
    --active: #fff;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #87878a;
    --border-hover: #fff;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:15px;
    height: 15px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.g-column input[type=radio]:after, .container input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.g-column input[type=radio]:checked, .container input[type=radio]:checked {
    --active: #fff;
    --active-inner: #FA9686;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #FA9686;
    --border-hover: #FA9686;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:15px;
    height: 15px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.g-column input[type=radio], .container input[type=radio] {
    border-radius: 50%;
}
.g-column input[type=radio]:after, .container input[type=radio]:after {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 1;
    transform: scale(var(--s, 0.7));
}
.g-column input[type=radio]:checked, .g-container input[type=radio]:checked {
    --s: .5;
}

.g-nav .sub_menu input[type=radio] {
    margin: 6px 0px 0px 0px;
}
.g-nav .sub_menu input[type=radio] {
    margin: 6px 0px 0px -20px;
}
.g-nav .sub_menu input[type=radio], .container input[type=radio] {
    --active: #fff;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #87878a;
    --border-hover: #fff;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:15px;
    height: 15px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.g-nav .sub_menu input[type=radio]:after, .container input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.g-nav .sub_menu input[type=radio]:checked, .container input[type=radio]:checked {
    --active: #fff;
    --active-inner: #FA9686;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #FA9686;
    --border-hover: #FA9686;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:15px;
    height: 15px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.g-nav .sub_menu input[type=radio], .container input[type=radio] {
    border-radius: 50%;
}
.g-nav .sub_menu input[type=radio]:after, .container input[type=radio]:after {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 1;
    transform: scale(var(--s, 0.7));
}
.g-nav .sub_menu input[type=radio]:checked, .g-container input[type=radio]:checked {
    --s: .5;
}


.g-nav .sub_menu ul li:first-child label input{
    margin: 12px 5px 0px 0px;
}
.g-nav .sub_menu ul li:last-child label input{
    margin: 12px 0px 0px 0px;
}

.datetimepicker table tr td span.active.active {
  background-color: #bb232e;
}
.datetimepicker table tr td span.active {
  background-image: linear-gradient(to bottom, #bb232e, #bb232e);
}
.datetimepicker table tr td.active {
  background-image: linear-gradient(to bottom, #bb232e, #bb232e);
}

.datetimepicker table tr td span.active:hover {
  background-image: linear-gradient(to bottom, #bb232e, #bb232e);
}
.datetimepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #bb232e, #bb232e);
}

body {
     background: linear-gradient(180deg, #fbe9dc, #ffffff) no-repeat;
}

a, .pagination>li>a, .pagination>li>span {
    color: #892A14;
}

a:focus, a:hover {
    color: #FA9686;
}

.form-control:focus {
    border-color: #FA9686 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(175, 175, 175, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(175, 175, 175, .6);
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #FA9686 !important;
}
.header_data_cn_index {
    background-image: url(../pic/back-img2.png);
}
.header_data_en_index {
    background-image: url(../pic/back-img4.png);
}

.panel-heading,
.panel-collapse .nav-pills > .s-focused a:before {
    background: #FA9686 !important;
}

.s-table thead {
    background-color: #FA9686 !important;
}

.btn-primary {
    background-color: #FA9686 !important;
    border-color: #FA9686 !important;
}

.btn-primary:focus, .btn-primary:hover {
    background-color: #F7CBC4 !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #FA9686 !important;
}
.nav-container {
    height: 71px;
    background-image: url(../pic/menubg_newyear.png);
    background-size: 100% 100%;
}
.foot-w {
    background-color: #FCDACA !important;
}
.topbar-r ul li a:link, .topbar-l a:link,
.topbar-r ul li a:visited, .topbar-l a:visited,
.topbar-r ul li a:active, .topbar-l a:active {
    color: #FBEEC8 !important;
}

.g-nav > ul > li:hover,
.g-nav > ul > li.current,
.g-nav > ul > li.on {
    background-color: #F9A193 !important;
}
.g-nav a.one-level:active {
    color: #892A14 !important;
}
.sub_menu_box {
    background-color: #F7CBC4 !important;
}
.sub_menu li a:hover {
    background-color: rgb(249, 161, 147) !important;
}
.g-nav .home-active {
    background-color: #fa9686;
}
#j-search {
    right: 23px;
    color: #FBEEC8 !important;
}

.fontColor {
    background-color: #F7CBC4 !important;
}

.fontColor1 {
    background-color: #FCDACA !important;
}

.replace-div {
    background-color: #F7CBC4 !important;
}
#j-replace {
    color: #FBEEC8 !important;
}
.daynight-selection .attributeInput {
    color: #892A14 !important;
}
.hasSelectedInput {
    color: #892A14 !important;
}
#resultbody img {
    border: 1px #FA9686 solid !important;
}
.nav-stacked > li:hover {
    background: #F7CBC4 !important;
}

.container .nav-stacked > .s-focused {
    background-color: #F7CBC4 !important;
}

.panel-collapse .nav-pills > .s-focused a:before {
    background: #FA9686 !important;
}

.retrieval-l-o .satallitesType {
    background: linear-gradient(270deg, #F7CBC4, #F9A193) !important;
}
.category {
    background-color: #F7CBC4 !important;
}

.satallites {
    border-bottom: #F7CBC4 2px solid !important;
}

.satellite-parameters-new-title .title {
    border-top: 1px solid #F7CBC4 !important;
}

.trajectory-tl .toolbar .primary {
    background-color: #F9A193 !important;
}
.trajectory-tl .toolbar .default:hover, .trajectory-tl .toolbar .default:focus {
    background-color: #F9A193 !important;
}
.hh1 {
    background-image: url('../pic/ywbg_newyear.png') !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
    z-index: 200;
}

.hhzt1 {
    background-image: url('../pic/ztbg_newyear.png') !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
}

.retrieval-l-h button {
    background-color: #FA9686 !important;
}

.retrieval-l-h button:focus, .retrieval-l-h button:hover {
    background-color: #F9A193 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-image: linear-gradient(to bottom, #f7cbc4, #f3c5bd) !important;
}


.retrieval-ct-l-new, .satellite-parameters-new, .satellite-parameters, .satellite-parameters-new1, .satellite-parameters1 {
    border: 1px solid #F7CBC4 !important;
    background-color: #FFEEEB !important;
}
.retrieval-l-pub ul li {
    color: #892A14 !important;
}

.category ul li {
    background-color: #F7CBC4;
}

.l-pub_c {
    background-color: #fa9686 !important;
    color: #892A14 !important;
}

.l-pub_c-2 {
    background-image: url('../pic/bg-s1.png') !important;
}

.l-pub_c-1 {
    color: #892A14 !important;
    background-color: #fa9686 !important;
}
.changeSelectEleLi:hover, .changeSelectEleLi:focus, .selectEle li:focus, .selectEle li:hover {
    color: #892A14 !important;
    background-color: #fa9686 !important;
}

#zt-div div {
    background: linear-gradient(180deg, #FFFFFF, #F7CBC4) !important;
    box-shadow: 2px 2px 7px 0px #F9A294 !important;
}

.supinformation {
    background-color: #F7CBC4 !important;
    background-image: none !important;
}


.ywsj-div {
    background-image: url('../pic/ywsbg_newyear.png') !important;
}

.ywsj-div1 {
    background-image: url('../pic/ywbg1_newyear.png') !important;
}

.bs-slider {
    background: transparent !important; 
}
.g-newyear-side{
    position: absolute;
    top: 280px;
    width: 100%;
    min-width: 1440px;
}
.g-newyear-side-main{
   position:relative;
}
.g-newyear-side-left{
  position: absolute;
    top: 0px;
    left: 0px;
}
.g-newyear-side-right{
    position: absolute;
    right: 0px;
    top: 0px;
}

.down-part {
    border: 1px solid #FA9686 !important;
}

.g-sel-title {
    background-color: #FA9686 !important;
}

.changeSelectEleLi {
    background-color: #FA9686 !important;
}

.changeSelectEleLi:hover, .changeSelectEleLi:focus, .selectEle li:focus, .selectEle li:hover {
    background-color: #F9A193 !important;
}

.fontColor {
    background-color: #F7CBC4 !important;
}

.fontColor1 {
    background-color: #ccc !important;
    color: #333 !important;
}

ul.u-breadcrumb li {
    background-color: #fcefe6 !important;
}

ul.u-breadcrumb li:last-child a {
    background-color: #FA9686 !important;
}
.addStyle {
    background-color: #FA9686 !important;
}
.count-num {
    color: #000 !important;
}
.count-box {
    background-color: #FA9686 !important;
}
.count-sub-num {
    color: #000 !important;
}
.data-resources {
    border: 1px solid #F7CBC4 !important;
    background-color: #F7CBC4 !important;
}

table .orderCode:hover, table .orderCode:focus {
    color: #fa9686 !important;
}

.columnName {
    background-color: #FA9686 !important;
}

@media (min-width: 300px) {
    body {
        background: linear-gradient(180deg, #fbe9dc, #ffffff) repeat-x;
    }
}
@media (min-width: 768px) {
    body {
        background: linear-gradient(180deg, #fbe9dc, #ffffff) repeat-x;
    }
}
@media (min-width: 1000px) {

    body {
        background: linear-gradient(180deg, #fbe9dc, #ffffff) repeat-x;
    }
}
@media (min-width: 1350px) {
    body {
        background: linear-gradient(180deg, #fbe9dc, #ffffff) no-repeat;
    }
}

@media (min-width: 1511px) {
    .g-search {
        background-image: url("../pic/searchbg.png");
        background-size: 100% 100%;
        background-color: rgba(0, 0, 0, 0);
    }
    .u-searchinput {
        width: 185px;
        background-color: #DF4C1A;
        right: 45px;
    }
    #j-replace {
        left: 20px;
    }
    input::placeholder {
        color: #ccc !important;
    }
}

@media (max-width: 1510px) {
    .header_data_cn_index, .header_data_en_index {
        background-image: url(../pic/back-img2.png);
        background-position: -101px top;
        background-repeat: no-repeat;
    }
    .header_data_en_index {
        background-image: url(../pic/back-img4.png);
    }
    .g-search {
        background-color: #DF4C1A;
    }
}


/***********  春节样式  结束  *********************************/