body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #fff;
    color: #333;
    margin-top: 146px;
    font-family: "Microsoft YaHei";
    position: relative;
    padding-right: 0!important
}

ul,
ol {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
}

.lett_text {
    letter-spacing: 0.6px;
}


/*导航公用样式*/

.home_login {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #f1f1f1;
    height: 40px;
    line-height: 40px;
    padding: 0 70px
}

.home_login span {
    margin-left: 20px;
    float: right;
    cursor: pointer
}


/*登录弹出框*/

.modal-open {
    overflow: auto;
}

.modal-register .modal-dialog {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    width: 750px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    position: absolute;
}

.login_off {
    position: absolute;
    top: 16px;
    right: 22px;
    width: 26px;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 1
}

.login_off:hover {
    transform: rotate(90deg);
}

#myModal .modal-dialog {
    top: 3%;
    transform: translate(-50%, 0) !important;
}

.modal-register .modal-content {
    margin: 0 auto;
    width: 540px;
    border-radius: 0;
    border: 0;
    box-shadow: initial
}

.modal-register .modal-header {
    border-bottom: 0;
}

.modal-register .form-horizontal .control-label {
    margin-bottom: 13px;
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: 400;
}

.modal-register .form-control {
    height: 48px;
    color: black;
    border-color: #e7e7e7;
    border-radius: 0;
}

.modal-register .modal-title {
    font-size: 22px;
    color: #333;
    text-align: center;
}

.modal-register .btn-default {
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    border: none;
    padding: 12px;
    background: #b01f24;
}

.modal-register .code {
    float: left;
    width: 270px;
}

.modal-register .login-getcode {
    float: left;
    margin-left: 14px;
    width: 109px;
    font-size: 16px;
    color: #ddd;
    border: 1px solid #e7e7e7;
    background-color: #eee;
}

.modal-register .codecont {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #999;
    line-height: 48px;
    cursor: pointer;
}

.modal-body {
    position: relative;
    padding: 0 0 30px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.modal-body span {
    color: #b01f24;
    cursor: pointer;
}

.modal-register .get-code {
    float: right;
    width: 137px;
    height: 48px;
    font-size: 16px;
    color: #fff;
    background-color: #b01f24;
    border: 0;
}

.modal-register .login-getcode {
    float: left;
    margin-left: 14px;
    width: 109px;
    font-size: 16px;
    color: #ddd;
    border: 1px solid #e7e7e7;
    background-color: #eee;
}

@media only screen and (max-width:1700px) {
    #myModal .modal-dialog {
        top: 4%;
        transform: translate(-50%, 0) !important;
    }
}

@media only screen and (max-width:700px) {
    .modal-register .modal-dialog {
        width: 94%;
    }
    .modal-register .modal-content {
        width: 86%;
    }
    .modal-register .modal-title {
        font-size: 18px;
    }
    .modal-register .form-horizontal .control-label {
        margin-bottom: 6px;
        font-size: 14px;
    }
    .modal-register .form-control {
        height: 36px;
        font-size: 12px;
    }
    .modal-register .code {
        width: 100%;
        margin-bottom: 10px;
    }
    .modal-register .login-getcode {
        width: 50%;
        margin-left: 0;
        height: 36px;
        font-size: 14px;
    }
    .modal-register .codecont {
        line-height: 36px;
    }
    .modal-register .btn-default {
        font-size: 14px;
        padding: 10px;
    }
    #myModal .code {
        width: 60%;
        margin-bottom: 0;
    }
    .modal-register .get-code {
        width: 40%;
        font-size: 14px;
        height: 36px;
    }
    .checkbox {
        font-size: 14px;
    }
}


/* 登录弹出框 */


/* 手机端二级导航新加样式 */

.app_nav {
    display: none;
    overflow: scroll;
}

.app_nav>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    text-indent: 0;
    border-bottom: 1px solid gray;
}

.app_nav ul li {
    text-indent: 0;
}

.app_nav ul li .icon {
    width: 15px;
    height: 15px;
    line-height: 42px;
    color: #ffffff;
    text-align: center;
    background: url(../../images/icon.png) no-repeat -313px -118px;
    display: block;
}

