/*通用*/
* {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: "Helvetica";
    list-style: none;
}

html, body {
    height: 100%;
    width: 100%;
    background: #fff center;
    overflow: hidden;
    color: #333;
}

.layui-layer-dialog .layui-layer-content {
    word-break: normal;
!important;
}

.g-recaptcha > div {
    margin: 0 auto;
}

button {
    cursor: pointer;
}

input, button, select, textarea, div {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield !important;
    box-shadow: none;
}

.win_box {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 998;
}

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.letter_text {
    letter-spacing: 1px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex_1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.margin_b_5 {
    margin-bottom: 5px;
}

.pos_r {
    position: relative;
}

.border-t {
    border-top: 2px solid #ddd;
}

.index_dowm_pa {
    position: absolute;
    bottom: 20px;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    animation: down_xiabiao 2s linear infinite;
    -webkit-animation: down_xiabiao 2s linear infinite; /* Safari and Chrome */
}

.index_dowm_pa img {
    width: 100%;
}

.swiper-container > .swiper-wrapper > .swiper-slide {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox*/
    box-sizing: border-box;
}

.ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.db_cont {
    position: fixed;
    width: 54px;
    right: 0;
    bottom: 79px;
    text-align: center;
    z-index: 998;
}

.a_cp {
    cursor: pointer;
    width: 34px;
}

.v-m {
    vertical-align: middle;
}

.col_them {
    color: #ff0000 !important;
}

.col_back {
    color: #333;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #FF0000 !important;
    background-color: #FF0000 !important;
}

.clear_b:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

a {
    color: inherit;
    text-decoration: none;
}

.aboutfadeOut {
    animation: myfadeOut .3s linear forwards;
    -webkit-animation: myfadeOut .3s linear forwards; /* Safari 与 Chrome */
}

.aboutfadeIn {
    animation: myfadeIn .3s linear forwards;
    -webkit-animation: myfadeIn .3s linear forwards; /* Safari 与 Chrome */
}

.AfadeInUp {
    animation-name: afadeInUp;
    -webkit-animation-name: afadeInUp; /* Safari 与 Chrome */
}

.AfadeOutDown {
    animation-name: afadeOutDown;
    -webkit-animation-name: afadeOutDown; /* Safari 与 Chrome */
}

.AfadeInLeft {
    animation-name: myfadeInLeft;
    -webkit-animation-name: myfadeInLeft; /* Safari 与 Chrome */
}

.AfadeInRight {
    animation-name: myfadeInRight;
    -webkit-animation-name: myfadeInRight; /* Safari 与 Chrome */
}

.AfadeIn {
    animation-name: myfadeIn;
    -webkit-animation-name: myfadeIn; /* Safari 与 Chrome */
}

.Aanimated {
    /*display: block !important;*/
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dh_time3 {
    animation-delay: .3s;
    -webkit-animation-delay: .3s; /* Safari 和 Chrome */
}

.dh_time6 {
    animation-delay: .6s;
    -webkit-animation-delay: .6s; /* Safari 和 Chrome */
}

.dh_time9 {
    animation-delay: .9s;
    -webkit-animation-delay: .9s; /* Safari 和 Chrome */
}
#imgVercode,#imgVercode11,#imgVercode_head{
    width: 100%;
    padding-right: 40px;
    box-sizing: border-box
}

/*通用end*/

/*国际页*/
.gj_top {
    background-color: #ff0000;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
    cursor: pointer;
}

.gj_top img {
    height: 30px;
}

.gj_map {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.gj_map > img {
    width: 980px;
}

.gj_down_pa {
    height: 38px;
    width: 20px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
}

.gj_down_dian {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333;
    left: 50%;
    top: 6px;
    margin-left: -3px;
    animation: down_dian 1.5s linear infinite;
    -webkit-animation: down_dian 1.5s linear infinite; /* Safari and Chrome */
}

.map_yinni {
    position: absolute;
    width: 550.4px;
    height: 181px;
    top: 358px;
    left: 261px;
}

.map_feilvbin {
    position: absolute;
    width: 107.93px;
    height: 166.52px;
    top: 196px;
    left: 515px;
}

.map_item > img {
    width: 100%;
    height: 100%;
    z-index: 998;
    cursor: pointer;
    display: none;
}

.map_name {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    z-index: 999;
    cursor: pointer;
}

.map_name:hover {
    color: #ff0000;
}

.name_ydnxy {
    margin-left: -37px;
}

.name_flb {
    margin-left: -22px;
}

.gj_lang_box {
    font-size: 14px;
    color: #666;
    position: absolute;
    border: 2px solid #ff0000;
    padding: 10px 10px;
    border-radius: 8px;
    background: #fff;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1001;
}

.gj_lang_box a {
    color: #666;
    text-decoration: none;
}

.lang_box_yn {
    margin-left: -79px;
    margin-top: -118px;
}

.lang_box_flb {
    margin-left: -79px;
    margin-top: -118px;
}

ul.lang_list {
    padding: 5px 5px 0;
    white-space: nowrap;
}

li.lang_item {
    display: inline-block;
    width: 60px;
    cursor: pointer;
}

li.lang_item:active {
    background-color: #f3f3f3;
}

.lang_bg, .personal_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

/*国际页end*/

/*官网首页*/
.shuaxing_btn {
    position: absolute;
    width: 30px;
    bottom: 10px;
    right: 5px;
    cursor: pointer;
}

#webyzm ,#webyzm_head{
    border: 1px solid #ddd;
    width: 100%;
    padding-right: 80px;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 30px;
}

.webyzm_btn {
    position: absolute;
    right: 0;
    border: 1px solid #ff0000;
    background: #ff0000;
    color: #fff;
    top: 0;
    line-height: 30px;
    width: 80px;
}

.recaptcha_box,.recaptcha_box_head {
    padding: 10px;
}

.recaptcha_tip {
    font-size: 16px;
    color: #ff0000;
    text-align: center;
    padding: 20px 0;
}

.alerttip_a {
    position: fixed;
    z-index: 9;
    width: 480px;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -240px;
}

.alerttip_a img.alert_del {
    width: 20px;
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer;
}

.alerttip_a img.alert_img {
    width: 100%;
    cursor: pointer;
    display: block;
}

.swiper-pagination-bullet {
    position: relative;
}

.swiper-button-next, .swiper-button-prev {
    height: 30px !important;
    width: 17px !important;
    background-size: 100% !important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    left: -2px;
    top: -2px;
}

.swiper-pagination span.swiper-pagination-bullet.on:after {
    opacity: 1;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* æ ‡å‡†è¯­æ³• */
}

.swiper-pagination .swiper-pagination-bullet > span {
    position: absolute;
    height: 18px;
    text-shadow: 0 0 6px #333;
    border: 1px solid transparent;
    top: -3px;
    right: 18px;
    font-size: 12px;
    white-space: nowrap;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #fff;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.swiper-pagination .swiper-pagination-bullet.on > span {
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active > span {
    right: 44px;
    top: 13px;
    display: block;
}

#index_swiper .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 36px auto;
}

#index_swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#index_swiper .swiper-pagination-bullet.on, #index_swiper .swiper-pagination-bullet-active {
    background-size: 100%;
}

#index_swiper .swiper-pagination-bullet-active {
    width: 44px;
    height: 44px;
    border-color: transparent;
    border: 0;
}

.swiper-container-vertical > .swiper-pagination-bullets#index_swiper .swiper-pagination-bullet {
    margin: 28px auto;
}

.logo_line {
    display: inline-block;
    padding: 10.5px 0;
    margin-left: 3%;
    vertical-align: top;
}

.logo_line img {
    width: 132px;
}

.index_top {
    height: 52px;
    background-color: rgba(0, 0, 0, .17);
    position: fixed;
    width: 100%;
    z-index: 999;
    /*-webkit-transition: all .3s;*/
    /*-o-transition: all .3s;*/
    /*transition: all .3s;*/
}

.index_top_zwf {
    height: 0;
}

.nav_list {
    display: inline-block;
    margin-left: 1%;
    height: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.nav_list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.personal_item {
    display: none;
}

.nav_item {
    float: left;
    height: 100%;
    padding: 0 25px 0 9px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: relative;
    cursor: default;
}

.nav_item > div {
    height: 100%;
}

.nav_item a, .nav_item .pernav {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nav_item img {
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
}

.nav_item.on {
    background-color: rgba(0, 0, 0, .17);
}

.nav_item.thispage {
    background-color: #bb1717;
}

.nav_item_sonlist {
    position: absolute;
    background-color: rgba(0, 0, 0, .34);
    font-size: 14px;
    top: 52px;
    left: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    display: none;
}

.nav_item_sonitem {
    line-height: 48px;
    width: 188px;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.nav_item_sonitem:hover {
    border-color: #fff;
}

.nav_item_sonitem a {
    display: block;
}

.on .nav_item_sonlist {
    display: none;
}

.nav_hover.on .nav_item_sonlist {
    display: block;
}

.index_top_r {
    position: relative;
    font-size: 14px;
    float: right;
    color: #fff;
    padding-right: 2%;
    min-width: 248px;
    text-align: right;
    background-color: #ff0000;
}

.index_top_r:after {
    content: '';
    position: absolute;
    left: -51px;
    top: 0;
    height: 0;
    width: 0;
    border-top: 26px transparent solid;
    border-bottom: 26px #ff0000 solid;
    border-left: 26px transparent solid;
    border-right: 26px #ff0000 solid;
}

.index_top_r * {
    vertical-align: middle;
}

.person_box {
    padding: 16px 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.person_img {
    display: inline-block;
    width: 20px;
    text-align: center;
    overflow: hidden;
}

.lang_sel {
    float: right;
    position: relative;
    cursor: pointer;
    padding: 16px 20px 15px 0;
}

.nav_item.nav_fuwu:after {
    display: none;
!important;
}

.lang_sel:after, .username:after, .nav_item:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    top: 26px;
    right: 2px;
    margin-top: -7px;
    box-sizing: initial;
}

.nav_item:after {
    right: 8px
}

.username:after {
    top: 9px;
    right: -17px;
}

.lang_sel.onhover:after, .nav_item.on:after {
    transform: rotate(225deg);
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Safari and Chrome */
    top: 31px;
}

.person_box.on .username:after {
    transform: rotate(225deg);
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Safari and Chrome */
    top: 14px;
}

.person_dlzc {
    display: inline-block;
    min-width: 87px;
    text-align: left;
    overflow: hidden;
    padding-right: 18px;
}

.index_top_r img {
    margin-right: 3px;
    width: 20px;
}

.index_lang_list {
    position: absolute;
    font-size: 14px;
    color: #606060;
    background-color: #fff;
    padding: 3px 0;
    border-radius: 8px;
    right: 0;
    top: 48px;
    overflow: hidden;
    display: none;
}

.index_user {
    display: none;
    position: absolute;
    background-color: #fff;
    color: #606060;
    font-size: 16px;
    top: 48px;
    left: 0;
    border-radius: 8px;
    transition: all 0.5s;
    overflow: hidden;
}

.person_box.on .index_user {
    display: block;
}

.index_lang_item, .index_user_item {
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
}

.index_user_item {
    padding: 0;
    line-height: 48px;
    width: 188px;
    text-align: center;
}

.index_user_item a {
    display: block;
}

.index_lang_item a {
    display: block;
    padding: 9px 16px;
}

.index_user_item:hover {
    background-color: #ff0000;
    color: #fff;
}

.index_lang_item:hover {
    background-color: #ff0000;
    color: #fff;
}

.index_login {
    color: #333;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 0;
    position: fixed;
    left: 50%;
    top: 50%;
    min-width: 360px;
    width: 360px;
    margin-top: -250px;
    margin-left: -180px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(0); /* Safari */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0); /* æ ‡å‡†è¯­æ³• */
    cursor: initial;
    font-size: 14px;
}

.index_login.login_show {
    animation: scale_box 0.5s forwards;
    -webkit-animation: scale_box 0.5s forwards; /* Safari 与 Chrome */
}

.login_head_text {
    font-size: 18px;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bdbdbd;
}

.login_title {
    text-align: center;
    margin-bottom: 20px;
}

.login_title > div {
    width: 50%;
    padding: 0 0 10px;
    float: left;
    border-bottom: 2px solid #AEAEAE;
    cursor: pointer;
    color: #333;
    line-height: 1;
    height: 30px;
}

.login_title > div.on {
    border-color: #ff0000;
    color: #ff0000;
}

.login_jzmm {
    text-align: right;
    margin-top: 5px;
    font-size: 12px;
}

.fixed_register, .fixed_forgot {
    z-index: -1;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -290px;
    margin-top: -240px;
    -webkit-transform: scale(0); /* Safari */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0); /* æ ‡å‡†è¯­æ³• */
}

.fixed_register.reg_show, .fixed_forgot.reg_show {
    animation: scale_box 0.5s forwards;
    -webkit-animation: scale_box 0.5s forwards; /* Safari 与 Chrome */
}

.form_item {
    margin-top: 20px;
    position: relative;
}

#form_login .error_desc {
    left: 0;
    text-align: left;
    top: 25px;
    bottom: initial;
}

