/*********************************************Reset*******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
section, summary, time, mark, audio, video, input, select {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #feeee2;
    font-size: 14px;
    font-family: 微软雅黑;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

a:hover {
    color: #eee;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

input::-ms-clear, ::-ms-reveal {
    display: none;
}

input:focus {
    outline: none;
    border: 1px solid #d13308;
}

#mask {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    zoom: 1;
}

:root #mask {
    filter: none \9;
}

/*for IE9*/
.header {
    z-index: 9;
    position: fixed;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e6e6e6;
    background: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff);
    zoom: 1;
}

:root .header {
    filter: none \9;
}

/*for IE9*/
.header_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.logo {
    float: left;
    display: block;
    width: 220px;
    height: 100%;
    background: url(../image/logo1.png) left center no-repeat;
}

.nav {
    float: right;
    width: 300px;
}

.nav a {
    display: block;
    float: left;
    width: 150px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.nav a:hover {
    background: #d13308;
    color: #fff;
}

.price_top {
    height: 720px;
    background: url(../image/bg2.jpg) center top no-repeat;
}

.price_top_other {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    color: #d13308;
    font-size: 16px;
}

.price_top_txt1 {
    margin-top: 352px;
    font-weight: bold;
}

.price_top_txt2 {
    margin-top: 5px;
    font-weight: bold;
}

.price_top_btn {
    margin-top: 40px;
}

.price_top_btn a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 164px;
    text-align: center;
    border: 1px solid #ff0;
    color: #ff0;
    border-radius: 2px;
}

.price_top_btn a:hover {
    border: 1px solid #e7ea04;
    color: #e7ea04;
}

.price_top_other em {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 8px 2px 0;
    *margin-bottom: 6px;
    border-radius: 50%;
    background: #d13308;
}

.mlj {
    width: 518px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    background: #E2E2E2;
    border: 2px solid #fff;
    margin: 70px auto 0;
}

.mlj a {
    display: block;
    float: left;
    width: 128px;
    height: 100%;
    border-right: 2px solid #fff;
    text-align: center;
    color: #333;
    font-size: 15px;
}

.mlj a:hover, .mlj a.active {
    background: #d13308;
    color: #fff;
}

.mlj a.bR0 {
    border-right: 0;
}

.price_top_txt3 {
    margin-top: 140px;
    font-weight: bold;
    font-size: 16px;
    color: #c33109;
}

.price_top_txt4 {
    margin-top: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #c33109;
}

.box {
    width: 1200px;
    margin: 60px auto;
    position: relative;
}

.pg_tit {
    margin-bottom: 50px;
    text-align: center;
}

.pg_tit_t {
    font-size: 46px;
    color: #d13308;
}

.pg_tit_b {
    font-size: 18px;
    color: #d13308;
    margin-top: 5px;
}

.pg_info_box {
    margin-bottom: 100px;
    position: relative;
}

.pg_info_box img {
    max-width: 98%;
}

.pg_info2 {
    margin: 160px 0 100px 0;
    max-height: 9999px;
}

.pg_info2_l {
    float: left;
    width: 350px;
    margin-top: 150px;
}

.pg_info2_l .pg_tit {
    text-align: left;
}

.pg_info2_r {
    float: right;
    width: 820px;
    text-align: right;
}

.pg_form_box {
    width: 500px;
    margin: 0 auto;
}

.pg_input_box {
    margin-bottom: 24px;
    line-height: 35px;
    max-height: 9999px;
    position: relative;
}

.pib_l {
    width: 105px;
    float: left;
    margin-right: 20px;
    text-align: right;
    font-size: 17px;
    color: #333;
}

.pib_r {
    width: 365px;
    float: left;
}

.pib_input {
    width: 340px;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    border: 1px solid #999;
    background: #feeee2;
    border-radius: 2px;
}

.qrsqBtn {
    display: inline-block;
    width: 360px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #d13308;
    color: #fff;
    border-radius: 2px;
}

.qrsqBtn:hover {
    background: #c6330b;
    color: #fff;
}

.pib_error {
    height: 12px;
    line-height: 12px;
    margin: -12px 0 15px 0;
    padding-left: 135px;
    font-size: 12px;
    color: #f00;
}

.w200 {
    width: 200px;
}

.pib_yzm {
    position: absolute;
    top: 0px;
    right: 12px;
    display: inline-block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #CDCDCD;
    color: #333;
    border-radius: 2px;
}

.pib_yzm:hover {
    background: #c2c2c2;
    color: #333;
}