.app_nav ul li .icon.active {
    background-position: -289px -118px;
}

.new_nav_list {
    position: fixed;
    top: 106px;
    left: 0;
    width: 100%;
    padding: 50px 100px 87px 50px;
    background: #f6f6f6;
    z-index: 100;
    display: none;
}

.new_nav_list .nav_cont {
    max-width: 1100px;
    width: 100%;
    float: right;
    position: relative;
}

.new_nav_list .nav_cont>ul li>a {
    display: block;
    padding: 2%;
    line-height: 20px;
    font-size: 14px;
    border-bottom: 1px solid darkgray;
    color: black;
}

.new_nav_list .nav_cont ul li .sub_new_nav_list {
    line-height: 1.42857143;
    padding-top: 4px;
}

.new_nav_list .nav_cont ul li .sub_new_nav_list a {
    color: gray;
    line-height: 1.42857143;
    display: inline-block;
}

@media (min-width: 100px) and (max-width: 785px) {
    .new_nav_list .nav_cont ul li .sub_new_nav_list a {
        font-size: 12px;
        margin: 0 7px 4px 6px;
    }
}

@media screen and (max-width: 1024px) {
    .new_nav_list {
        position: static;
        /* padding: 24px 20px 10px 10px; */
        padding: 0;
    }
}

@media screen and (max-width: 1450px) {
    .new_nav_list {
        top: 84px;
    }
}


/* 手机端导航新加样式----end */

.app_off,
.app_no {
    display: none;
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 22px;
}

.home_nav {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    height: 66px;
    background: white;
    text-align: center;
    background-size: 100% 100%;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 999;
}

.home_nav_left {
    width: 20%;
    float: left;
    line-height: 50px;
}

.home_nav_left img {
    width: 36%;
}

.home_nav_right {
    float: right;
    margin-right: 50px;
}

.home_nav_right ul {
    display: table;
    height: 56px;
}

.home_nav_right ul li {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 20px
}

.home_nav_right ul li a {
    color: black;
    display: inline-block;
    padding: 0 6px;
    line-height: 52px;
    cursor: pointer;
}

.home_nav_right ul li .active_a {
    border-bottom: 4px solid #b01f24;
}

.home_nav_right ul li .last_a {
    border-bottom: 0;
}

.nav_title {
    height: 40px;
    /* margin-top: 56px; */
    position: fixed;
    width: 100%;
    top: 106px;
    z-index: 99;
}

.nav_title_left {
    background: #b01f24;
    float: left;
    width: 14%;
    height: 40px;
}

.nav_title_right {
    background: #414141;
    float: left;
    width: 86%;
    height: 40px;
    color: darkgrey;
    line-height: 40px;
    text-indent: 50px;
}

.nav_title_right a {
    color: darkgrey;
}

.nav_title_right span {
    color: darkgrey;
}

.foot {
    /*background: url("../images/foot_bg.jpg") no-repeat;*/
    /*background-size: 100% 100%;*/
    background: rgba(0, 0, 0, 0.8);
    color: darkgrey;
    font-size: 12px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 8%;
    position: fixed;
    bottom: 0;
}

.foot p:nth-child(1) {
    float: right;
}

.foot p:nth-child(2) {
    float: right;
    margin-right: 30px;
}


/*.foot p:nth-child(3){*/


/*    float: right;*/


/*    margin-right: 30px;*/


/*}*/

.index_foot {
    position: absolute;
}

.foot p a {
    color: darkgrey;
}

.app_foot p a {
    color: white;
}