.form_item_lable {
    position: absolute;
    color: #737373;
    top: 5px;
    font-size: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.form_item.on .form_item_lable, .reg_inp.on .form_item_lable {
    top: -12px;
    font-size: 12px;
}

.form_item input {
    border-bottom: 1px solid #bdbdbd;
    width: 100%;
    height: 27px;
    font-size: 14px;
    position: relative;
    background-color: transparent;
}

.lg_btn {
    font-size: 16px;
    color: #fff;
    width: 76px;
    padding: 7px 0;
    border-radius: 4px;
}

.not_zh {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;

}

.lg_box {
    text-align: center;
    margin-top:30px;
}

.index_login_btn {
    background-color: #ff0000;
    margin-right: 10px;
}

.index_zhuce_btn {
    background-color: #b2b2b2;
    display: inline-block;
    cursor: pointer;
}

.login_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 8;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.index_kjgzcx {
    position: relative;
    padding-bottom: 35px;
}

.index_kjgzcx:after {
    content: '';
    height: 2px;
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    right: 62px;
    left: 0;
}

.index_kjgzcx:before {
    content: '';
    width: 2px;
    background-color: #ddd;
    position: absolute;
    top: 0;
    bottom: 62px;
    right: 0;
}

.carorder {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.carorder .od_carimg {
    width: 100%;
}

.od_del {
    width: 17px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.swiper-slide-active .carorder {
    width: 140px;
    cursor: pointer;
}

.kjgz_textarea {
    width: 100%;
    height: 180px;
    border-radius: 4px;
    font-size: 14px;
    display: block;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.kjgz_textarea textarea {
    width: 100%;
    height: 175px;
    background: transparent;
    resize: none;
    color: #fff;
}

.kjgz_textarea textarea::-webkit-input-placeholder {
    color: #fff;
}

.kjgz_textarea textarea::-moz-input-placeholder {
    color: #fff;
}

.kjgz_textarea textarea::-ms-input-placeholder {
    color: #fff;
}

.kjgz_textarea input {
    width: 100%;
    height: 24px;
    background: transparent;
    display: none;
}

.jjcs_index, .sjq_index {
    overflow: inherit;
}

.jjcs_select {
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 99;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.jjcs_list {
    max-height: 234px;
    overflow-y: auto;
}

.jjcs_select > input {
    width: 90%;
    margin: 5px 5%;
    border: 1px solid #ff0000;
    line-height: 32px;
    border-radius: 8px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.jjcs_item {
    color: #333;
    padding: 0 20px;
    border-bottom: 1px solid #ff0000;
}

.jjcs_index > input, .sjq_index > input {
    width: 100%;
    height: 36px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    padding-right: 25px;
    padding-left: 5px;
}

.sjq_index:after, .jjcs_index:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    height: 0;
    width: 0;
    border-top: 5px solid #AEAEAE;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.jt_index_2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.jt_index_2_box {
    width: 966px;
    display: flex;
}

.jt_index_2_item {
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.queryclose, .jt_index_2_item.on img.imgnohover, .jt_index_2_item img.imghover {
    display: none;
}

.jt_index_2_item.on img.imghover, .jt_index_2_item img.imgnohover {
    display: block;
}

.jt_index_2_inp {
    margin-bottom: 10px;
    font-size: 12px;
}

.jt_index_2_inp label {
    float: left;
    margin-top: 7px;
    width: 58px;
}

.jt_index_2_inp .inp_cont {
    margin-left: 58px;
    height: 30px;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.jt_index_2_inp input.inp_cont {
    padding: 0 21px 0 2px;
}

.jt_index_2_mp {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    display: none;
}

.cc_inp_box .inp_cont {
    width: 100%;
    margin-left: 0;
}

.cc_div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-right: 5px;
}

.cc_div:last-child {
    margin-right: 0;
}

.bjcx_cm {
    position: absolute;
    top: 8px;
    right: 3px;
    color: #333;
}

.jt_index_2_inp .cont_r {
    margin-left: 0;
    height: 42px;
}

.js_index_2_btn {
    background: #ff0000;
    color: #fff;
    width: 94px;
    border-radius: 4px;
    padding: 5px 0;
    position: static;
    bottom: -18px;
    left: 50%;
    margin: 25px auto 0;
    display: block;
}

/*index_3***********/
.index_3_box {
    width: 1080px;
}

.dl_box {
    text-align: center;
}

.index_3_l {
    height: 520px;
    display: inline-block;
    position: relative;
}

.index_3_l > img {
    height: 100%;
}

.app_imgbox {
    position: absolute;
    background: #fff;
    top: 22px;
    bottom: 25px;
    left: 25px;
    right: 27px;
    overflow: hidden;
    border-radius: 27px;
}

.app_imgbox > img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.app_imgbox > img.on {
    opacity: 1;
}

.index_3_r {
    float: right;
    margin-top: 40px;
    margin-left: 90px;
    width: 488px;
}

.index_3_head {
    font-size: 33px;
    color: #fff;
    font-family: "Helvetica Bold";
}

.index_3_cont {
    font-size: 14px;
    color: #333;
    margin-top: 28px;
    margin-bottom: 15px;
}

.inhover, .jt_index_3_imgitem:hover .nohover, .jt_index_3_imgitem.on .nohover {
    display: none;
}

.nohover, .jt_index_3_imgitem:hover .inhover, .jt_index_3_imgitem.on .inhover {
    display: block;
}

li.jt_index_3_imgitem {
    float: left;
    width: 25%;
}

li.jt_index_3_imgitem img {
    width: 75px;
    margin: 0 auto;
}

.jt_index_3_seldesc {
    text-align: left;
    padding-top: 18px;
    display: none;
}

.jt_index_3_seldesc.on {
    display: block;
}

.jt_index_3_seldesc h4 {
    color: #ff0000;
    font-family: "Helvetica Bold";
    margin-bottom: 5px;
}

.jt_index_3_seldesc p {
    min-height: 33px;
}

.appstore, .googleapp, .huaweiapp {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.appstore img, .googleapp img, .huaweiapp img {
    width: 120px;
}

/*index_4***********************/
.index_4_box {
    width: 1200px;
    margin-top: -60px;
}

.index_4_nav_list {
    position: relative;
    width: 540px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.index_4_nav_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.index_4_nav_item {
    width: 142px;
    margin: 0 19px;
    font-size: 18px;
    padding-bottom: 8px;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 48px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_4_nav_item.on:before {
    height: 2px;
    width: 100%;
}

.index_4_nav_item:before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 0;
    bottom: 3px;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.index_4_nav_item:hover:before {
    height: 2px;
}

.index_4_gonggao_list {
    width: 880px;
    margin: 0 auto;
}

.index_4_gonggao_list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.index_4_gonggao_item, .about_2_item {
    width: 33.33333%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    transform: scale(0.8) !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.index_4_gonggao_item.swiper-slide-active {
    transform: scale(1) !important;
}

.index_4_gonggao_item_cont, .about_2_item_news_cont {
    padding-bottom: 6px;
    cursor: pointer;
}

.index_4_txt_box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}

.index_4_gonggao_item_img, .index_4_awards_item_img, .about_2_item_news_img {
    width: 100%;
    height: 228px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: center;
    background-size: cover;
}

.index_4_gonggao_item_img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.index_4_gonggao_item_text a {
    color: -webkit-link;
    text-decoration: underline;
    position: absolute;
    right: 5px;
    top: 0;
}

.index_4_awards_item_img {
    height: 219px;
}

.index_4_gonggao_item_head, .about_2_item_news_head {
    font-size: 16px;
    padding: 10px 20px 0;
    font-family: "Helvetica Bold";
    min-height: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.index_4_gonggao_item_text, .about_2_item_news_text {
    font-size: 14px;
    padding: 2px 35px 0 15px;
    height: 26px;
    overflow: hidden;
    position: relative;
}

.swiper-cont .swiper-slide {
    background-color: transparent;
    padding-top: 0;
    margin-top: 20px;
    cursor: pointer;
}

.swiper-container-partners .swiper-slide {
    margin-top: 5px;
}

.banner_item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.swiper-pagination1 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    background: #ff0000;
    height: 12px;
    width: 28px;
    border-radius: 100px;
    border: 0;
}

.swiper-container1 .swiper-slide {
    padding-top: 0;
}

.swiper-container-news-mx .swiper-slide, .swiper-container-event-mx .swiper-slide, .swiper-container-eotm-mx .swiper-slide, .order-shuoming .order-slide, .fuwu_mx .order-slide {
    padding: 10px 45px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.swiper-container-horizontal > .swiper-pagination1.swiper-pagination-bullets {
    position: relative;
    bottom: 25px;
    z-index: 9;
}

.swiper-container-news-mx, .swiper-container-event-mx, .swiper-container-eotm-mx, .order-shuoming, .fuwu_mx {
    background-color: #fff;
    height: 80%;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    overflow-x: hidden;
    box-shadow: 0 4px 8px 0 #fff;
    z-index: -1;
    opacity: 0;
    transform: scale(0.5);
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari 和 Chrome */
    -o-transform: scale(0.5); /* Opera */
    -moz-transform: scale(0.5); /* Firefox */
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

.order-shuoming {
    overflow-x: initial;
    background: transparent;
    box-shadow: none;
    height: 253px;
    top: 50%;
    left: 50%;
    margin-top: -126px;
    width: 880px;
    margin-left: -440px;
}

.order_smbg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.order_smbg.img2 {
    display: none;
}

.swiper-container-news-mx.on, .swiper-container-event-mx.on, .swiper-container-eotm-mx.on, .order-shuoming.on, .fuwu_mx.show {
    opacity: 1;
    z-index: 11;
    border-radius: 8px;
    transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 和 Chrome */
    -o-transform: scale(1); /* Opera */
    -moz-transform: scale(1); /* Firefox */
}

.news_mx_item_head {
    font-size: 36px;
    text-align: center;
    margin-bottom: 15px;
}

.news_mx_item_cont {
    flex: 1;
    overflow-y: auto;
}

::-webkit-scrollbar { /*æ»šåŠ¨æ¡æ•´ä½“æ ·å¼*/
    width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.mx_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10;
}

.partner_head {
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
    font-family: "Helvetica Bold";
}

.partners_img {
    height: 74px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 28px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.partners_img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.index4_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
}

.index4_footer_l {
    width: 342px;
    height: 100%;
    background-color: #ff0000;
    font-size: 12px;
    color: #fff;
    position: relative;
    float: left;
}

.index4_footer_l:after {
    content: '';
    position: absolute;
    right: -51px;
    top: 0;
    height: 0;
    width: 0;
    border-top: 26px #ff0000 solid;
    border-bottom: 26px transparent solid;
    border-left: 26px #ff0000 solid;
    border-right: 26px transparent solid;
}

.index4_footer_l p {
    padding-left: 20px;
    padding-top: 20px;
}

.index_db_awards {
    margin-top: 10px;
    text-align: center;
    float: right;
    margin-right: 30px;
}

.index_db_awards div {
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: cover;
    display: inline-block;
    margin-left: 8px;
}

.index_db_awards div:last-child {
    width: 43px;
}

.index_db_callbox {
    position: fixed;
    /*border: 2px solid rgba(255,0,0,0.1);*/
    color: #fff;
    right: 0;
    bottom: 0;
    font-size: 14px;
    cursor: pointer;
    z-index: 9;
    /*border-radius: 100px;*/
    /*margin-right: 15px;*/
    margin-bottom: 15px;
    /*display: none;*/
}
.index_db_callbox_cont{
    /*border: 2px solid rgba(255,0,0,0.5);*/
    /*border-radius: 100px;*/
}
.index_db_callbox_cont>div{
    /*padding: 5px 15px 5px 15px;*/
    /*border-radius: 100px;*/
    /*background: #ff0000;*/
}

.index_db_callbox img {
    width: 150px;
    margin-right: 5px;
    vertical-align: middle;
}

/*.index_db_callbox:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 8px;*/
/*    width: 8px;*/
/*    border-width: 0 2px 2px 0;*/
/*    border-color: #fff;*/
/*    border-style: solid;*/
/*    -webkit-transform: rotate(-135deg);*/
/*    -ms-transform: rotate(-135deg);*/
/*    transform: rotate(-135deg);*/
/*    top: 24px;*/
/*    right: 23px;*/
/*    margin-top: -7px*/
/*}*/

.index_db_txtbox {
    position: fixed;
    bottom: -430px;
    background: #f1f1f1;
    right: 0;
    width: 320px;
    z-index: 10;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.index_db_txtbox.in {
    bottom: 0;
    z-index: 999;
}

.index_db_close {
    width: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 3;
}

.index_db_txtbox_headimg {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.index_db_textbox_cont {
    font-size: 14px;
    margin-top: -25px;
    background-color: #f1f1f1;
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 2;
    padding-top: 10px;
}

.index_db_textbox_item {
    margin: 10px 14px 0 14px;
    padding: 7px 12px;
    background: #fff;
    border-radius: 8px;
}

.index_db_textbox_item img {
    width: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.index_db_txtbox_imgbox{
    position: absolute;
    top: 17px;
    left: 14px;
    right: 0;
}
.index_db_txtbox_imgbox img{
    width: 72px;
}
.index_db_txtbox_imgbox>div{
    position: absolute;
    color: #fff;
    left: 86px;
    top: 4px;
    right: 40px;
}
.index_db_txtbox_imgbox>div>p{
    font-size: 14px;
}

.index_db_textbox_tip {
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 10px;
}

/*index_5***********************/
.hb_img {
    height: 130px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index_db_icon {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -65px;
}

.index_db_icon img {
    width: 29px;
}

/*官网首页end*/

/*new官网首页*/
.index_partners {
    width: 1200px;
    margin: 0 auto;
}

.search_mode {
    float: left;
    position: absolute;
    bottom: 0;
    width: 960px;
    height: 54px;
    z-index: 7;
    left: 50%;
    margin-left: -480px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.search_mode_item {
    cursor: pointer;
    float: left;
    width: 33.3333%;
    height: 54px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*border-right: 1px solid rgba(255,255,255,0.5);*/
    position: relative;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.search_mode_item:after {
    content: '';
    display: block;
    position: absolute;
    height: 54px;
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
    bottom: 0;
    right: 0;
}

.search_mode_item.on {
    height: 270px;
    margin-top: -216px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.search_mode_item:last-child:after {
    background: transparent;
}

.search_m1 {
    font-size: 12px;
    border-top-left-radius: 8px;
}

.search_kjgz img {
    height: 12px;
    vertical-align: text-bottom;
}

.kjgz_searchicon {
    float: right;
    margin-top: 1px;
}

.search_kjgz {
    margin: 13px 10px 0;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 7px;
}

.search_m2, .search_m3 {
    font-size: 14px;
    text-align: center;
}

.search_m3 {
    border-top-right-radius: 8px;
}

.search_yfcx, .search_wdcx {
    margin-top: 8px;
    position: absolute;
    width: 100%;
    bottom: 6px;
    z-index: 2;
}

.search_yfcx img, .search_wdcx img {
    height: 40px;
    vertical-align: middle;
    margin-left: 15px;
}

.jt_index_2_top {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #ff0000;
    padding: 25px 0;
}

.jt_index_2_list {
    height: 325px;
}

.jt_index_2_listbox {
    max-width: 1096px;
    margin: 0 auto;
    padding-top: 90px;
    box-sizing: border-box;
}

.jt_index_2_listbox > div {
    float: left;
    width: 20%;
    text-align: center;
}

.jt_index_2_listbox > div img {
    height: 145px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.jt_index_2_list .news-mx-pn {
    display: none;
}

img.index2_img1.on {
    animation: afadeInUp 0.3s forwards;
    -webkit-animation: afadeInUp 0.3s forwards; /* Safari 与 Chrome */
}

img.index2_img2.on {
    animation: afadeInUp 0.6s forwards;
    -webkit-animation: afadeInUp 0.6s forwards; /* Safari 与 Chrome */
}

img.index2_img3.on {
    animation: afadeInUp 0.9s forwards;
    -webkit-animation: afadeInUp 0.9s forwards; /* Safari 与 Chrome */
}

img.index2_img4.on {
    animation: afadeInUp 1.2s forwards;
    -webkit-animation: afadeInUp 1.2s forwards; /* Safari 与 Chrome */
}

img.index2_img5.on {
    animation: afadeInUp 1.5s forwards;
    -webkit-animation: afadeInUp 1.5s forwards; /* Safari 与 Chrome */
}

.index_2_nav_list {
    position: relative;
    width: 660px;
    margin: 0 auto;
    padding: 25px 0 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.index_2_nav_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.index_2_nav_item {
    width: 142px;
    margin: 0 39px;
    font-size: 18px;
    padding-bottom: 8px;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer;
    color: #666;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 48px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_2_nav_item.on:before, .index_2_nav_item:hover:before {
    background: #ff0000;
}

.index_2_nav_item:before {
    content: '';
    position: absolute;
    background-color: #666;
    width: 100%;
    height: 2px;
    bottom: 3px;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.index_2_nav_item:hover, .index_2_nav_item.on {
    color: #ff0000;
}

.index_2_news_box {
    width: 960px;
    margin: 0 auto 25px;
}

.index_2_news_l {
    float: left;
    width: 360px;
}

.index_2_news_l_item {
    margin-bottom: 28px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 8px 0 #bbb;
    cursor: pointer;
}

.news_l_itemcont {
    margin-left: 190px;
    height: 108px;
    margin-right: 10px;
    padding: 6px 0;
}

.news_l_itemimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    width: 180px;
    float: left;
}

.news_l_itemcont > div {
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    max-height: 66px;
    overflow: hidden;
}

.news_l_itemcont > p {
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}

.index_2_news_r {
    margin-left: 390px;
}

.index_2_news_r_list {
    height: 225px;
}

.index_2_news_r_item {
    border-bottom: 1px solid #888;
    position: relative;
    cursor: pointer;
}

.index_2_news_r_item:hover {
    color: #ff0000;
    border-bottom-color: #ff0000;
}

.index_2_news_r_head {
    margin-right: 98px;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 17px;
}

.index_2_news_r_date {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 11px;
    color: #888;
}

.seemore {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    text-align: right;
    display: none;
}

.seemore a {
    cursor: pointer;
}

.Download_App {
    display: none;
}

.index_2_Partners_box {
    width: 1200px;
    margin: 0 auto;
}

.index_foot_bg img {
    height: 380px;
    display: block;
}

.index_foot_bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.index_foot_right {
    min-height: 480px;
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-top: 100px;
    padding-bottom: 60px;
}

.index_foot_right .cont_right {
    margin-left: 520px;
}

.index_foot_top {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #ff0000;
}

.index_foot_tip {
    text-align: center;
    font-size: 14px;
    color: #888;
}

.downimg {
    width: 280px;
    position: absolute;
}

.down1 {
    bottom: 26px;
    z-index: 1;
}

.down2 {
    left: 165px;
    bottom: 49px;
}

.index_db_awards.index_awards_box > div {
    width: 60px;
    height: 60px;
}

.index_db_awards.index_awards_box > div:last-child {
    width: 85px;
}

.index_db_icon.index_awards_box {
    margin-top: 50px;
    margin-left: -15px;
}

.index_foot_remark {
    position: absolute;
    color: #fff;
    bottom: 9px;
    font-size: 12px;
    right: 145px;
}

.search_mode_item.on .kjgz_noclick {
    display: none;
}

.index1_tc_form, .index1_wd_form {
    display: none;
}

.search_mode_item.on .index1_tc_form {
    display: block;
}

.search_mode_item.search_m2.on .index1_tc_form {
    padding: 10px 10px 5px;
    height: 200px;
    display: block;
}

.search_mode_item.search_m3.on .index1_wd_form {
    margin: 45px 35px 0;
    height: 179px;
    display: block;
}

.index1_wd_form .search_cont_box {
    height: 98px;
}

.serch_mode_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.search_m2 .index1_tc_form {
    padding: 0;
    text-align: left;
    height: 0;
    /*overflow: hidden;*/
    position: absolute;
    bottom: 54px;
    -webkit-transition: all 0.4s;
    -o-transition: all .4s;
    transition: all 0.4s;
}

.index1_wd_form {
    margin: 0 35px;
    height: 0;
    /*overflow: hidden;*/
    position: absolute;
    bottom: 54px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.index1_wd_form .wd_index_btn {
    width: 44px;
    margin: 0;
    position: absolute;
    bottom: 3px;
    right: -54px;
    left: auto;
}

.findwd_index_btn {
    width: 130px;
    margin-bottom: 45px;
}

.wd_index_btn img {
    width: 20px;
}

.index1_wd_form .jt_index_2_inp {
    margin-right: 54px;
    margin-bottom: 25px;
}

.index_foot_img {
    position: absolute;
    /*left: 0;*/
    bottom: 0;
    opacity: 0;
    left: -200px;
}

.index_foot_right.in .index_foot_img {
    animation: sfadeInRight 0.7s 0.5s linear forwards;
    -webkit-animation: sfadeInRight 0.7s 0.5s linear forwards; /* Safari 与 Chrome */
}

.index_foot_right.in .index_foot_top, .index_foot_right.in .index_foot_tip {
    bottom: 30px;
    opacity: 0;
    animation: afadeOutUp 0.7s 0.5s linear forwards;
    -webkit-animation: afadeOutUp 0.7s 0.5s linear forwards; /* Safari 与 Chrome */
}

.index_foot_right.in .btnimg_box, .index_foot_right.in .index_3_cont {
    top: 30px;
    opacity: 0;
    animation: afadeInUp 0.7s 0.5s linear forwards;
    -webkit-animation: afadeInUp 0.7s 0.5s linear forwards; /* Safari 与 Chrome */
}

/*new官网首页end*/

/*订单首页*/
.taborder_box {
    max-width: 1366px;
    margin: 0 auto;
    position: relative;
}

.taborder_box .tapimg_bg {
    width: 100%;
    display: block;
}

.pick_up {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -580px;
    width: 450px;
    cursor: pointer;
}

.drop_off {
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -15px;
    margin-right: -650px;
    height: 170px;
    cursor: pointer;
}

.pick_up img {
    width: 100%;
}

.drop_off img {
    height: 100%;
}

.pickup_text_box {
    position: relative;
    background: #fff;
    height: 50%;
    max-width: 405px;
    border-radius: 20px;
    padding: 0 40px;
    margin-right: 30px;
    box-sizing: border-box;
    z-index: 3;
}

.pickup_mx_item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pickup_num {
    position: absolute;
    border: 8px solid #ff0000;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 40px;
    font-weight: bold;
    left: -36px;
    background: #fff;
}

.pickup_text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}

/*订单*/
.order_head_img {
    display: block;
    width: 100%;
}

.orderpage_nav_box, .messagepage_nav_box {
    background-color: #333;
    height: 60px;
}

.orderpage_nav_list {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.orderpage_nav_item {
    display: inline-block;
    color: #fff;
    min-width: 100px;
    height: 54px;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nitem_l {
    margin-right: 160px;
}

.orderpage_nav_item.on {
    color: #ff0000;
    border-bottom: 2px solid #ff0000;
}

.opage_nav_list {
    width: 260px;
    margin: 30px auto 0;
}

.opage_nav_item {
    float: left;
    width: 50%;
    background-color: #ececec;
    text-align: center;
    border-radius: 2px;
    font-family: Helvetica Bold;
    font-size: 18px;
    padding: 8px 0;
}

.opage_nav_item.on {
    background: #ff0000;
    color: #fff;
}

.orderpage_content, .querypage_content {
    width: 960px;
    background-color: #fff;
    border-radius: 8px;
    margin: 25px auto;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}

.querypage_content {
    width: auto;
}

.wdcxpage_content {
    background-color: #fff;
    margin: 25px auto;
    position: relative;
    overflow: hidden;
}

.orderpage_content {
    padding-top: 0;
}

.drop_off_to {
    padding: 0 25px;
}

.jijian_box {
    padding: 0 0 42px;
    position: relative;
}

.title_name {
    color: #ff0000;
    font-size: 18px;
    margin-left: 5px;
}

.info_top {
    padding: 0 25px;
}

.jjr_info_form:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.op_form_item {
    font-size: 14px;
    color: #888;
    width: 50%;
    float: left;
    margin-top: 26px;
    position: relative;
    padding: 0 25px;
}

.op_form_item > p, .cc_inp > p, .set_contact_item > p, .op_form_item > .opcczl, .cx_form_item > p {
    position: absolute;
    top: 7px;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.op_form_item.on > p, .cc_inp.on > p, .set_contact_item.on > p, .cx_form_item.on > p {
    top: -12px;
    font-size: 12px;
}

.jijian_box *, .set_contact * {
    box-sizing: border-box;
}

.op_form_item.form_inp_100 {
    width: 100%;
}

.op_form_item.cc_item {
    width: 100%;
    margin-top: 50px;
    padding: 0;
}

.op_form_item .opcczl {
    float: left;
    width: 100%;
    top: auto;
    bottom: -14px;
    left: 25px;
    font-size: 12px;
}

.isee {
    position: absolute;
    width: 18px;
    bottom: 2px;
    right: 0;
    cursor: pointer;
    z-index: 3;
}

.baoguo_inpbox {
    float: left;
    width: 50%;
}

.cx_form_item.cc_item {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
}

#weight_inp > label {
    position: absolute;
    font-size: 12px;
    width: auto;
    bottom: -21px;
}

.op_form_inp, .mycontact_inp {
    font-size: 14px;
    border-bottom: 1px solid #888;
    width: 100%;
    color: #333;
    min-height: 30px;
    resize: none;
    background-color: transparent;
    -webkit-user-modify: read-write-plaintext-only;
    position: relative;
    z-index: 3;
}

.orderpage_tip {
    font-size: 10px;
    color: #ff0000;
    position: absolute;
    bottom: -12px;
}

.textplace:empty:before {
    content: attr(placeholder);
    color: #888;
    cursor: text
}

.textplace:focus {
    content: none;
}

.inpdiv {
    padding: 6px 0;
}

.orderpage_bottom {
    margin-top: 30px;
}

.op_form_select {
    width: 318px;
    border: 1px solid #AEAEAE;
    border-radius: 4px;
    height: 28px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.op_form_inp.inp_100 {
    width: 100%;
}

.address_tip {
    padding: 7px 0 4px;
    color: #4f83c3;
    cursor: pointer;
}

.address_ls_list {
    background-color: #f5f5f5;
    font-size: 14px;
    overflow-y: auto;
    max-height: 290px;
}

.address_ls_item {
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
}

.address_ls_item:hover {
    background-color: #ddd;
}

.address_ls_item img {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 12px;
}

.jjr_info, .sjr_info, .baoguo_info, .js_info {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.jjr_info, .baoguo_info {
    border-right: 2px solid #ddd;
    padding-right: 30px;
}

.sjr_info, .js_info {
    padding-left: 30px;
}

.pageck_in_order_img {
    position: absolute;
    top: -55px;
    right: 10px;
    cursor: pointer;
}

.pageck_in_img {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: -5px;
    bottom: 0;
}

.pageck_in_img.onhover .dg_box {
    z-index: 9;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg); /* Safari 与 Chrome */
}

.info_top img {
    width: 20px;
}

.dg_box {
    position: absolute;
    z-index: -1;
    bottom: 18px;
    left: -120px;
    padding-bottom: 10px;
    cursor: initial;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg); /* Safari 与 Chrome */
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
}

.dg_content {
    width: 240px;
    padding: 10px;
    border: 1px solid #ff0000;
    border-radius: 8px;
    background: #fff;
}

.dg_content:after {
    content: '';
    height: 0;
    width: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #ff0000;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: 3px;
}

.dg_content h2 {
    text-align: center;
    margin-bottom: 10px;
}

.dg_content ul li {
    padding-bottom: 5px;
    position: relative;
    padding-left: 10px;
}

.dg_content ul li:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff0000;
    position: absolute;
    left: 0;
    top: 5px;
}

.dg_content .look_xq {
    text-align: right;
    color: #ff0000;
    cursor: pointer;
}

.Description {
    position: absolute;
    width: 180px;
    right: -10px;
    top: 23px;
    font-size: 14px;
    padding: 3px 8px;
    background: #ff0000;
    color: #fff;
    border-radius: 8px;
}

span.Description:after {
    content: '';
    height: 0;
    width: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff0000;
    border-left: 5px solid transparent;
    position: absolute;
    top: -5px;
    right: 15px;
}

.js_info {
    text-align: center;
    font-size: 18px;
}

.bj_checkbox {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 8px;
}

.bjf_box {
    margin-top: 5px;
}

span.od_money {
    color: #ff0000;
}

.yf_box {
    margin-top: 40px;
}

.zyf_box {
    color: #ff0000;
    margin-top: 10px;
}

.zyf_box .z_text {
    vertical-align: middle;
    font-family: Helvetica Bold;
}

.zyf_box .z_money {
    font-size: 26px;
    font-weight: bold;
    vertical-align: middle;
}

.od_btn {
    color: #fff;
    background-color: #ff0000;
    padding: 12px;
    width: 102px;
    border-radius: 4px;
    display: block;
    margin: 10px auto 0;
}

.content_foot {
    border-top: 4px solid #ff0000;
    padding-bottom: 5px;
    text-align: center;
    background-color: #fff;
}

.order_qrcode_box {
    position: fixed;
    width: 348px;
    background: #fff;
    z-index: 99;
    left: 50%;
    margin-left: -174px;
    top: 50%;
    margin-top: -260px;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
}

#qrcode {
    margin: 20px 0;
    text-align: center;
}

#qrcode img {
    margin: 0 auto;
}

.barcode_box > div img {
    height: 96px;
}

.order_qrcode_foot {
    margin-top: 20px;
}

.order_qrcode_foot > button {
    background: #fff;
    border: 1px solid #333;
    width: 60px;
    padding: 5px 0;
    border-radius: 4px;
    margin: 0 15px;
}

.barcode_foot {
    margin-top: 15px;
    font-size: 14px;
}

.order_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 10;
    top: 0;
    display: none;
}

.order-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.order-shuoming.on, .fuwu_mx.show {
    position: fixed;
    z-index: 99;
}

.add_txl {
    font-size: 12px;
    margin-top: 10px;
    display: block;
    cursor: pointer;
}

.add_txl input {
    vertical-align: text-bottom;
}

/*订单end*/

/*服务*/
.fuwu_bg {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
}

.fuwu_mx {
    padding: 15px 10px;
    box-sizing: border-box;
}

.close, .queryclose {
    position: absolute;
    width: 15px;
    height: 15px;
    cursor: pointer;
    z-index: 11;
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 2px 8px 0 #bbb;
    top: -10px;
    right: -10px;
    box-sizing: initial;
}

.fuwu_mx_top {
    color: #ff0000;
    text-align: center;
    font-size: 26px;
    margin-bottom: 15px;
}

.fw_list {
    width: 980px;
    margin: 0 auto 50px;
    font-size: 0;
    letter-spacing: -4px;
    text-align: center;
}

.fw_item {
    width: 33.33333%;
    position: relative;
    margin-top: 95px;
    display: inline-block;
    vertical-align: top;
}

.fw_item_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 166px;
}

.fw_item .fw_icon {
    position: absolute;
    width: 120px;
    bottom: -60px;
    left: 50%;
    margin-left: -60px;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1;
}

.fw_item .fw_icon.hover_red {
    opacity: 0;
}

.fw_item .fw_cont:hover .hover_red {
    opacity: 1;
}

.fw_item .fw_cont:hover .img_white {
    opacity: 0;
}

.fw_cont {
    width: 300px;
    height: 403px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    margin: 0 auto;
    letter-spacing: 0;
    background-color: #f3f3f3;
}

.fw_item_text {
    font-size: 13px;
    padding: 0 34px;
    overflow: hidden;
    margin-top: 72px;
    text-align: left;
}

.fw_item_text > p {
    margin-bottom: 15px;
}

.fw_item_text > p > img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.fuwu_detail {
    font-size: 14px;
    color: #333;
    width: 138px;
    padding: 8px;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -77px;
    font-weight: bold;
    font-family: "微软雅黑";
    box-shadow: 2px 2px 6px 1px #ddd;
    border-radius: 100px;
    background: #fff;
}

.fw_item .fw_cont:hover .fuwu_detail {
    color: #fff;
    background-color: #ff0000;
}

/*服务end*/

/*查询*/
.query_nav_list {
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: -225px;
    border-radius: 2px;
    overflow: hidden;
    display: table;
    z-index: 7;
}

.query_nav_item {
    background-color: #ececec;
    text-align: center;
    font-size: 18px;
    padding: 8px 0;
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.query_nav_item.on {
    color: #fff;
    background-color: #ff0000;
}

.bjcx_title, .gzcx_title {
    text-align: center;
    color: #ff0000;
    font-size: 28px;
}

.bjcx_box {
    padding: 42px 50px;
}

.gzcx_box {
    padding: 42px 0;
    width: 820px;
    max-width: 1350px;
    margin: 0 auto;
}

.bjcx_info_form:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.bjcx_info_form .searchable-select {
    width: 100%;
}

.bjcx_info_form {
    padding: 25px 15% 0;
}

.cx_form_item {
    font-size: 14px;
    color: #888;
    margin-top: 26px;
    position: relative;
    padding: 0 25px 0 0;
    min-height: 30px;
}

.jjcs_yfcx_select, .sjcs_yfcx_select {
    /*width: auto;*/
}

.cx_zlinput {
    padding-right: 88px;
}

.query_zl_add, .query_zl_reduce {
    position: absolute;
    left: 125px;
    top: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
}

.query_zl_add img, .query_zl_reduce img {
    width: 100%;
}

.query_zl_reduce {
    left: 155px;
}

.cc_zl {
    font-size: 14px;
    margin-top: 10px;
    padding-left: 160px;
    color: #888;
}

.cx_form_item .cc_inp {
    padding: 0;
}

.cx_form_item .cc_cm {
    right: 0;
}

.cx_form_item .cc_inp:nth-child(2) {
    margin: 0 30px;
}

.cx_form_inp {
    font-size: 14px;
    border-bottom: 1px solid #888;
    width: 100%;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    height: 30px;
}

.zl_inp {
    padding-right: 30px;
}

.zl_kg {
    position: absolute;
    bottom: 5px;
    left: 90px;
}

.bj_check {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.cx_form_item.bj_inp, .cx_form_item.cc_cont_box {
    padding-left: 160px;
}

.cx_form_item.bj_inp input.cx_form_inp {
    padding-left: 30px;
}

.idr_bj {
    position: absolute;
    bottom: 7px;
}

.bj_span, .bjcx_wycc {
    position: absolute;
    left: 0px;
    bottom: 0;
}

.cc_item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.cc_inp {
    float: left;
    position: relative;
    width: 33.3333%;
    padding: 0 25px;
}

.cc_inp > input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    padding-right: 30px;
    font-size: 14px;
    border-bottom: 1px solid #888;
    line-height: 28px;
    width: 100%;
    position: relative;
    z-index: 2;
    background: transparent;
}

.cc_cm {
    position: absolute;
    right: 25px;
    bottom: 5px;
}

.bj_table {
    width: 100%;
    table-layout: fixed;
    margin-top: 42px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #888;
    text-align: center;
    visibility: hidden;
}

.bj_table th {
    font-weight: 400;
    height: 48px;
    vertical-align: middle;
    position: relative;
}

.bj_table th:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: #bbb;
    right: 0;
    bottom: 12px;
}

.bj_table th:last-child:after {
    display: none;
}

.bj_table th, .bj_table td {
    border-bottom: 1px solid #888;
}

.bj_table td {
    height: 82px;
    vertical-align: middle;
}

.cx_btn {
    color: #fff;
    background-color: #ff0000;
    padding: 12px;
    width: 136px;
    border-radius: 4px;
    display: block;
    margin: 30px auto 0;
    font-size: 16px;
}

/*跟踪查询*********************************************************/
.bill_inp {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 2px 12px 2px #ddd;
    padding: 5px 61px 5px 7px;
    /*margin-right: 96px;*/
}

.bill_inp input {
    display: inline-block;
    width: 100%;
    height: 22px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
    font-size: 14px;
    margin: 5px;
}

.inp_bill_item {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #dbdbdb;
    padding: 3px 10px;
    border-radius: 100px;
    margin: 5px;
    min-width: 138px;
}

.cx_del_img {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px;
    cursor: pointer;
}

.gzcx_info_form button {
    background-color: #ff0000;
    color: #fff;
    width: 86px;
    display: block;
    height: 42px;
    margin: 11px auto;
    font-size: 16px;
    border-radius: 4px;
}

.gzcx_bill_list {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 5px 144px 5px 18px;
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    min-height: 82px;
}

.gzcx_bill_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.gzcx_bill_item {
    font-size: 16px;
    color: #747474;
    padding: 6px 8px;
    background: #eee;
    float: left;
    border-radius: 4px;
    margin: 4px 8px 4px 0;
}

.gzcx_bill_item .icon-fork, .inp_bill_item .icon-fork {
    color: #888;
    /*margin-left: 3px;*/
    float: right;
    cursor: pointer;
}

.inp_bill_item .icon-fork {
    color: #fff;
}

.gzcx_bill_list button {
    background-color: #ff0000;
    color: #fff;
    width: 86px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 16px;
}

/*.bill_state_title{*/
/*font-size: 28px;*/
/*border-bottom: 1px solid #bfbfbf;*/
/*padding: 4px 50px;*/
/*margin-top: 10px;*/
/*}*/
.bill_state_img_box {
    margin-top: 48px;
    margin-bottom: 90px;
}

.bill_state_listimg, .disn_line {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    letter-spacing: -4px;
}

.bill_state_listimg {
    max-width: 1350px;
    width: 96%;
}

.disn_line {
    width: 17%;
    border-bottom: 2px #333 dashed;
}

.bill_state_listimg .bill_state_img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.bill_state_listimg .bill_state_img img {
    width: 80px;
    /*-webkit-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
}

/*.bill_state_listimg .bill_state_img.on img{*/
/*-webkit-filter: none;*/
/*filter: none;*/
/*}*/
.googleMap {
    height: 450px;
}

.bill_state_img_box {
    text-align: center;
}

.bill_state_img span {
    color: #747474;
    font-size: 16px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100px;
    letter-spacing: 0;
    line-height: 1.2;
}

.bill_state_img.on span {
    color: #ff0000;
}

.cx_tap {
    display: inline-block;
}

.cx_tap:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.cx_tap_btn1, .cx_tap_btn2 {
    width: 80px;
    text-align: center;
    font-size: 20px;
    color: #747474;
    padding: 6px 0;
    border: 1px solid #747474;
    float: left;
    cursor: pointer;
}

.cx_tap_btn1 {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 10px;
    border-right: 0;
}

.cx_tap_btn2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-right: 10px;
    border-left: 0;
}

.cx_tap_btn1.on, .cx_tap_btn2.on {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

.tap_box {
    text-align: center;
}

.bill_state_list {
    width: 644px;
    margin: 46px auto 0;
    padding-bottom: 42px;
}

.bill_state_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #747474;
    padding-left: 122px;
    position: relative;
    padding-bottom: 25px;
}

.bill_state_item:after {
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    left: 97px;
    top: 11px;
    margin-top: -3px;
    border: 1px solid #333;
}

.bill_state_item:first-child:after {
    border-color: #ff0000;
}

.bill_state_item:last-child:before {
    display: none;
}

.bill_state_item:before {
    content: '';
    width: 0;
    border-right: 2px dashed #333;
    position: absolute;
    top: 21px;
    left: 103px;
    bottom: -7px;
}

.bill_state_day {
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 80px;
}

.bill_state_time {
    margin-right: 22px;
}

.null_tis {
    padding-bottom: 60px;
    margin: 0 auto;
    width: 504px
}

.nogzcx_tip {
    font-size: 14px;
    margin-top: 20px;
    color: #515151;
    font-weight: bold;
    text-align: center;
}

.search_bill_list {
    margin: 0 auto;
    width: 288px;
    position: relative;
}

.search_billtext {
    color: #ff0000;
    margin-right: 10px;
    font-size: 14px;
}

.search_bill_item {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 15px;
    margin-right: 10px;
    cursor: pointer;
}

.search_bill_item.on {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.select_text {
    border: 1px solid #ddd;
    color: #ff0000;
    line-height: 36px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 30px;
    height: 36px;
    cursor: pointer;
    font-size: 14px;
}

.bill_list {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 99;
    background-color: #fff;
    overflow: hidden;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bill_list > li {
    padding-left: 10px;
    cursor: pointer;
}

.bill_list > li:hover {
    background-color: #dbdbdb;
}

.sanjiao {
    height: 0;
    width: 0;
    border-top: 5px solid #ff0000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 50%;
    right: 15px
}

.select_text.on .sanjiao {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
}

/*寻找网点**************************************/
.xzwdpage_content {
    min-height: 600px;
}

.xzwd_imgbg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.xzwd_imgbg img {
    height: 500px;
    margin-top: 100px;
}

/*åœ°å›¾æ ‡æ³¨*/
.wd_item_info {
    width: 300px;
    background: rgba(255, 255, 255, .8);
    color: #666;
    box-sizing: border-box;
    padding: 10px 10px 20px;
    z-index: 99;
    position: absolute;
    right: 56px;
    bottom: 40px
}

.wdinfo_code {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    font-family: "微软雅黑";
    float: left;
}

.wdinfo_name {
    font-size: 14px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: center;
    display: block;
    margin: 0 60px;
}

.wdinfo_time {
    font-size: 10px;
    position: absolute;
    top: 20px;
    right: 0;
    color: #666;
}

.wdinfo_footer {
    margin-top: 15px;
}

.wdinfo_footer > p {
    font-size: 11px;
    margin-top: 7px;
}

.dh_aline {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.dh_aline img {
    width: 22px;
}

.popup-bubble {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    background-color: rgba(255, 255, 255, .8);
    border-radius: 5px;
    font-family: sans-serif;
    overflow-y: auto;
    max-height: 250px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.5);
}

.popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: /* TIP_HEIGHT= */ 8px;
    left: 0;
}

.popup-bubble-anchor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: /* TIP_HEIGHT= */ 8px solid transparent;
}

.popup-container {
    cursor: auto;
    height: 0;
    position: absolute;
    width: 320px;
}

/*new*/
.xzwdpage_content:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.wdmap {
    float: left;
    background-color: #f1f2f2;
    position: absolute !important;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
}

.wdform {
    width: 50%;
    float: right;
}

.xzwd_title {
    font-size: 32px;
    color: #ff0000;
    text-align: center;
    margin: 72px 0 48px;
}

.xzwd_inp_box {
    border-radius: 4px;
    position: absolute;
    padding-right: 86px;
    left: 50px;
    top: 180px;
    box-shadow: 2px 2px 12px 2px #bbb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox*/
    box-sizing: border-box;
    z-index: 5;
}

.xzwd_inp_img {
    position: absolute;
    width: 12px;
    top: 10px;
    left: 15px;
}

.xzwd_inp_box input {
    width: 210px;
    height: 36px;
    font-size: 14px;
    padding-left: 35px;
    background-color: rgba(255, 255, 255, .8);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.xzwd_inp_box button {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 86px;
    line-height: 36px;
    color: #fff;
    background-color: #ff0000;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.wd_box {
    border-radius: 4px;
    position: absolute;
    z-index: 4;
    left: 50px;
    top: 229px;
    box-shadow: 2px 2px 12px 2px #bbb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 331px;
}

.wd_list_box {
    position: absolute;
    background: #fff;
    left: 0;
    right: 86px;
    z-index: 9;
    border-top: 1px solid #f3f3f3;
    overflow-y: auto;
    max-height: 370px;
    padding: 3px;
}

.wd_list_box * {
    box-sizing: border-box;
}

.wd_list_box input {
    border: 1px solid #ddd;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
}

.wd_list_div {
    overflow-y: auto;
    max-height: 240px;
    font-size: 14px;
}

.wd_item {
    padding: 10px 15px;
    cursor: pointer;
}

.wd_item:hover {
    background-color: #ff0000;
    color: #fff;
}

.wd_item:hover span {
    color: #fff !important;
}

.xzaddr_item, .xzaddr_user {
    position: relative;
    padding-left: 25px;
    margin-bottom: 22px;
    font-size: 16px;
}

.xzaddr_item img {
    position: absolute;
    left: 0;
    top: 2px;
}

.xzwd_info {
    margin-top: 55px;
}

.xzwd_addr_box {
    padding: 0 10%;
}

.xz_addr_t {
    font-size: 16px;
    color: #ff0000;
}

.xz_addr_b {
    font-size: 14px;
    margin-top: 3px;
}

.xzaddr_user img {
    position: absolute;
    top: 2px;
    left: 0;
}

.xzaddr_tel_time > span {
    /*display: inline-block;*/
    padding-left: 25px;
    position: relative;
}

.xzaddr_tel_time > span > img {
    position: absolute;
    left: 0;
    /*top: 2px;*/
}

.xzaddr_m_l {
    margin-left: 50px;
}

/*查询end*/

/*关于我们*/
.swiper_about > .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about_1_box, .about_2_l, .about_index_3 {
    color: #fff;
}

.about_1_title, .about_2_title, .about_3_title, .about_4_title, .about_5_title, .about_6_title, .about_7_title, .about_8_title {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px
}

.about_2_title, .about_3_title, .about_4_title, .about_8_title {
    margin-bottom: 14px;
}

.about_index_1_bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

.about_sm {
    display: none;
}

.about_1_box {
    position: relative;
    z-index: 2;
}

.about_logo {
    text-align: center;
}

.about_1_cont {
    width: 760px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}

.about_1_td {
    margin-top: 30px;
}

.about_1_td > p {
    font-size: 14px;
    margin-top: 10px;
}

.about_1_td_img {
    height: 90px;
}

.about_1_table > div {
    opacity: 0;
}

.about_1_desc {
    font-size: 16px;
    opacity: 0;
}

.about_1_desc_sm {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 10px;
}

.about_2_l {
    width: 380px;
}

.about_2_l_img {
    margin-bottom: 25px;
    margin-top: 28px;
}

.about_2_l_head, .about_2_l_sm_head {
    font-size: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    margin-bottom: 15px;
}

.about_2_l_sm_head {
    font-size: 25px;
    display: none;
}

.about_2_l_desc {
    font-size: 12px;
    min-height: 153px;
    position: relative;
    overflow-x: hidden;
}

.about_2_l_desc > div {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
}

.about_2_r {
    margin-left: 50px;
    width: 420px;
    height: 564px;
    position: relative;
    overflow: hidden;
}

.about_2_r_imgitem {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 12px;
}

.about_2_r_imgitem > div {
    display: none;
}

.about_2_rlbtn {
    position: absolute;
    width: 960px;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -20px;
}

.about_2_rlbtn > div {
    width: 22px;
    cursor: pointer;
}

.about_2_prev {
    float: left;
}

.about_2_next {
    float: right;
}

.about_3_box {
    width: 1136px;
    margin: 0 auto;
}

.about_3_title {
    position: absolute;
    width: 100%;
    top: 40px;
}

.about_3_cont_list {
    text-align: center;
}

.about_3_cont_item {
    width: 288px;
    display: none;
    opacity: 0;
    margin: 0 auto;
}

.about_3_cont_item.Aanimated {
    display: block;
}

.about_3_cont_item > img {
    width: 130px;
    margin-top: 40px;
}

.about_3_cont_item > div {
    margin-top: 40px;
    min-height: 160px;
    text-align: left;
}

.about_3_cont_item > div > p > img {
    filter: brightness(100);
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.about_3_cont_item > div > p {
    margin: 20px 0;
}

.about_3_cont_btn {
    width: 120px;
    font-size: 14px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 100px;
    padding: 6px 0;
    margin: 0 auto;
    display: none;
}

.about_4_title, .about_6_title {
    font-family: "微软雅黑";
    color: #ff0000;
    margin-bottom: 20px;
}

.about_4_cont, .about_6_cont {
    font-size: 16px;
    width: 768px;
    margin: 0 auto;
    text-align: center;
}

.about_4_imgbox {
    width: 960px;
    margin: 110px auto 0;
    position: relative;
}

.about_4_pos {
    position: absolute;
}

.aboutimg1 {
    max-width: 159px;
    width: 16.5%;
    left: -1.5%;
    top: -30%;
}

.aboutimg2 {
    max-width: 88px;
    width: 8.3%;
    top: 12%;
    left: 3.3%;
}

.aboutimg3 {
    max-width: 108px;
    width: 11.2%;
    left: 11%;
    top: 26%;
}

.aboutimg4 {
    max-width: 94px;
    width: 10%;
    left: 22.9%;
    top: -7%;
}

.aboutimg5 {
    max-width: 123px;
    width: 13%;
    left: 20.6%;
    top: 50%;
}

.aboutimg6 {
    max-width: 72px;
    width: 7.8%;
    left: 33%;
    top: 29%;
}

.aboutimg7 {
    max-width: 81px;
    width: 8.4%;
    left: 39.2%;
    top: -26%;
}

.aboutimg8 {
    max-width: 137px;
    width: 14.3%;
    left: 39%;
    top: 45.5%;
}

.aboutimg9 {
    max-width: 88px;
    width: 9.2%;
    top: -12%;
    right: 43.3%;
}

.aboutimg10 {
    width: 11%;
    right: 35.2%;
    top: -23.5%;
    max-width: 75px;
}

.aboutimg11 {
    max-width: 68px;
    width: 7%;
    right: 24%;
    top: -6%;
}

.aboutimg12 {
    left: 18%;
    top: 6%;
    max-width: 60px;
    width: 6%;
}

.aboutimg13 {
    max-width: 86px;
    width: 9%;
    left: 31%;
    top: -2%;
}

.aboutimg14 {
    max-width: 47px;
    width: 5%;
    left: 40%;
    top: 60%;
}

.aboutimg15 {
    max-width: 181px;
    width: 19%;
    left: 58%;
    top: 60%;
}

.about_5_box {
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.about_5_cont {
    width: 420px;
}

.about_5_title {
    font-family: "微软雅黑";
    color: #ff0000;
    margin-bottom: 20px;
    text-align: left;
}

.about_5_text {
    margin-bottom: 40px;
}

.about_5_text > h2 {
    font-family: "微软雅黑";
    margin-bottom: 10px;
}

.about_5_text > div {
    font-size: 14px;
}

.about_5_text li {
    list-style-type: inherit;
}

.about5_line {
    position: absolute;
    top: 0;
    right: 0;
    width: 62%;
    height: 0;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    -webkit-transition: all .5s .5s;
    -o-transition: all .5s .5s;
    transition: all .5s .5s;
}

.swiper-slide-active .about5_line, .swiper-slide-active .about5_people {
    height: 100%;
}

.about5_people {
    position: absolute;
    width: 768px;
    height: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: all .5s .5s;
    -o-transition: all .5s .5s;
    transition: all .5s .5s;
}

.about5_people img {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.about_6_swiper {
    width: 1200px;
    margin: 78px auto 50px;
}

.hd_img {
    height: 129px;
    background-color: #fff;
}

/*关于我们end*/
/*联系我们*/
.lxpage_content {
    width: 1200px;
    background-color: #fff;
    overflow: hidden;
    margin: 25px auto 0;
}

.lx_userimg {
    width: 474px;
    height: 394px;
    background-color: #f3f3f3;
    position: absolute;
    top: 0;
    left: 0;
}

.lx_usercont {
    position: relative;
    min-height: 394px;
    /*background-color: #f3f3f3;*/
    padding: 34px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.lx_head {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.lx_text {
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    margin-top: 42px;
}

.lx_text img {
    position: absolute;
    left: 0;
    width: 20px;
}
.contact_content{
    min-height: 334px;
}
.social_contact{
    text-align: center;
    margin-top: 28px;
}
.social_contact img{
    width: 32px;
}
.social_contact a {
    margin: 0 15px;
}
.c_b{
    cursor: pointer;
    color: rgb(0, 0, 238);
}
.popup_box{
    position: fixed;
    z-index: -999;
    display: flex;
    width: 100%;
    height: 100%;
    top: 50px;
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    opacity: 0;
    transition: top 0.5s;
}
.popup_box.show{
    top: 0;
    opacity: 1;
    z-index: 999;
}
.popup_img{
    overflow-y: auto;
}
.popup_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}
.popup_c{
    width: 90%;
    max-height: 90%;
    max-width: 1020px;
    position: relative;
    overflow: hidden;
    display: flex;
}
.float_l_us{
    float: left;
    width: 50%;
}
.folatc:after{
    content: "";
    clear: both;
    display: block;
}
.item_us{
    background-color: #ffffff;
    margin: 40px 40px 0;
    border-radius: 4px;
    padding: 20px 40px;
    cursor: pointer;
}
.float_l_us img{
    width: 32px;
}
.item_us_text{
    margin-left: 16px;
}
.item_us_text_f{
    font-size: 12px;
    color: #666;
    margin-top: 8px;
}
/*联系我们eng*/
/*招聘人才*/
.zppage_content {
    width: 990px;
    background-color: #fff;
    overflow: hidden;
    margin: 25px auto;
}

.zp_head {
    font-size: 38px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    margin: 10px 0;
}

.recruit_list {
    width: 990px;
    margin: 0 auto;
}

.recruit_item {
    width: 33.33333%;
    float: left;
    padding: 30px 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box
}

.recruit_item_img {
    width: 100%;
    height: 162px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.recruit_item_img img {
    display: none;
    width: 100%;
}

.recruit_item_img:hover {
    background-size: 120%;
}

.recruit_item_cont {
    background-color: #f3f3f3;
    padding: 8px 20px;
}

.recruit_item_head {
    font-size: 20px;
    font-weight: bold;
}

.recruit_item_text {
    font-size: 14px;
    color: #ff0000;
    position: relative;
    margin-top: 3px;
}

.recruit_item_text:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
}

/*招聘人才end*/
/*招聘明细*/
.zprecruit_item {
    border-bottom: 2px solid #f5f5f5;
}

.zprecruit_item_cont {
    width: 980px;
    margin: 35px auto 14px;
    overflow: hidden;
}

.recruit_name {
    font-size: 24px;
    margin-bottom: 14px;
}

.recruit_money {
    font-size: 20px;
    color: #ff0000;
    margin-right: 18px;
}

.recruit_jy {
    font-size: 20px;
    color: #888;
}

.recruit_mx_list {
    margin-top: 25px;
    font-size: 20px;
}

.recruit_mx_item_title {
    margin-bottom: 14px;
}

.recruit_mx_item_text {
    font-size: 18px;
}

/*招聘明细end*/
/*订单明细*/
.backimg {
    width: 44px;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}

.ordemxpage_content {
    width: 819px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin: 25px auto;
}

.order_mx_box {
    padding: 26px 50px;
}

.order_mx_title {
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    margin-bottom: 5px;
}

.order_mx_item {
    padding: 22px 0;
}

.order_mx_item_title {
    font-size: 20px;
    padding: 8px 0;
    border-bottom: 1px solid #888;
    margin-bottom: 15px;
}

.order_mx_item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.order_mx_item_text {
    float: left;
    width: 50%;
    font-size: 14px;
    margin: 8px 0;
    min-height: 20px;
}

.order_mx_item_text .order_mx_item_l {
    padding-left: 10px;
    color: #888;
    float: left;
}

.order_mx_item_text .order_mx_item_r {
    margin-left: 80px;
    line-height: 20px;
}

/*订单明细end*/
/*我的订单*/
.myorder_sm {
    display: none;
}

.myorderpage_content {
    width: 968px;
    overflow: hidden;
    margin: 25px auto;
}

.myorderrpage_content:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.myorder_l {
    float: left;
    width: 179px;
    padding-right: 10px;
}

.myorder_l_title {
    font-size: 24px;
    border-bottom: 1px dashed #888;
    padding-bottom: 12px;
}

.muorder_l_item {
    border-bottom: 1px dashed #888;
    font-size: 14px;
    color: #888;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
}

.muorder_l_item.on {
    color: #ff0000;
}

.myorder_r {
    float: left;
    width: 778px;
    background-color: #fff;
    border-radius: 8px;
    min-height: 586px;
    padding: 26px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box
}

.myorder_clz_top {
    background-color: gray;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
}

.myorder_clz_bill {
    font-size: 22px;
}

.myorder_clz_time {
    float: right;
    margin-top: 4px;
}

.myorder_clz_item {
    overflow: hidden;
    margin-bottom: 30px;
    cursor: pointer;
    border: 2px solid #888;
    border-radius: 24px;
}

.myorder_clz_item:last-child {
    margin-bottom: 0;
}

.myorder_clz_cont {
    position: relative;
    background: #F2F2F2;
}

.myorder_clz_text {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 18px;
    padding: 24px 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.myorder_clz_text.jjl {
    padding-right: 116px;
}

.myorder_clz_text.sjr {
    padding-left: 116px;
}

.dian_line {
    position: absolute;
    top: 50%;
    right: 48px;
    font-size: 0;
}

.myorder_clz_text.sjr .dian_line {
    right: auto;
    left: 48px;
}

.dian_line span {
    display: inline-block;
    width: 5px;
    height: 3px;
    background: #ccc;
    margin: 0 3px;
    border-radius: 2px;
}

.myorder_clz_text > p {
    font-size: 15px;
    color: #888;
    margin-top: 8px;
}

.line_right {
    position: absolute;
    /*border-bottom: 1px solid #888;*/
    width: 232px;
    left: 50%;
    margin-left: -116px;
    top: 50%;
}

.myorder_foot {
    margin-bottom: 10px;
    float: right;
    margin-right: 88px;
}

.myorder_bill {
    margin-bottom: 10px;
    float: left;
    margin-left: 40px;
}

.track_btn {
    background: #ff0000;
    color: #fff;
    padding: 5px 12px;
    border-radius: 8px;
}

/*.line_right:after{*/
/*content: '';*/
/*position: absolute;*/
/*right: 1px;*/
/*top: -7px;*/
/*width: 14px;*/
/*height: 14px;*/
/*border-top: 1px solid #888;*/
/*border-right: 1px solid #888;*/
/*transform: rotate(45deg);*/
/*-ms-transform: rotate(45deg); !* IE 9 *!*/
/*-webkit-transform: rotate(45deg); !* Safari and Chrome *!*/
/*}*/
.dataday {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
    bottom: 6px;
    left: 0;
}

.datatime {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
    top: 6px;
    left: 0;
}

.no_order {
    color: #888;
    font-size: 16px;
    margin-top: 150px;
    text-align: center;
}

.no_order img {
    display: block;
    margin: 0 auto 10px;
    width: 120px;
}

/*我的订单end*/

/*信息*/
.messagepage_content_box {
    position: relative;
}

.messagepage_content_box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}

.v_line {
    position: absolute;
    width: 0;
    height: 2px;
    background: #ff0000;
    top: 16px;
    left: 34px;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.v_line.v_4, .v_line.v_5 {
    left: auto;
    right: 34px;
}

.video_item.on .v_line.v_1 {
    width: 504px;
}

.video_item.on .v_line.v_2 {
    width: 184px
}

.video_item.on .v_line.v_3 {
    width: 389px;
}

.video_item.on .v_line.v_4 {
    width: 249px;
}

.video_item.on .v_line.v_5 {
    width: 504px;
}

.video_item.on .v_line.v_6 {
    width: 888px;
}

.pack_type_1 {
    display: block;
}

.pack_type_2 {
    display: none;
    padding: 100px 8px 0;
    text-align: left;
}

.type_2_voide {
    text-align: right;
    margin: 10px;
    color: blue;
    text-decoration: underline;
    font-size: 14px;
}

/*.v_line:after{*/
/*content: '';*/
/*opacity: 0;*/
/*width: 14px;*/
/*height: 14px;*/
/*background: #ff0000;*/
/*border-radius: 50%;*/
/*position: absolute;*/
/*top: -6px;*/
/*right: 0;*/
/*-webkit-transition: all 0.1s .3s;*/
/*-o-transition: all 0.1s .3s;*/
/*transition: all 0.1s .3s;*/
/*}*/
.v_line.v_4:after, .v_line.v_5:after {
    right: auto;
    left: 0;
}

.video_item.on .v_line:after {
    opacity: 1;
}

.video_box.on.v_on2 {
    right: auto;
    left: 40px;
}

.msg_nav_box {
    position: absolute;
    width: 100%;
    top: 23px;
    text-align: center;
    z-index: 7;
    font-size: 0;
}

.msg_nav_list {
    display: inline-block;
    font-size: 18px;
    border-radius: 3px;
    overflow: hidden;
}

.msg_nav_item {
    float: left;
    cursor: pointer;
}

.msg_nav_item .nav_text {
    float: left;
    padding: 8px 10px;
    color: #666;
    background-color: #efeeee;
    height: 37px;
    overflow: hidden;
}

.msg_nav_item.on .nav_text {
    background-color: #ff0000;
    color: #fff;
}

.msg_son_nav {
    background-color: #333;
    color: #fff;
    width: 0;
    height: 37px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.msg_nav_item.open_on .msg_son_nav, .msg_nav_item.on .msg_son_nav {
    width: 363px;
}

#tk.msg_nav_item.on .msg_son_nav, #tk.msg_nav_item.open_on .msg_son_nav {
    width: 484px;
}

.msg_son_nav li {
    font-size: 14px;
    width: 121px;
    position: relative;
    padding: 13px 0;
    line-height: 1;
}

.msg_nav_item.on .msg_son_nav li.on:before, .msg_son_nav li:hover:before {
    content: '';
    position: absolute;
    width: 114px;
    height: 1px;
    left: 3px;
    bottom: 9px;
    background-color: #ff0000;
}

.kjxx_box {
    width: 100%;
    margin: 0 auto;
}

ul.kjxx_nav_list {
    display: table;
    width: 100%;
}

ul.kjxx_nav_list > li {
    padding: 16px 0;
    width: 33.33333%;
    background-color: #f7f7f7;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #b3b3b3;
    cursor: pointer;
}

ul.kjxx_nav_list > li.on {
    color: #fff;
    background-color: #ff0000;
}

.kjxx_cont {
    min-height: 480px;
    background-color: #fff;
    position: relative;
}

.kjxx_1 {
    text-align: center;
}

.package_box {
    position: relative;
    display: inline-block;
}

.package_box * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zn_1, .zn_2, .zn_3, .zn_4, .zn_5, .zn_6 {
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #ff0000;
    color: #fff;
    border-radius: 50%;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    z-index: 7;
}

.zn_1 {
    top: 21%;
    left: 7%;
}

.zn_2 {
    left: 47%;
    top: 25%;
}

.zn_3 {
    left: 21%;
    top: 69%;
}

.zn_4 {
    left: 59%;
    top: 70%;
}

.zn_5 {
    right: 9%;
    top: 58%;
}

.zn_6 {
    left: 3%;
    top: 56%;
}

.kjxx_2 {
    padding: 0 25px;
    min-height: 600px;
    margin-top: 80px;
}

.wxwp_list, .wxwp0_list {
    position: absolute;
    right: 25px;
    bottom: 40px;
    width: 40%;
    color: #fff;
    text-align: right;
}

.wxwp0_list {
    right: auto;
    left: 30px;
    text-align: left;
}

.wxwp_list > li, .wxwp0_list > li {
    font-size: 14px;
    margin: 20px 0;
    padding-right: 26px;
    position: relative;
    cursor: pointer;
}

.wxwp_list > li > div, .wxwp0_list > li > div {
    display: none;
}

.wxwp0_list > li {
    padding-right: 0;
    padding-left: 26px;
}

.wxwp_list > li:after, .wxwp0_list > li:after {
    content: '';
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

.wxwp0_list > li:after {
    right: auto;
    left: 0;
}

.wxwp_list > li.on:after, .wxwp0_list > li.on:after {
    background-color: #ff0000;
}

.wxwp_list > li.wxwp_item:hover *, .wxwp_list > li.jz_item span:hover *, .wxwp_list > li.on span, .wxwp0_list > li.wxwp_item span:hover *,
.wxwp0_list > li.jz_item:hover *, .wxwp0_list > li.on {
    color: #ff0000 !important;
}

.wxwp_cont, .wxwp0_cont {
    position: absolute;
    width: 40%;
    left: 30px;
    bottom: 55px;
    color: #fff;
    border-left: 2px solid #ff0000;
    min-height: 200px;
    padding: 20px;
}

.wxwp0_cont {
    left: auto;
    right: 30px;
    border-right: 2px solid #ff0000;
    border-left: 0;
    text-align: right;
}

.wxwp_desc {
    display: none;
}

.wxwp_desc.on {
    display: block;
}

.jinzhi_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.jinzhi_bg.on {
    opacity: 1;
}

.jinzhi {
    width: 50%;
    max-width: 258px;
    margin: 0 auto 10px;
    display: block;
}

#jz_box .jinzhi {
    top: 50%;
}

.cjwt_box {
    width: 960px;
    margin: 0 auto;
    padding: 100px 0 44px;
}

.cjwt_title {
    position: relative;
    font-size: 16px;
    padding: 8px 30px 8px 0;
    cursor: pointer;
}

.cjwt_title:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #333;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    top: 50%;
    right: 16px;
    margin-top: -7px;
}

.cjwt_title.on:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-top: -2px;
}

.cjwt_yuan {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    margin-right: 5px;
}

.cjwt_text {
    font-size: 14px;
    color: #888;
    overflow: hidden;
    background: #fff;
    padding: 5px 0;
    border-top: 3px solid #ff0000;
}

.message_2, .message_4 {
    padding: 1px 0 0;
    background-color: #f3f3f3;
}

.tk_cont {
    padding: 110px 42px 27px;
    min-height: 480px;
    background-color: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    box-sizing: border-box;
}
.msg_son_nav.big_hide{
    display: none;
}
.l-nav-item{
    border-radius: 8px;
    background-color: #ffffff;
    float: left;
    padding: 10px 0;
}
.r-content{
    margin-left: 300px;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
}
.l-nav-item li.on{
    color: #ff0000;
}
.l-nav-item li{
    padding: 10px;
    cursor: pointer;
}

.video_box {
    position: absolute;
    background: #fff;
    top: 23%;
    right: 40px;
    width: 350px;
    padding: 10px;
    border: 2px solid #ff0000;
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    text-align: left;
    -webkit-transition: opacity 0.3s .4s;
    -o-transition: opacity 0.3s .4s;
    transition: opacity 0.3s .4s;
}

.video_box.on {
    height: auto;
    opacity: 1;
    z-index: 9;
}

.video_box > div {
    font-size: 14px;
    margin-bottom: 90px;
    height: auto;
}

.video_box video {
    width: 90px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}

.video_box .op_video {
    position: absolute;
    bottom: 20px;
    right: 40px;
    cursor: pointer;
    width: 30px;
}

.video_box .op_video_div {
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    width: 135px;
    height: auto;
    font-size: 16px;
    margin-bottom: 0;
}

.video_box img {
    width: 30px;
    vertical-align: middle;
}

.big_video {
    position: fixed;
    width: 760px;
    height: 570px;
    top: 50%;
    margin-top: -285px;
    left: 50%;
    margin-left: -380px;
    z-index: 1004;
}

.video_instructions {
    font-size: 14px;
    padding: 5px 10px 5px 20px;
    position: relative;
}

.video_instructions:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ff0000;
    position: absolute;
    border-radius: 50%;
    top: 10px;
    left: 5px;
}

/*信息end*/
/*æ–°é—»*/
.newspage_content {
    width: 990px;
    background-color: #fff;
    overflow: hidden;
    margin: 25px auto 25px;
}

.news_page_list {
    width: 990px;
    margin: 0 auto 50px;
}

.news_page_nav_list {
    position: relative;
    margin: 0 auto;
    display: table;
}

.news_page_nav_list .index_4_nav_item {
    color: #333;
}

li.newspage_nav_item {
    min-width: 88px;
    text-align: center;
    padding: 8px;
    background: #e9e9e9;
    font-size: 18px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

li.newspage_nav_item.on {
    color: #fff;
    background: #ff0000;
}

.news_page_list * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news_page_item {
    width: 25%;
    float: left;
    padding: 30px 15px 0;
}

.new_fbtime {
    font-size: 14px;
    color: #ff0000;
    min-height: 17px;
}

.news_page_item_img {
    width: 100%;
    height: 162px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.news_page_item_img img {
    display: none;
    width: 100%;
}

.news_page_item_cont {
    background-color: #f3f3f3;
    padding: 16px 10px 8px;
}

.news_page_item_head {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    height: 40px;
    text-align: center;
}

.mx_img_big {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/*æ–°é—»end*/
/*注册*/
.register_box {
    width: 580px;
    height: 480px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin: 8% auto 42px;
}

.login_left {
    top: 5px;
    left: 10px;
    position: absolute;
    width: 25px;
    cursor: pointer;
}

.register_img {
    width: 50%;
    height: 100%;
    float: left;
}

.reg_title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.reg_title:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.reg_title > div {
    width: 50%;
    padding: 10px 0;
    float: left;
    border-bottom: 2px solid #AEAEAE;
    cursor: pointer;
}

.reg_title > div.on {
    border-color: #ff0000;
    color: #ff0000;
}

.register_cont {
    /*margin-left: 50%;*/
    padding: 0 38px;
}

.reg_inp {
    position: relative;
    margin-top: 26px;
}

.phone_qh {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 27px;
}

.get_yzm {
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 4px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    color: #ff0000;
    padding-left: 10px;
    border-left: 1px solid #AEAEAE;
}

.get_yzm_reg {
    color: #ff0000;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
}

.reg_inp > input, .reg_inp .yzm_item {
    border-bottom: 1px solid #bdbdbd;
    width: 100%;
    height: 28px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox*/
    box-sizing: border-box;
    position: relative;
    background-color: transparent;
}

.wjmm_tip {
    font-size: 12px;
    margin-top: 30px;
}

.error_b > input {
    border-color: #ff0000;
}

.reg_inp > select {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 40px;
    height: 27px;
}

.error_desc {
    position: absolute;
    bottom: -14px;
    left: 0;
    font-size: 12px;
    color: #ff0000;
}

.reg_inp .yzm_item {
    width: 16%;
    margin-right: 10px;
    text-align: center;
}

.reg_inp .yzm_item.on {
    border-bottom: 1px solid #ff0000;
}

.reg_inp .yzm_item:last-child {
    margin-right: 0;
}

.yzm_item > span {
    line-height: 28px;
}

.yzm_item > input {
    height: 27px;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
}

.reg_xy {
    margin-top: 20px;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}

.reg_xy > input {
    vertical-align: middle;
    background: #fff;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 3px;
}

.reg_btn {
    background-color: #ff0000;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    border-radius: 100px;
    text-align: center;
    width: 240px;
    padding: 0 20px;
    display: block;
    margin: 30px auto 0;
}

/*注册end*/
/*用户协议*/
.protocol_box {
    position: fixed;
    background: #fff;
    width: 920px;
    bottom: 15%;
    top: 15%;
    left: 50%;
    margin-left: -480px;
    padding: 20px;
    border-radius: 4px;
    z-index: -1;
    opacity: 0;
    transform: scale(0.5);
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari 和 Chrome */
    -o-transform: scale(0.5); /* Opera */
    -moz-transform: scale(0.5); /* Firefox */
    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

.protocol_box.on {
    opacity: 1;
    z-index: 1003;
    transform: scale(1);
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 和 Chrome */
    -o-transform: scale(1); /* Opera */
    -moz-transform: scale(1); /* Firefox */
}

.protocol_title, .agreement_title {
    font-size: 24px;
    text-align: center;
}

.protocol_desc {
    position: absolute;
    top: 64px;
    bottom: 50px;
    left: 20px;
    right: 20px;
    overflow-y: auto;
    font-size: 12px;
}

.protocol_btn {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
    color: #fff;
    background-color: #ff0000;
    padding: 8px 0;
    border-radius: 4px;
}

.agreement_box {
    margin-top: 90px;
}

.agreement_desc {
    width: 90%;
    margin: 20px auto;
    max-width: 1200px;
    font-size: 16px;
}

/*用户协议end*/
/*cookies政策*/
.cookies_box {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: none;
}

.cookies_cont {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 15px 10px;
}

.cookies_cont div {
    margin-right: 130px;
    line-height: 24px;
    font-size: 14px;
}

.cookies_cont a {
    text-decoration: underline;
}

.cookies_btn {
    color: #fff;
    background: #ff0000;
    padding: 6px 20px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -15px;
}

/*cookies政策end*/

/*返回顶部*/
.gotop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    width: 32px;
    height: 32px;
    z-index: 998;
    cursor: pointer;
}

/*返回顶部end*/

/*下拉选择插件*/
.search_my_box, .search_user_box {
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 100%;
    border: 1px solid #888;
    border-top: 0;
    padding: 0 4px;
    box-sizing: border-box;
}

.search_my_box *, .search_user_box * {
    box-sizing: border-box;
}

.search_my_box input {
    width: 100%;
    border: 1px solid #888;
    padding: 4px;
    margin-top: 4px;
}

.search_cont_box, .search_user_cont_box {
    overflow-y: auto;
    max-height: 180px;
}

.search_my_box p, .search_user_box p {
    font-size: 12px;
    background: #ff0000;
    color: #fff;
    padding: 4px;
    margin-top: 5px;
}

.mysearch_item, .usersearch_item {
    padding: 5px 5px;
    cursor: pointer;
    min-height: 30px;
    box-sizing: border-box;
    position: relative;
    /*transition: all 1s ease 0s;*/
}

.mysearch_item:hover span, .usersearch_item:hover span {
    color: #fff !important;
}

.mysearch_item:hover, .usersearch_item:hover, .usersearch_item:hover div {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.city_back {
    padding-left: 20px;
    background: #DDD;
}

.city_back:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #888;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 50%;
    left: 7px;
    margin-top: -7px;
}

.mysearch_item.city_back:hover:before {
    border-color: #fff;
}

.usersearch_item .user_addr {
    font-size: 12px;
}

/*下拉选择插件end*/

/*动画*/
@keyframes down_dian {
    0% {
        top: 6px;
    }
    25% {
        top: 6px;
    }
    75% {
        top: 26px;
    }
    100% {
        top: 26px;
    }
}

@-webkit-keyframes down_dian /* Safari 与 Chrome */
{
    0% {
        top: 8px;
    }
    25% {
        top: 8px;
    }
    75% {
        top: 26px;
    }
    100% {
        top: 26px;
    }
}

@keyframes down_xiabiao {
    0% {
        bottom: 20px;
        opacity: 1
    }
    25% {
        bottom: 20px;
        opacity: 1
    }
    75% {
        bottom: 0;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 0
    }
}

@-webkit-keyframes down_xiabiao /* Safari 与 Chrome */
{
    0% {
        bottom: 20px;
        opacity: 1
    }
    25% {
        bottom: 20px;
        opacity: 1
    }
    75% {
        bottom: 0;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 0
    }
}

@keyframes scale_box {
    0% {
        opacity: 1;
        z-index: 1002;
        -ms-transform: scale(0.5); /* IE 9 */
        -webkit-transform: scale(0.5); /* Safari */
        transform: scale(0.5); /* æ ‡å‡†è¯­æ³•1*/
    }
    100% {
        opacity: 1;
        z-index: 1002;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1); /* æ ‡å‡†è¯­æ³•1*/
    }
}

@-webkit-keyframes scale_box /* Safari 与 Chrome */
{
    0% {
        opacity: 1;
        z-index: 9;
        -ms-transform: scale(0.5); /* IE 9 */
        -webkit-transform: scale(0.5); /* Safari */
        transform: scale(0.5); /* æ ‡å‡†è¯­æ³•1*/
    }
    100% {
        opacity: 1;
        z-index: 9;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1); /* æ ‡å‡†è¯­æ³•1*/
    }
}

@keyframes indexdian {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        width: 160px;
    }
}

@-webkit-keyframes indexdian /* Safari 与 Chrome */
{
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        width: 160px;
    }
}

@keyframes yuanbtn {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1); /* æ ‡å‡†è¯­æ³• */
    }
}

@-webkit-keyframes yuanbtn /* Safari 与 Chrome */
{
    0% {
        opacity: 1;
    }
    80% {
        opacity: 0;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1); /* æ ‡å‡†è¯­æ³• */
    }
}

@keyframes afadeInUp {
    0% {
        top: 30px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes afadeInUp /* Safari 与 Chrome */
{
    0% {
        top: 30px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes afadeOutUp {
    0% {
        bottom: 30px;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}

@-webkit-keyframes afadeOutUp /* Safari 与 Chrome */
{
    0% {
        top: 30px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes afadeOutDown {
    0% {
        top: 0;
        opacity: 1;
    }
    100% {
        top: 30px;
        opacity: 0;
    }
}

@-webkit-keyframes afadeOutDown /* Safari 与 Chrome */
{
    0% {
        top: 0;
        opacity: 1;
    }
    100% {
        top: 30px;
        opacity: 0;
    }
}

@keyframes myfadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes myfadeOut /* Safari 与 Chrome */
{
    0% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
}

@keyframes myfadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes myfadeIn /* Safari 与 Chrome */
{
    0% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
}

@keyframes myfadeInLeft {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes myfadeInLeft /* Safari 与 Chrome */
{
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@keyframes myfadeInRight {
    0% {
        left: auto;
        right: 100%;
    }
    100% {
        left: auto;
        right: 0;
    }
}

@-webkit-keyframes myfadeInRight /* Safari 与 Chrome */
{
    0% {
        left: auto;
        right: 100%;
    }
    100% {
        left: auto;
        right: 0;
    }
}

@keyframes sfadeInRight {
    0% {
        opacity: 0;
        left: -200px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@-webkit-keyframes sfadeInRight /* Safari 与 Chrome */
{
    0% {
        opacity: 0;
        left: -200px;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

/*动画end*/

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1545812186747'); /* IE9*/
    src: url('iconfont.eot?t=1545812186747#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASQAAsAAAAABvAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8fUgNY21hcAAAAYAAAABVAAABhmTD0NxnbHlmAAAB2AAAAMYAAADYRh/WamhlYWQAAAKgAAAALwAAADYTsfexaGhlYQAAAtAAAAAcAAAAJAfeA4RobXR4AAAC7AAAAAwAAAAMDAAAAGxvY2EAAAL4AAAACAAAAAgAMgBsbWF4cAAAAwAAAAAeAAAAIAEPACluYW1lAAADIAAAAUUAAAJtPlT+fXBvc3QAAARoAAAAJQAAADbL7BjkeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByesT+TZm7438AQw9zA0AAUZgTJAQDfuQwFeJztkMENgDAMAy9pKRJigy7Ag4F4MX7XKG4KW2DpYsXJy8ACJHGKDHZjDF1KLfLEFnmOnyI3vK2t9g6fS6ZbCXeNwq895vFuPtqajGZbneAP0gINzgAAAHicLY2xDgFBFEXfnUnI7iQ0ZiTsihA7KDbIsp1G4xt0yG6v0koU9KL3GT7BH2z8ga8YHtHcl/vOTQ4JovddHuSSqtQkQgWdyFZQ1qadTmP05khjfB8tiIfd7jK7yjEStxHW7pWfpDzlv8Sx2x/0Gtdssd8vNheIc/6nZ2IHkczEiw0BkYdZEqPsIeqUanWPlWaSehyzxEKMMVAmUK5wTxUYhcgVPkyo0GfQ0gxwhFWhhnJPWF+HfHkbah/WFYo7hvQBeyouhQAAeJxjYGRgYADi4wn7n8Tz23xl4GZhAIEbnpG3EPT/HSwMzB5ALgcDE0gUAE+wCzMAeJxjYGRgYG7438AQw8IAAkCSkQEVMAMARwkCbAQAAAAEAAAABAAAAAAAAAAAMgBseJxjYGRgYGBmkGVgYgABEMkFhAwM/8F8BgALngE5AAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgbU8PyVVlyUtvyibgQEAHpcDswAAAA==') format('woff'),
    url('iconfont.ttf?t=1545812186747') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1545812186747#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-wode-:before {
    content: "\e607";
}

.icon-fork:before {
    content: "\e61b";
}

/*toast*/
.aui-toast {
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    border-radius: 0.25rem;
    color: #ffffff;
    position: fixed;
    z-index: 1002;
    top: 45%;
    left: 50%;
    width: 9.5em;
    min-height: 6em;
    margin-left: -4.75em;
    margin-top: -4rem;
    display: none;
}

.aui-toast .aui-iconfont {
    margin-top: 0.2rem;
    display: block;
    font-size: 2.6rem;
}

.aui-toast-content {
    margin: 0 0 0.75rem;
}

.aui-toast-loading {
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0.75rem 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    height: 2.25rem;
    width: 2.25rem;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 1s 0s linear infinite;
    animation: rotate 1s 0s linear infinite;
}

/*toast基础动画类*/
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

/*字体类型*/
@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('Helvetica.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('Helvetica-Bold.woff') format('woff');
}

.jt-select-input-block {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    display: table-cell;
    width: 3000px;
}

.jt-select-input-block input {
    border: solid 1px #888;
    width: 100%;
    height: 32px;
    padding-left: 5px;
    padding-right: 32px;
    line-height: 32px;
    cursor: pointer;
}

.jt-select-input-block .jt-select-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 32px;
    width: 32px;
    text-align: center;
}

.jt-select-input-list {
    display: none;
    border: solid 1px #888;
    border-bottom: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.jt-select-input-list li {
    color: #333;
    padding: 8px 5px;
}

.jt-select-input-list li:hover {
    background: #ff0000;
    color: #fff;
    cursor: pointer;
}

.jt-select-input-label {
    display: table-cell;
    white-space: nowrap;
    line-height: 32px;
    padding-right: 10px;
}

.jt-select-input-service-type-fqa {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: #ff0000;
    color: #fff;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
}

.jt-order-selection-box {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.jt-order-selection-item {
    height: 50px;
    min-width: 170px;
    display: inline-block;
    padding: 12px 10px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    -moz-box-shadow: 1px 5px 8px #dddddd; /* 老的 Firefox */
    box-shadow: 1px 5px 8px #dddddd;
    position: relative;
}

.jt-order-selection-title {
    font-weight: 600;
}

.jt-order-selection-desc {
    font-size: 13px;
    margin-top: 2px;
}

.jt-order-selection-text {
    display: inline-block;
    margin-right: 15px;
}

.jt-order-selection-icon {
    float: right;
}

.jt-order-selection-icon img {
    width: 50px;
    height: 40px;
}

.jt-order-selection-item-active {
    color: #ff0000;
}

.jt-order-selection-line {
    border-top: solid 2px #ff0000;
    margin-top: 4px;
    width: 33px;
    height: 0;
}

.jt-order-form-container {
    background: #ffffff;
    width: 960px;
    padding: 30px 40px;
    margin: 0 auto;
}

.jt-order-form-title-box {
    padding: 10px 0 25px 0;
    border-bottom: solid 1px #dddddd;
}

.jt-order-form-title-text {
    font-weight: 600;
    display: inline-block;
}

.jt-order-form-title-toggle-icon {
    background: #ff0000;
    float: right;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    transform: rotateX(180deg);
}

.jt-order-form-item-main {
    /*overflow: hidden;*/
    font-size: 13px;
}

.jt-order-input-inline-block {
    width: 50%;
    float: left;
    margin-top: 35px;
    box-sizing: border-box;
    position: relative;
}

.jt-order-input-inline-block:nth-child(odd) {
    padding-right: 15px;
}

.jt-order-input-inline-block:nth-child(even) {
    padding-left: 15px;
}

.jt-order-input {
    width: 100%;
    position: relative;
}

.jt-order-input > input {
    width: 100%;
    border: solid 1px #dddddd;
    border-radius: 6px;
    padding: 9px 8px;
    box-sizing: border-box;
}

.jt-order-input-label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

.jt-order-input-required:after {
    content: '*';
    color: #ff0000;
}

.jt-order-input > textarea {
    width: 100%;
    border: solid 1px #dddddd;
    border-radius: 6px;
    padding: 9px 8px;
    box-sizing: border-box;
}

.jt-order-input-icon-box {
    position: relative;
}

.jt-order-input-left-icon {
    z-index: 2;
    position: absolute;
    left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 25px;
    width: 30px;
    top: 50%;
    margin-top: -15px;
    padding-left: 10px;
}

.jt-order-input-icon-box > textarea {
    padding-left: 40px;
}

.jt-order-checkbox {
    background: #fff;
    border: solid 1px #dddddd;
    float: left;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 7px;
}

.jt-order-checkbox-checked {
    background: #ff0000;
    color: #fff;
    border-color: #ff0000;
}

.jt-order-checkbox-checked:before {
    content: url(../remixicon/img/check-fill.png);
}

.jt-order-form-item {
    margin-top: 30px;
    box-sizing: border-box;
}

.jt-order-form-item-inline-block {
    display: inline-block;
    box-sizing: border-box;
}

.jt-order-form-item-wh:nth-child(-n+3) {
    margin-right: 2.2%;
}

.jt-order-form-item-inline-block-readonly .jt-order-input-label {
    color: #e7e7e7;
}

.jt-order-form-item-inline-block-readonly > .jt-order-input > input {
    background: #e7e7e7;
}

.jt-service-type-placeholder::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.jt-service-type-placeholder::-moz-placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.jt-service-type-placeholder:-moz-placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.jt-service-type-placeholder:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.jt-order-form-item-wh {
    width: 23%;
}

.jt-dash-line {
    border-bottom: dashed 2px #CFCFCF;
    margin-top: 50px;;
    height: 0;
}

.jt-freight-box {
    margin-top: 40px;
    text-align: right;
}

.jt-freight-item {
    text-align: right;
    margin-top: 20px;
}

.jt-freight-num {
    padding-left: 40px;
    text-align: left;
    padding-top: 9px;
    padding-bottom: 9px;
}

.jt-order-btn-box {
    margin-top: 20px;;
    text-align: right;
}

.jt-order-btn {
    display: inline-block;
    padding: 9px 10px;
    border: solid 1px #ff0000;
    border-radius: 5px;
    color: #ff0000;
    min-width: 150px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.jt-order-btn-primary {
    background: #ff0000;
    color: #fff;
}

.jt-order-btn:hover {
    background: #ff0000;
    color: #fff;
}

.jt-order-btn-primary:hover {
    background: #C90707;
}

.choose_item{
    border: solid 1px #dddddd;
    border-radius: 6px;
    padding: 3px 8px;
    box-sizing: border-box;
    height: 52px;
    width: 33%;
    font-size: 12px;
}

.jt-type-fqa {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: #ff0000;
    color: #fff;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    margin-left: 3px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 10px;
}

.jt-fqa-desc {
    display: inline-block;
    position: relative;
}

.jt-fqa-desc-text {
    position: absolute;
    top: 36px;
    width: 200px;
    border: solid 1px #ff0000;
    padding: 12px;
    border-radius: 8px;
    left: -25px;
    background: #fff;
    z-index: 2;
    color: rgba(0, 0, 0, 0.7);
    display: none;
}

.jt-fqa-desc-text:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: -12px;
    left: 27px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid red;
}

.jt-fqa-desc-text:after {
    content: '';
    position: absolute;
    top: -11px;
    left: 27px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
}

.jt-pointer-select-box {
    height: 80px;
    padding-left: 45px;
    position: relative;
    border: solid 1px #dddddd;
    border-radius: 5px;
    overflow: auto;
}

.jt-order-item-type{
    width: 23%;
}

.jt-order-item-name {
    width: 23%;
}

.jt-order-item-value {
    width: 17%;
}

.jt-order-service-type {
    width: 27%;
}

.jt-order-pcs {
    width: 22%;
}

.jt-order-item-inline-mg {
    margin-left: 1%;
}

.jt-order-selection-item-disabled {
    cursor: default;
    background: rgba(255, 255, 255, 0.5);

}

.jt-order-selection-item-disabled .jt-order-selection-title {
    opacity: 0.5;
}

.jt-order-selection-item-disabled .jt-order-selection-desc {
    opacity: 0.5;
}

.jt-order-selection-item-disabled .jt-order-selection-icon img {
    opacity: 0.5;
}

.jt-order-selection-item-disabled .jt-fqa-desc-text {
    font-size: 12px;
}

.jt-order-save-book-check {
    position: absolute;
    top: -16px;
    left: 0;
    width: auto;
}

.jt-login-btn{
    width: 100%;
    border-radius: 30px;
    height: 36px;
    padding: 0;
}

.jt-login-or{
    margin-top:10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.jt-google-login-btn{
    background: #E4E4E4;
    color: #393939;
    line-height: 36px;
}

.jt-google-login-btn img{
    height: 18px;
    vertical-align: middle;
}

.jt-google-login-btn span{
    vertical-align: middle;
}

.jt-validate-desc{
    color: #FF0000;
    font-size: 10px;
    position: absolute;
}

.jt-order-express-type-desc{
    margin-top: 15px;
    font-size: 13px;
    /*color: #FF0000;*/
}

.jt-order-query-info-table{
    border-collapse: collapse;
    width: 96%;
    max-width: 1000px;
    margin: 25px auto;
}

.jt-order-query-info-table thead th{
    background: #FF0000;
    border: solid 1px #9e9b9b;
    padding:6px 10px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.jt-order-query-info-table td{
    padding:6px 10px;
    border: solid 1px #9e9b9b;
    text-align: center;
    color:#747474;
}

.jt-login-verify-code{
    width: 100%;

}

.jt-login-verify-code img{
    width: 100%;
    height:50px;
}

Obrolan

_Percakapan Baru

🤓 Jelaskan sesuatu yang rumit

Jelaskan Kecerdasan Buatan sehingga saya dapat menjelaskannya kepada anak saya yang berusia enam tahun.


🧠 Dapatkan saran dan buat ide baru

Harap berikan saya 10 ide perjalanan terbaik di seluruh dunia


💭 Terjemahkan, ringkas, perbaiki tata bahasa dan lainnya...

Menerjemahkan "I love you", ke bahasa Perancis


Claude 4.5 Opus
Halo, bagaimana saya bisa membantu Anda hari ini?
Batas penggunaan Anda telah tercapai. Silakan upgrade rencana Anda untuk melanjutkan penggunaan. Tingkatkan
Claude 4.5 Opus
coin image
0
Tingkatkan




Tanyakan saya apa saja...



Didukung oleh AITOPIA 
Obrolan
Bertanya
Cari
Tulis
Gambar
ChatFile
Visi
Halaman Penuh