@charset "UTF-8";
/*********************************************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 #FD7100; }
#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*/
.price_top{ height: 708px; background: url(../images/bg.jpg?a=3) center top no-repeat;}
.link_box{ width: 1200px; margin: 0 auto; height: 100%; position: relative;}
.link_box a{ position: absolute; right: 12px; top: 12px; font-size: 12px; color: #fff;}
.link_box a:hover{ text-decoration: underline; }
.link_box a.zszk{ position: absolute; right: 250px; top: 450px; font-size: 16px; color: #f62;}
.price_nav_box{ margin-top: -50px;z-index: 99;position: relative}
.pnbFixed{ width: 100%; height: 74px; position: fixed; top: 0; left: 0; margin-top: 0; z-index: 99;}
.price_nav{ width: 990px; height: 74px; margin: 0 auto; background: url(../images/price_nav_bg.png?a=1) center center no-repeat;}
.price_tab1{ float: left; width: 19%; height: 100%; padding-left: 2.2%;}
.price_tab2{ float: left; width: 19%; height: 100%; text-align: center;}
.w18{width:18%}
.w20{width:20%}
.price_tab2 em{color:#f00;font-style:normal; font-weight: bold;}
.price_nav_t{ font-size: 22px; font-weight: bold; color: #fff; margin:12px 0 2px;}
.price_nav_t a { color: #fff;}
.price_nav_b{ font-size: 14px; color: #ff0;}
.price_nav_b span{ font-size: 14px; color: #ff0; margin-top: 2px; font-weight: bold;}
.price_box{ width: 1000px; margin: 0 auto; font-size: 14px;}
.price_tit{ width: 990px; margin: 0 auto; height: 40px; line-height: 38px; background: #ff6600; border-top: 2px solid #d85700; color: #fff; text-indent: 20px; font-size: 17px; font-weight: bold; }
.price_div1{ width: 990px; margin: 0 auto; line-height: 36px; background: #f3d0b3; color: #073152;}
.price_div2{ width: 990px; margin: 0 auto; line-height: 36px; background: #fbecd1; color: #073152;}
.price_div3{ width: 100%; line-height: 54px; background: #fdf582; box-shadow:0 0 10px #999; color: #073152;}
.price_div4{ width: 100%; line-height: 54px; background: #A2E490; box-shadow:0 0 10px #999; color: #073152;}
.price_div3 .price_tab1,.price_div4 .price_tab1{ text-indent: 5px; }
.price_tab2 img{ vertical-align: middle; margin-bottom: 2px; *margin-top: 8px;}
.double{ line-height: 18px; padding: 8px 0 0 5px; text-indent: 0;}
.redTxt{ color: #f00; padding: 0 4px; }
.pr_box{ position: relative; }
.price_rBox{ position: absolute; right: 0; top: 0; width: 188px; height: 100%; line-height: 216px; text-align: center; font-size: 16px; background: #96D88B; box-shadow:0 0 6px #aaa; color: #f00;}
.yy_box{ box-shadow:0 0 6px #aaa;}
.no_yy{ box-shadow: 0 0 0;}
.yy{ width: 1018px; height: 22px; background: url(//www.51sole.com/Activity/operate/images/yy.png) center top no-repeat; margin: 0 auto 80px;}
.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(//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(//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; _width: 350px; margin-left: 10px; font-size: 12px; color: #ddd;}
.ljrz_input{ width: 345px; _width: 325px; 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: 1px; 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{ z-index:999; position: fixed; right: 0; top: 50%; width: 25px; height: 225px; margin-top: -133px; overflow: hidden;}
.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(//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(//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: 14px; color: #464646; margin: 10px 0 8px;}
.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;}
.footer{ text-align: center; margin-bottom: 30px; color: #666; padding: 0 12px;}
.newtit{height:80px;text-align:center; color:#ff0; line-height: 80px;font-size:24px;font-weight:bold;background:#c00;}
.kmh em{font-size:18px;font-weight:bold;}
@media screen and (max-width:979px){
    .price_top{ background-size:1200px auto; height:443px;}
    .link_box{ width: 100%;}
    .price_nav{ width: 768px;}
    .price_nav_t{ margin-top: 10px; font-size: 19px;}
    .price_nav_b,.price_nav_b span{ font-size: 14px;}
    .price_box{ width: 768px; font-size: 13px;}
    .price_div1,.price_div2,.price_tit{ width: 763px;}
    .price_rBox{ width: 145px;}
    .price_tab2 img{ width: 16px; height: 16px;}
    .yy{ width: 768px; background-size:768px auto; height: 18px; margin-bottom: 60px;}
    .link_box a.zszk{ position: absolute; right: 120px; top: 280px; font-size: 16px; color: #f62;}
}
@media screen and (max-width:767px){
    .price_top{ background-size:650px auto; height:240px;}
    .link_box{ width: 100%;}
    .price_nav{ width: 414px;}
    .price_nav_t{ margin-top: 0px; font-size: 14px;}
    .price_nav_b,.price_nav_b span{ font-size: 13px;}
    .price_box{ width: 414px; font-size: 12px;}
    .price_div1,.price_div2,.price_tit{ width: 410px;}
    .price_rBox{ width: 78px;}
    .price_tab2 img{ width: 16px; height: 16px;}
    .yy{ width: 414px; background-size:414px auto; height: 12px; margin-bottom: 50px;}
    .link_box a.zszk{ position: absolute; right: 12px; top: 140px; font-size: 14px; color: #f62;}
    .dialog{ width: 96%; left: 2%; margin-left: 0;}
    .ljrz_inputBox{ margin-bottom: 0; }
    .ljrz_input{ width: 86%; }
}
@media screen and (max-width:413px){
    .price_top{ background-size:580px auto; height:214px;}
    .link_box{ width: 100%;}
    .price_nav{ width: 375px;}
    .price_nav_t{ margin-top: 4px;}
    .price_nav_t,.price_nav_b,.price_nav_b span{ font-size: 12px; font-weight: normal;}
    .price_box{ width: 375px; font-size: 12px;}
    .price_div1,.price_div2,.price_tit{ width: 371px;}
    .price_rBox{ width: 65px;}
    .price_tab2 img{ width: 14px; height: 14px;}
    .yy{ width: 375px; background-size:375px auto; height: 9px; margin-bottom: 40px;}
    .link_box a.zszk{ position: absolute; right: 12px; top: 125px; font-size: 14px; color: #f62;}
    .dialog{ width: 96%; left: 2%; margin-left: 0;}
    .ljrz_inputBox{ margin-bottom: 0; }
    .ljrz_input{ width: 76%; }
}
@media screen and (max-width:374px){
    .price_top{ background-size:520px auto; height:192px;}
    .link_box{ width: 100%;}
    .price_nav{ width: 320px;}
    .price_nav_t{ margin-top: 4px;}
    .price_nav_t,.price_nav_b,.price_nav_b span{ font-size: 12px; font-weight: normal;}
    .price_box{ width: 320px; font-size: 12px;}
    .price_div1,.price_div2,.price_tit{ width: 316px;}
    .price_rBox{ width: 61px;}
    .price_tab2 img{ width: 12px; height: 12px;}
    .yy{ width: 320px; background-size:320px auto; height: 6px; margin-bottom: 30px;}
    .link_box a.zszk{ position: absolute; right: 12px; top: 110px; font-size: 12px; color: #f62;}
    .dialog{ width: 96%; left: 2%; margin-left: 0;}
    .ljrz_inputBox{ margin-bottom: 0; }
    .ljrz_input{ width: 62%; }
}
@media screen and (max-width:979px) {
    .footer{ margin-bottom: 80px;}
}