@media screen and (max-width: 780px) {
    .app_nav {
        background: whitesmoke;
        position: absolute;
        top: 55px;
        width: 100%;
        height: 1000px;
        text-align: left;
        text-indent: 18px;
    }
    .app_nav>ul>li {
        // height: 42px;
        // line-height: 42px;
    }
    .app_nav>ul>li>a {
        color: black;
        // display: block;
        width: 100%;
        height: 100%;
    }
    .home_nav_left {
        width: 22%;
        line-height: 56px;
    }
    .home_nav_left img {
        width: 72%;
    }
    .nav_title_left {
        display: none;
    }
    .nav_title_right {
        width: 100%;
        text-indent: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .app_foot {
        background: black;
        color: whitesmoke;
        text-align: center;
        padding: 8px 0;
        font-size: 12px;
    }
    .foot {
        text-align: center;
        height: 113px;
        line-height: 18px;
        padding: 6px 0;
        position: relative;
    }
    .foot p:nth-child(1),
    .foot p:nth-child(2) {
        float: none;
    }
}

@media screen and (max-width: 1024px) {
    .home_login {
        padding: 0 22px;
    }
    .home_nav_right {
        display: none;
    }
    .app_off {
        display: block;
    }
    .app_nav {
        background: whitesmoke;
        position: absolute;
        top: 49px;
        width: 100%;
        height: calc(100vh);
        text-align: left;
        padding: 0 4%;
    }
    .app_nav>ul>li>a {
        height: 42px;
        line-height: 42px;
    }
    .app_nav>ul>li>a {
        color: black;
        // display: block;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 760px) and (max-width: 1030px) {
    body {
        background: whitesmoke;
    }
}

@media (min-width: 1024px) and (max-width: 1160px) {
    .home_login {
        padding: 0 38px;
    }
    .home_nav_right {
        margin-right: 16px;
    }
    .home_nav_right ul li {
        padding: 0 16px;
    }
}

@media screen and (max-width: 1950px) {
    .home_nav {
        height: 66px;
    }
    .home_nav_left {
        line-height: 62px;
    }
    .home_nav_right ul li {
        font-size: 16px;
    }
    .home_nav_right ul li a {
        line-height: 62px;
    }
}

@media screen and (max-width: 1450px) {
    .nav_title_right {
        text-indent: 26px;
    }
    body {
        margin-top: 124px;
    }
    .home_nav {
        height: 50px;
        top: 34px
    }
    .home_nav_left {
        line-height: 50px;
    }
    .home_nav_right ul {
        height: 50px;
    }
    .home_nav_right ul li a {
        line-height: 46px;
    }
    .nav_title {
        top: 84px;
    }
    .home_login {
        height: 34px;
        line-height: 34px;
    }
    .home_nav_right ul li {
        padding: 0 14px;
    }
}


/* 右侧边栏 */

.global_toolbar.default {
    position: absolute
}

.global_toolbar.default .toolbar_content,
.global_toolbar.opacity .toolbar_content {
    display: none
}

.global_toolbar.opacity .toolbar_btn a em,
.global_toolbar.opacity .toolbar_btn a samp {
    background: #000;
    background: rgba(0, 0, 0, .8);
    cursor: pointer
}

.global_toolbar.opacity .toolbar_btn a:hover em {
    background: #e50000
}

.global_toolbar {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .4s cubic-bezier(.2, .83, .42, .91);
    transition: all .4s cubic-bezier(.2, .83, .42, .91);
    background: #fff
}

.global_toolbar.open {
    width: 320px
}

.wap_cartbtn {
    display: none
}

.toolbar_btn {
    position: absolute;
    top: 100%;
    left: -54px;
    width: 54px;
    top: 50%;
    /* margin-top: -150px; */
    display: block
}

.toolbar_btn a,
.toolbar_btn a samp {
    position: relative;
    display: block;
    height: 54px;
    -webkit-transition: all .4s cubic-bezier(.2, .83, .42, .91);
    transition: all .4s cubic-bezier(.2, .83, .42, .91);
    border-bottom: 1px solid #666
}

.toolbar_btn .toolbar_btn_a {
    /* display:none; */
    opacity: 0;
    height: 26px;
    text-align: center;
    cursor: pointer;
    top: 54px;
    position: absolute;
}

.toolbar_btn_11 {
    /* display:block */
    opacity: 1;
}

.toolbar_btn_11 a {
    /* display:none */
    opacity: 0;
}

.toolbar_btn_11 .toolbar_btn_a {
    /* display:block; */
    opacity: 1;
}

.toolbar_btn_22 .toolbar_btn_a {
    /* display:block; */
    opacity: 1;
    position: initial;
}

.toolbar_btn_22 .toolbar_btn_a img {
    transform: rotate(180deg);
}

.toolbar_btn_11 a:first-child {
    /* display:block; */
    opacity: 1;
}

.toolbar_btn a samp {
    z-index: 2;
    width: 54px;
    color: #fff;
    background-color: #666;
}

.toolbar_btn .toolbar_btn_a samp {
    background-color: #e50000;
    height: 26px;
    border: 0;
}

.toolbar_btn .toolbar_btn_a:hover samp {
    border: 0;
}

.toolbar_btn a samp .iconfont {
    font-size: 24px;
    position: absolute;
    top: 16px;
    left: 18px;
    color: #fff
}

.toolbar_btn a em {
    font-size: 14px;
    font-style: normal;
    line-height: 54px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 54px;
    display: block;
    overflow: hidden;
    width: 0;
    height: 54px;
    -webkit-transition: all .4s cubic-bezier(.2, .83, .42, .91);
    transition: all .4s cubic-bezier(.2, .83, .42, .91);
    text-align: center;
    /* text-indent: 38px; */
    color: #fff;
}

.LANG-cn .toolbar_btn a font {
    width: 160px
}

.toolbar_btn a font {
    display: block;
    width: 180px;
    padding: 0 30px;
    text-align: left;
    white-space: nowrap;
    word-break: keep-all
}

.toolbar_btn a.current samp,
.toolbar_btn a:hover samp {
    border-bottom: 1px solid #e50000;
    background-color: #e50000;
}

.toolbar_btn.default a:hover samp {
    background-color: #e50000
}

.LANG-cn .toolbar_btn a:hover em {
    width: 180px
}

.toolbar_btn a:hover em {
    width: 170px;
    background: #e50000
}

.toolbar_btn .new_a em {
    width: auto;
    overflow: inherit;
}

.toolbar_btn .new_a:hover em {
    background: transparent;
}

.toolbar_btn .new_a em>img {
    width: 150px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.toolbar_btn a span {
    font-size: 10px;
    line-height: 11px;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    display: none;
    overflow: hidden;
    min-width: 11px;
    height: 14px;
    padding: 1px 2px;
    text-align: center;
    color: #fff;
    border: 1px solid #e50000;
    border-radius: 10px;
    background: #e50000
}

.toolbar_btn a.current span,
.toolbar_btn a:hover span {
    color: #e50000;
    background: #fff
}

.LANG-cn .toolbar_btn.default em {
    width: 160px
}

.toolbar_btn.default em {
    width: 180px
}

.toolbar_btn.default a samp,
.toolbar_btn.default em {
    border-bottom: 1px solid #37393d;
    background: #000
}

.toolbar_content {
    z-index: 3;
    width: 100%
}

#resultData {
    overflow: auto
}

.cart_column li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6
}

.cart_column li:last-child {
    border: none
}

.cart_column li .img_con {
    float: left;
    width: 70px;
    margin: 0 10px 0 38px;
    text-align: center;
}

.cart_column li .checkbox_c {
    float: left;
    width: 15px;
    margin-top: 20px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    left: 0;
    cursor: pointer;
}

.cart_column li .checkbox_c:checked+span {
    background: #fff
}

.cart_column li .check {
    position: absolute;
    top: 36px;
    left: 0;
    display: none \9;
    width: 20px;
    height: 20px;
}

.cart_column li img {
    width: 100%
}

.cart_column li .product_name {
    font-size: 12px;
    line-height: 16px;
    float: left;
    width: 100px;
    margin-right: 10px;
}

.cart_column li .product_name span {
    font-size: 16px;
    display: block;
    margin-bottom: 3px;
    padding-top: 8px;
    cursor: pointer;
    color: #666
}

.cart_column li .product_name a {
    font-size: 14px;
    line-height: 16px;
    color: #999
}

.cart_column li .product_name a:hover {
    color: #0166fe
}

.compare_column ul {
    margin-bottom: 20px
}

.compare_column li .img_con {
    margin: 0 10px 0 0
}

.compare_column li.null {
    min-height: 73px;
    padding: 20px 0;
}

.contact_column ul {
    margin-top: 30px
}

.contact_column li {
    margin-bottom: 20px
}

.contact_column li a {
    display: block;
    min-height: 50px;
    text-decoration: none
}

.contact_column li a:hover img {
    opacity: .8
}

.contact_column li h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 8px;
    color: #333
}