.pib_yzmNo {
    position: absolute;
    top: 0px;
    right: 3px;
    display: inline-block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #d5d5d5;
    color: #999;
    border-radius: 2px;
}

.pib_yzmNo:hover {
    background: #d5d5d5;
    color: #999;
}

.pib_r_other {
    text-align: center;
    color: #666;
}

.dialog {
    z-index: 10000;
    position: fixed;
    width: 500px;
    top: -8888px;
    left: 50%;
    margin-left: -250px;
    _margin-top: 100px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
}

.dialog_header {
    height: 35px;
    line-height: 35px;
    background: url(https://www.51sole.com/Activity/operate/images/bg2.png) left top repeat-x;
    color: #eee;
    font-size: 15px;
    padding: 0 24px;
}

.dialog_center {
    padding: 20px;
    background: #151618;
}

.dialog_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(https://www.51sole.com/Activity/operate/images/close.png) no-repeat;
    background-position: 0 -10px;
}

.dialog_close:hover {
    background-position: 0 0;
}

.ljrz_inputBox {
    line-height: 35px;
    margin-bottom: 16px;
    position: relative;
    max-height: 9999px;
}

.li_l {
    float: left;
    width: 80px;
    font-size: 13px;
    color: #ddd;
    text-align: right;
}

.li_r {
    float: left;
    width: 370px;
    margin-left: 10px;
    font-size: 12px;
    color: #ddd;
}

.ljrz_input {
    width: 345px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #777;
    padding: 0 10px;
    background: none;
    color: #ddd;
}

.w180 {
    width: 180px;
}

.fsyzm {
    position: absolute;
    right: 3px;
    top: 0px;
    width: 150px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #bbb;
    color: #222;
}

.fsyzm:hover {
    background: #e8e8e8;
    color: #222;
}

.fsyzmNo {
    position: absolute;
    right: 3px;
    top: 1px;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #999;
    color: #333;
}

.fsyzmNo:hover {
    background: #999;
    color: #333;
}

.ljrz_tit {
    text-align: center;
    margin-bottom: 20px;
    color: #aaa;
    font-size: 16px;
}

.ljrz_btn_box {
    margin: 20px 0;
    text-align: center;
}

.sqBtn {
    display: inline-block;
    width: 270px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #FD7100;
    color: #fff;
}

.sqBtn:hover {
    color: #fff;
    background: #E75800;
}

.ljrz_error {
    height: 13px;
    line-height: 13px;
    color: #f00;
    padding-left: 90px;
    font-size: 12px;
}

.ljrz_ts {
    text-align: center;
    color: #666;
}

.consult {
    position: fixed;
    right: 0;
    top: 50%;
    width: 25px;
    height: 250px;
    margin-top: -125px;
    overflow: hidden;
    z-index: 11;
}

.consult_wapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.consult_l {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 100%;
}

.consult_show {
    width: 100%;
    height: 58px;
    border-radius: 4px 0 0 4px;
    background: url(https://www.51sole.com/Activity/operate/images/yjt.png) center 45px no-repeat #e1e1e1;
    box-shadow: 0 0 4px #bbb;
    color: #333;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.consult_hide {
    background: url(https://www.51sole.com/Activity/operate/images/zjt.jpg) center 45px no-repeat #e1e1e1;
}

.consult_box {
    position: absolute;
    left: 25px;
    top: 0;
    width: 175px;
    height: 100%;
    background: #e1e1e1;
    text-align: center;
    border-radius: 0 0 0 4px;
    box-shadow: 0 0 4px #bbb;
}

.kf {
    margin-top: 20px;
}

.consult_mobile {
    font-size: 16px;
    color: #464646;
    margin-top: 5px;
}

.consult_btn {
    display: inline-block;
    width: 90%;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    background: #f60;
    color: #fff;
    border-radius: 4px;
}

.consult_btn:hover {
    background: #f50;
    color: #fff;
}

.sqcg_txt {
    padding: 20px 0;
    color: #69AA30;
    font-size: 18px;
    text-align: center;
}

.pd_slide {
    width: 90px;
    height: 173px;
    position: absolute;
    left: 320px;
    top: 265px;
    overflow: hidden;
    border-radius: 6px;
}

.slide .content li {
    float: left;
    width: 100%;
    height: 173px;
    margin-right: 0;
    overflow: hidden;
    border-radius: 6px;
}

.slide .content li a, .slide .content li a img {
    display: block;
    width: 102%;
    height: 100%;
    border-radius: 6px;
}

.cell {
    display: none;
}

.footer {
    width: 100%;
    height: 270px;
    background: #242424;
}

.footer_box {
    width: 820px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    color: #888;
}

.footer_box_t {
    height: 120px;
    overflow: hidden;
    margin-top: 60px;
}

.footer_l {
    float: left;
    width: 325px;
    height: 100%;
    padding-left: 75px;
    background: url(https://www.51sole.com/Activity/operate/images/yes2.png) left top no-repeat;
}

.footer_txt1 {
    font-size: 15px;
    margin-bottom: 10px;
}

.footer_txt2 {
    font-size: 12px;
    line-height: 22px;
}

.footer_btn {
    margin-top: 15px;
}

.footer_btn a {
    display: inline-block;
    width: 107px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    background: #fff;
    color: #333;
}

.footer_btn a:hover {
    background: #f5f5f5;
}

.footer_r {
    float: right;
    width: 325px;
    height: 100%;
    padding-left: 75px;
    background: url(https://www.51sole.com/Activity/operate/images/lxwm.png) left top no-repeat;
}

.footer_box_b {
    margin-top: 55px;
    text-align: center;
    font-size: 12px;
}

@media screen and (max-width: 979px) {
    .price_top {
        background-size: 1200px auto;
        height: 443px;
    }

    .price_top_other, .box, .pg_info2_l, .pg_info2_r {
        width: 100%;
    }

    .pg_info2_l .pg_tit, .pg_info2_r {
        text-align: center;
    }

    .pg_info2_r img {
        max-width: 98%;
    }

    .pg_info2, .pg_info_box {
        margin: 30px 0;
    }

    .pg_info2_l {
        margin-top: 0;
    }

    .price_top_other {
        font-size: 12px;
    }

    .price_top_txt1, .price_top_txt2, .price_top_txt3, .price_top_txt4, .pd_slide {
        display: none;
    }

    .price_top_btn {
        margin-top: 240px;
    }

    .pg_info_box {
        text-align: center;
    }

    .pg_info_box img {
        max-width: 95%;
    }

    .pg_tit_b {
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .price_top {
        background-size: 880px auto;
        height: 280px;
    }

    .price_top_other, .box, .pg_info2_l, .pg_info2_r, .pg_form_box {
        width: 100%;
    }

    .pib_input {
        width: 100%;
        box-sizing: border-box;
    }

    .qrsqBtn {
        width: 100%;
    }

    .box {
        margin-top: 20px;
    }

    .pg_tit {
        margin-bottom: 10px;
    }

    .pg_tit_t {
        font-size: 34px;
    }

    .pg_input_box {
        margin-bottom: 15px;
        position: relative;
        padding: 0 15px 0 115px;
    }

    .pib_l {
        position: absolute;
        left: 10px;
        top: 0;
        width: 90px;
        font-size: 14px;
    }

    .pib_r {
        width: 100%;
        float: none;
        position: relative;
    }

    .pib_yzm {
        top: 2px;
        right: 15px;
        height: 33px;
        line-height: 33px;
    }

    .price_top_btn {
        margin-top: 196px;
    }

    .price_top_btn a {
        width: 130px;
        height: 30px;
        line-height: 30px;
    }

    .dialog {
        width: 96%;
        left: 2%;
        margin-left: 0;
    }

    .ljrz_inputBox {
        padding-left: 90px;
    }

    .li_l {
        position: absolute;
        left: 0;
        top: 0;
    }

    .li_r {
        width: 100%;
        margin: 0;
    }

    .ljrz_input {
        width: 100%;
        box-sizing: border-box;
    }

    .fsyzmNo, .fsyzm {
        top: 2px;
        right: 0;
        height: 32px;
        line-height: 32px;
        width: 120px;
    }

    .ljrz_btn_box {
        margin: 12px 0 20px;
    }
}

@media screen and (max-width: 413px) {
    .price_top {
        background-size: 800px auto;
        height: 253px;
    }

    .pg_tit_t {
        font-size: 30px;
    }

    .pg_tit_b {
        font-size: 15px;
    }

    .price_top_btn {
        margin-top: 177px;
    }
}

@media screen and (max-width: 374px) {
    .price_top {
        background-size: 720px auto;
        height: 228px;
    }

    .pg_tit_t {
        font-size: 24px;
    }

    .pg_tit_b {
        font-size: 14px;
    }

    .price_top_btn {
        margin-top: 157px;
    }

    .pib_yzm {
        width: 100px;
        font-size: 12px;
    }

    .footer {
        display: none;
    }

    .fsyzmNo, .fsyzm {
        width: 90px;
        font-size: 12px;
    }
}