.contact_column li p {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    color: #666
}

.contact_column li a:hover h3,
.contact_column li a:hover p {
    color: #0166fe
}

.contact_tel {
    padding: 14px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7
}

.contact_tel span {
    font-size: 24px;
    line-height: 50px;
    display: block;
    min-height: 50px;
    color: #787878
}

.else_contact {
    margin: 10px 0 0;
    text-align: right
}

.else_contact a {
    font-size: 14px;
    color: #333
}

.else_contact a:hover {
    color: #0166fe
}

.listimg_wrap {
    float: left;
    width: 18%
}

.redbtn-moddle1 {
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 16px 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-transform: capitalize;
    color: #fff;
    background: #e50000
}

.redbtn-moddle1:hover {
    color: #fff
}

.redbtn-moddle1:before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: -100%;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #b20000
}

.redbtn-moddle1:hover:before {
    left: 0
}

.redbtn-moddle1 span {
    font-size: 16px;
    position: relative;
    z-index: 1;
    letter-spacing: 1px
}

.cart_column li .check {
    position: absolute;
    top: 36px;
    left: 0;
    display: none \9;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAACyklEQVR4Xu3dwWoTURQG4HPCIIMgEUG0RREXaZGoIdz7BoK4FXwBXbsSXLjTnbj1AXwDF+7qK3jnQhbRLA1WcRcVgwOGOTLBKW0ohrb2Tzr5Z9lm7n/Pl59sjwofiIDuTun3+6fyPL8vIrfNrKuqVyG3qFfIyMxeN5vNR61W60c12g50jPFKURRbqrpZr7kXNs3QzO547wflDabQf5v8TkRuLuxa9Qwepml6vd1u/5xCZ1n2WERe1HPWxU5lZs+9908q6Pcicm2xV6pnuplte+8vq5klMcbf9RxzOaYys/MaQlhT1S+zVzKz7977s8tx1ZNxiyzLPovI+uxtG43GhsYY182s/MDsM3LOnTsZIy7HLUMIn1T1EqGP+fsg9DEDV8cTmtAgAVAMG01okAAoho0mNEgAFMNGExokAIphowkNEgDFsNGEBgmAYthoQoMEQDFsNKFBAqAYNprQIAFQDBtNaJAAKIaNJjRIABTDRhMaJACKYaMJDRIAxbDRhAYJgGLYaEKDBEAxbDShQQKgGDaa0CABUAwbTWiQACiGjSY0SAAUw0YTGiQAimGjCQ0SAMWw0YQGCYBi2GhCgwRAMWw0oUECoBg2mtAgAVAMG01okAAoho0mNEgAFMNGExokAIphowkNEgDFsNGEBgmAYthoQoMEQDFsNKFBAqAYNprQIAFQDBtNaJAAKIaNJjRIABTDRi8zNFc4HfzbCSF8VdULs29OVzgNBoMz4/F4Z5PkwY/nG/ME0jRdq9bs7btMa94B/P98gfKXodw5VkG/FJGH81/jJw4h8Mo596BahXoxz/MPIsK1eoeQ/Mcr35IkudHpdLZ3L/e9VRTFG1U9/X+zVvM0M/ulqnedc1ulwJ511b1eb3MymTw1s3uqmqwm0ZGnHonIWxF55pwrfyWmzx7o6o/lMklV3Thy5AodYGamqsNut/txv7H/AMxH7+5pNskrAAAAAElFTkSuQmCC");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 18px;
}

.cart_column li .checkbox_c:checked+span {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAFUElEQVR4Xu3cT2gUVxwH8O9vdmeaWiFUkDbpzlaxyWYVvHjon5RQqCBVsB4Ei1A86Sne7Km0paU3e9OTQsEKLQELeqggWijBFCl4KdTNJi21u0tSCFSCrYaZnfmV2Y3tZv/E7O68X0L2l2vmve97H3/73szsizSddhj6Y1yAFNq4cSVAoWWcFVrIWaEVWkpAKEfXaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCGBFTG8CFC/iWSt6P9Vc8/CG33MzpcgHIkbW6EBMGM26XujQ39igYFkPu1cA3AwTmyFBu6H5L2x+w/MP4H9BXAs175JRGNxYfc0NAPzdtl79ZU5FGtBFTqu8or6YV6w2R/dVcJsbbe6dMSIzMx/Jcr+m8PzyNUhJ/Kuc0U3w1iweREhjY2UvJ/rkK28a38NomOxxNR10lNrNDM/AmEsW/Dv1mNOp+2vAHrfBHLUZw9B85LFfGC4WJ6sx8y59jkiGjeF3DPQDPYS4EPDhfKthkp2nbMgnDGJ3BvQzAFxeDhTCq43Iic/BFmfm0be/NDMIYGOZ4reRMNykbLHyaJzEsibG5qZiXAiU/Av12PmU/ZJtuiCFPKmhqaQT2VK/sUGZNc5xuBvQEQK3aUAh3w6W/LPNyInjjCsKyBKdBnRdvNNd3tHYfhJplT+rHG5SBwMybpGRMm2lWJoYBDa3Ev0lvNmfDFS9D6o//2MmxwLiG4SyInBrKMuzEAzT1Dgj3PSiR4Osh2NrM1GDL6YLfin6pvNvmS/VrbwPRFtabPLWC83AX09U/AOExDMvojtZduZIsJQrKNu6IwvZwr+CQJW/F17Lm3vA+MHItpqNv/pvccKzeBbYcE/tAfwnkTfexkDFjs/Atjx9OF0cAXzRKboHycgrG09nXL2wuJJU98BtjvSeKGZJ/sS/oGd97FUO5BfB+GWE84UCG67A1z1esbVTNE7Gn16aq/7LYUhj+w7RLQt1rwuOosVOhpHVNUjBf8dAsorKuwF7ORnnCkCBroY739NpXLiGGvUR+zQlYGtUmk+2VMg2t7NBFj6k9PNYJfbmoGuYDdfO2cGkA2S9u1OP9bMfKc/8N8enMOj2vlHG2/gOD8Z2wu6xDYHXS3tpncDnW5UDL4bPvbf2rOAv2vnXUxh2z+Wc1vqVrITc8PQlTW76f1tB7deOfuh9/quB1hcsfE9j35/qz0Jor2dAEi1MQ5dXUX4fLbon66f1FofJmoPuNT2MTeILYtJe5JA+6TAOs0RgV7eIFs+HodENwDqazGJhgMu0XW/70DfUmDfiPOQS6eIa2knB10p7fCjkWK54RuNmXRyfwD6rv5dxKoHXNJ2dP3+tUxyI1wjC12xbvEKM1X3dk34gIvpfwxx6MrNe8uX8tX3xQwstjjgYuVd51sTB1w2JXS0O7b8msl13mPGvSYHXCifti+ZPHthEntdKrq6Obb+4rTZhHNp+wKBTprEMNn3+kFXsQNCeDRTDK6uNkmJAy4mkSvL5Xr/l5nMXLY4fLfZuYtogLm08ykBH5uGMN3/ukNXCrvFSaKcmzxDZJ01jSDR/4aArk505dm49Th7YRJ8A0FXHtUrpz0tYDczLkmfvegZ6OXKfgjGcyCyTE5cuu8NVdHSk5fMU2ghbYVWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaIUWEhCK0YpWaCEBoRitaCHofwGXQYe31xGynQAAAABJRU5ErkJggg==");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 18px;
}

:root .popup_login {
    background-color: rgba(0, 0, 0, .5);
}

.login_form {
    background: #fbfcfc;
}

.login_form {
    width: 60%;
    float: left;
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 50px 77px 120px;
    position: relative;
}

.popup_login {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    background: url("/themes/img/icon/alpha60.png") repeat;
}

.login_form h3 {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: normal;
}

.popup_login .login_form {
    padding-bottom: 40px;
    z-index: 1006;
    margin: 0 auto;
    float: none;
    width: 480px;
    border-radius: 0;
    position: fixed;
    left: 50%;
    margin-left: -240px;
    top: 50%;
    margin-top: -200px;
    padding-left: 38px;
    padding-right: 38px
}

.close_popup {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.close_popup img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.form_block {
    border: 1px #d4d4d4 solid;
    height: 48px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 18px;
}

.input_icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 15px;
    top: 16px;
}

.username_icon img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.password_icon img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.form_block input {
    border: none;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    width: 100%;
    padding: 0 10px 0 0;
    -webkit-outline: none;
    outline: none;
}

.form_login_btn {
    width: 100%;
    height: 50px;
    line-height: 43px;
    text-align: center;
    border: none;
    background: #ff3c5b;
    color: #fff;
    font-size: 18px;
}

.form_login_btn:hover {
    background: #d70226
}

.form_login_btn.disabled {
    background: #ccc;
    color: #e7e7e7;
}

.login_else_info {
    margin-top: 10px;
}

.login_else_info span {
    float: left;
    font-size: 14px;
}

.login_else_info span label {
    display: inline-block;
    margin: 0 10px;
    color: #adadad;
}

.login_else_info span a {
    color: #333;
}

.need_reg {
    float: right;
    font-size: 12px;
    color: #666;
}

.need_reg a {
    font-size: 14px;
    color: #ff3c5b;
    font-weight: bold;
}

.login_else_info a:hover {
    color: #0166FE
}

.tips_error {
    text-align: center;
    color: #e50000;
    font-size: 14px;
    margin-bottom: 15px;
}

.toolbar_btn a em i {
    font-style: normal;
}

.iconi {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
}

.icon-LiveChat1 img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.icon-close {
    position: absolute;
    right: 0;
}

.spinner-sprite,
.spinner .decrease,
.spinner .decrease[disabled],
.spinner .increase,
.spinner .value,
.spinner .value.passive {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAB9CAYAAAC4TqMRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzMwNURCNzM1MjVEMTFFOEE4MkJGRjY3QUFEQThFRkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzMwNURCNzQ1MjVEMTFFOEE4MkJGRjY3QUFEQThFRkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MzA1REI3MTUyNUQxMUU4QTgyQkZGNjdBQURBOEVGQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MzA1REI3MjUyNUQxMUU4QTgyQkZGNjdBQURBOEVGQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlGC+J4AAAIBSURBVHja7FrNjoIwEB60voZ6NerJF5AnJ+HiRWOiUa/G+A7GH3B36tZYAkh3Z1jAaVIJSOfrN9Oh0069IAjuwFR83/fgdDrdOcpsNtMdV/jzfU/eeyOzBcyFHUAhFQ4VNYdBYYDhcKivm82m5ipyVef/MRiPx6kNRqORdb9er3lH0bu2KuuP3W5n3Q8Gg9Tn1+v1dwwul0tqg6znuQxcFHR3fE/9KNJF6U7vFTbydrvV1/P57K6iIsVVsHyuK8RgtVrVd9LHoE4P0263C+12GzzPI4uJ4jiG4/H48INOpwNKKWi1aAih8Nvtpjv8BEAGWKkATGc1AAqmZIA9Ly10VAbRVCoGRhYrANaGqAgYAMCyQQKVhEEjRlEpAOLJbz1ZjNxwIz8BcA7FSlVQlpkyNcBisSDrfXLtpgGiKGLb8dIA0+mUdxTVOroux9HqvQDhZiAqqjiDrF2vZMnb9SJRUV773M0QijV0SX7AbWQQTxYG1Wcwn89rzkACL/EDCbzEyH9gsN/vCwnp9/sVDbx6vZ4EXhJ4CQMJvOAlzcWxpRaG4SPVOJlMdLKOOhO4XC4fDFCwqVTF2tY0SWuq0fQqix2gPEerrYpYAbCKkRtuZCtsIQdIhi3UACDfog/zZJPmojw8YxJ/GgDPK5ozQZSTvgWAD6kPMD2NfDgc2GzwJcAAQtZmLGmu8EcAAAAASUVORK5CYII=');
}

.spinner {
    height: 25px;
    width: 71px;
    overflow: hidden;
    *zoom: 1;
    -webkit-box-shadow: 0 3px 3px -4px #aaa;
    -moz-box-shadow: 0 3px 3px -4px #aaa;
    box-shadow: 0 3px 3px -4px #aaa
}

.spinner button,
.spinner .value {
    text-align: center;
    display: block;
    float: left;
    height: 100%;
    line-height: 20px;
    margin: 0;
}

.spinner button {
    border: none;
    width: 23px;
    color: #e5312a;
    font: 22px Arial bold;
    padding: 0;
    outline: none;
}

.spinner .decrease {
    background-position: 0 -50px;
    cursor: pointer;
    text-indent: -10000px
}

.spinner .decrease[disabled] {
    background-position: 0 -75px;
    cursor: default
}

.spinner .increase {
    background-position: 0 0;
    cursor: pointer;
    text-indent: -10000px;
}

.spinner .value {
    background-position: 0 -100px;
    width: 24px;
    height: 25px;
    border: none;
    color: #000;
    padding: 0;
}

.spinner .value.passive {
    background-position: 0 -25px;
    color: #919191
}

.spinner .error,
.spinner .invalid {
    background: #aa0000
}

@media screen and (max-width: 700px) {
    .toolbar_btn a {
        display: none
    }
    .toolbar_btn .goto {
        display: block
    }
    .toolbar_btn {
        top: 108% !important;
    }
}

.friendship {
    position: relative
}

.span_hover {
    width: 200px;
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

.foot_friendship ul {
    position: absolute;
    bottom: 40px;
    left: -12px;
    background: rgba(0, 0, 0, 0.8);
    min-width: 90px;
    display: none
}

.foot_friendship ul a {
    display: block;
    padding: 0 12px;
    color: #fff
}

.foot_friendship ul a:hover {
    background: #fff;
    color: #333
}

.six_li_last a {
    margin-right: 10px;
    position: relative;
}


/* 更新PC图标 */

.friendship li a:nth-of-type(2) img {
    width: 19px;
}

.six_li_last a img:nth-of-type(2) {
    width: 19px;
}

.six_li_last a .hover_img {
    position: absolute;
    width: 120px;
    bottom: 200%;
    left: -45px;
    max-width: initial;
    display: none;
}

.six_li_last a:hover .hover_img {
    display: block;
}

.friendship .six_li_last .foot_icon_pic>img {
    width: 19px;
}


/* 移动端改版 */

@media screen and (max-width:768px) {
    body {
        margin-top: 90px;
    }
    .home_login {
        display: none;
    }
    .home_nav {
        top: 0;
    }
    .home_nav_left {
        line-height: 50px;
    }
    .app_off,
    .app_no {
        top: 15px;
    }
    .nav_title {
        top: 50px;
    }
    /* 底部 */
    .app_foot {
        background: black;
        color: whitesmoke;
        text-align: center;
        padding: 8px 0;
        font-size: 12px;
        height: 130px;
        line-height: 22px;
        opacity: 0.5;
    }
    .app_foot p:nth-child(4) {
        margin-top: -10px;
    }
    .app_foot .foot_zzy img {
        width: 28px;
        margin: 0px 5px 0px -7px;
    }
    .app_foot .foot_dy img {
        width: 28px;
    }
    .six_li_last a:nth-of-type(2) img {
        width: 28px;
    }
    .six_li_last a img:nth-of-type(2) {
        width: 28px;
    }
}


/* 下拉隐藏 */

.span_hover {
    display: none;
}

.foot_friendship {
    padding-right: 20px;
}

.six_li_last {
    margin-left: 20px;
}