@charset "utf-8";
/* CSS Document */
img { max-width: 100%; }
.left-nav ul:after { clear: both; height: 0; content: ''; }
.blet-ec img { width: 100%; max-width: 100%; height: auto; }
.wblol { display: none; }
.mob-ndel { display: none; }
.psltn .wildm { width: 165px; }
.oders span { display: none; }
.lolost table td em { display: none; }





@media (max-width: 1200px) {
    body { padding-top: 50px; }
    .wrap { width: 100%; }
    .falist { padding: 0 15px; }
    .cp-olos { margin-top: 0; }
    .top { position: fixed; border-bottom: none; padding: 0 2%; width: 100%; left: 0; top: 0; background: #fff; z-index: 10; height: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
    .top .right-con { height: auto; }
    .top .logo { width: 20%; }
    .top .logo a { max-width: 100%; width: 50px; height: 45px; align-items: center; margin-left: 0; }
    .top .logo img { width: auto; height: 40px; margin-top: 5px; }
    .left-nav { visibility: hidden; position: fixed; left: 0; height: 100%; margin-right: 0; width: 100%; top: 50px; line-height: inherit; bottom: auto; background: none; overflow: auto; }
    .left-nav.active { visibility: visible; }

    .left-nav .ont { visibility: hidden; background: rgba(0,0,0,0.8); position: relative; left: 10%; opacity: 0; z-index: 999; }
    .left-nav.active .ont { visibility: visible; opacity: 1; left: 0; }

    .left-nav:after { display: block; content: ''; background: #000; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; }
    .left-nav.active:after { opacity: .3; }

    .left-nav .ont li { width: 100%; text-align: left; border-bottom: solid 1px #333; }
    .left-nav .ont li:before { content: ''; display: block; width: 50px; height: 50px; position: absolute; right: 0; background: url(../images/icon10.png) no-repeat center center; z-index: 9999; background-size: 15px; opacity: 0.3; }
    .left-nav .ont li:last-child { border-bottom: none; }
    .left-nav .ont li > a { width: 100%; line-height: 50px; padding: 0 6%; color: #fff; }
    .left-nav .ont li .colt { background: rgba(0,0,0,0.3); width: 100%; display: block; visibility: hidden; position: absolute; top: 0; border-radius: 0; }
    .left-nav .ont li .colt.active { position: relative; visibility: visible; opacity: 1; }
    .left-nav .ont li .colt a { line-height: 49px; text-indent: 2%; padding: 0 6%; color: #fff; border-bottom: solid 1px #333; font-size: 16px; }
    .left-nav .ont li .colt a:hover { background: #cf9f57; }
    .left-nav .ont li .colt a:last-child { border-bottom: none; }

    .left-nav .ont > li .solt { left: 0; }

    .left-nav .ont > li .solt.active { background: rgba(0,0,0,0.3); position: relative; visibility: visible; opacity: 1; }
    .left-nav .ont > li .solt a { line-height: 49px; text-indent: 5%; padding: 0 6%; color: #fff; border-bottom: solid 1px #333; font-size: 16px; }


    .left-nav .ont li.link { color: #FFF; }
    .left-nav .ont li.link > a { display: inline; padding: 0 3%; }

    .details-intro iframe { height: 250px !important; }
    .top .con2 .sp-car { padding: 5px 0 !important; }
    .resl, .sing, .sp-car, .search { padding: 5px 0; }
    .sing a:hover { background: #231f20 url(../images/s2-2.png) no-repeat 15px center; color: #fff; transition: all 0.5s ease; background-size: 20px; }

    .top .con1 { display: none; }
    .top .con1 .search { margin: 0; width: auto; background: none; height: 60px; }
    .top .con1 .search span { display: block; width: 40px; height: 40px; background: url(../images/sear.png) no-repeat center center; background-size: 25px; }
    .top .con1 .search div { display: none; position: absolute; top: 60px; right: 0; width: 220px; background: #f5f5f5; height: 50px; line-height: 50px; }
    .top .con1 .search .inl01 { width: 165px; display: inline-block; float: none }
    .top .con2 { width: 80%; padding-top: 0; }
    .top .con2 .riloc { height: 60px; margin: 0; }
    .top .con2 .riloc .search { display: block; margin: 0; width: auto; background: none; height: 60px; }
    .top .con2 .riloc .search span { display: block; width: 40px; height: 40px; background: url(../images/sear.png) no-repeat center center; background-size: 23px; }
    .top .con2 .riloc .search div { display: none; border-radius: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top: 60px; right: 0; width: 220px; background: #fff; height: 42px; line-height: 38px; }
    .top .con2 .riloc .search .inl01 { width: 80%; display: inline-block; float: none }

    .head-lang { width: 46px; background-size: 25px; margin-right: 0; line-height: 50px; height: 50px; background-position: center center; }
    .head-lang > a { display: none; }
    .head-lang-main { left: -126%; }
    .head-lang-main:before { top: -6px; left: 28%; }
    .head-lang-main.active { top: 60px; }

    .nrlos { padding: 0; }


    .pay-for { margin-top: 20px; }
    .pay-for .inline-list { width: 100%; text-align: left; }
    .pay-for .inline-list li { width: 15%; overflow: hidden; }
    .inline-list li span svg { width: 38px; height: 50px; left: 3px; top: -12px; }
    .inline-list li:nth-child(3) span svg { width: 28px; height: 51px; left: 8px; top: -13px; }
    .inline-list li:nth-child(4) span svg { width: 39px; height: 50px; left: 2px; top: -12px; }
    .inline-list li:nth-child(5) span svg { width: 32px; height: 49px; left: 6px; top: -11px; }
    .inline-list li:nth-child(6) span svg { width: 38px; height: 50px; left: 2px; top: -12px; }
    .sp-car a:hover { color: #333; }
    .sp-car input { width: 100%; }
    .sp-car .collect-box { overflow: hidden; color: #333; margin-left: 0; clear: both; display: block; text-align: center; margin-top: 20px; }
    .foot { padding: 10px 2%; }
    .foot dl { display: none; }
    .tlost { width: 100%; text-align: center; padding: 0; }
    .tilcst, .leols-os, .tilo-cp { width: 100%; }
    .leols-os h3 a { width: 33.333%; margin: 0; }
    .boxsc { display: none; }
    .wblol { display: block; width: 450px; margin: 0 auto; max-width: 100%; }
    .tilcst { margin-top: 15px; }
    .logts { width: 100%; }
    .logts.fr { width: 100%; border: none; }
    .lseot { width: 100%; position: relative; min-height: auto; float: none; border: none; }
    .mil-dl { display: none; }
    .slatl { padding: 0; padding-bottom: 50px; }
    .preslt { background: none; margin-bottom: 15px; border-color: #fff; }
    .rostl { width: 100%; padding: 0; margin: 10px 0 0; font-size: 16px; }
    .xlits .pay { position: initial; width: 100%; margin: 20px 0; }
    .mflte { z-index: 1; margin: 0; display: none; position: absolute; left: 0; top: 60px; width: 100%; background: #000; }
    .mflte li a { text-indent: 0; padding: 5px 20px; color: #FFF; }
    .mflte li a.cur { color: #FFF; background: none; font-weight: bold; }
    .mob-ndel { display: block; color: #fff; padding: 0 20px; background: #000 url(../images/xl2.png) no-repeat 96% center; line-height: 60px; height: 60px; background-size: 20px; border-radius: 5px; }
    .rostl h3 { line-height: 40px; margin-bottom: 8px; display: none; }

    .lolost { width: 100%; border: none; padding: 0; border-radius: 5px; overflow: hidden; }
    .olsot { width: 100%; margin-left: 0; margin-top: 15px; }

    .prelst { overflow: hidden; clear: both; }
    .prelst li { width: 100%; }
    .prelst-name { padding: 6px 21px; }
    .prelst span { padding: 5px 0; font-size: 16px; }
    .prelst-price { padding: 6px 21px; }

    .stlms textarea { height: 100px; }
}

@media (max-width: 1023px) {
    .xlits { padding: 20px; border: solid 2px #ededed; }
    .xlits.small { padding: 0 10px; }
    .preslt { margin: 30px 0; font-size: 16px; }
}

@media (max-width: 860px) {
    input, button { -webkit-appearance: none; border-radius: 0; }
    .siol input, .siol select { width: 100%; }
    .siol input.fr { margin-top: 20px; }
    .sublst { text-align: center; }
    .sublst input { width: 100%; }
}

@media (max-width: 1023px) {
    .resl { display: none; }
    .sp-car .spts { padding: 0; text-indent: 0 }
    .sp-car .spts a { background: url(../images/s3-1.png) no-repeat 10px center; background-size: 26px; padding: 0 20px; line-height: 40px; }
    .sp-car .spts i { display: none; }
    .cpl-tek li a .pic span { width: 28px; height: 28px; top: 10px; left: 10px; }
    .sp-car .spts span { background: 0 0; color: #FFF; position: relative; right: -10px; font-size: 12px; bottom: 8px; background: #EB3941; border-radius: 100%; width: 15px; height: 15px; line-height: 16px; margin: 0 }
    .sing a { padding-right: 15px; height: 40px; max-width: 38px; overflow: hidden; text-indent: 9999px; background: url(../images/s2-1.png) no-repeat 10px center; background-size: 23px }
    .sing a:hover { background: #FFF url(../images/s2-1.png) no-repeat 10px center; background-size: 25px; }
    .liols .imd { height: 35px; }
    .liols .eds, .colos input, .bulsm input { height: 39px; width: 100%; }
    .reslit { padding: 10px 0; }
    .reslit .logts { margin-bottom: 32px; }
    .index-cont h2 { text-align: center; margin-top: 10px; font-weight: bold; font-size: 16px; }
    .cli-cp li { width: 49%; }
    .cli-cp li:nth-child(5n) { margin-right: 2%; }
    .cli-cp li:nth-child(2n) { margin-right: 0%; }
    .blitl { font-size: 20px; padding: 50px 10px 30px 10px; border: none; text-align: center; color: #333; }
    .clist { line-height: 20px; padding: 20px 0 0 10px; font-size: 12px; }
    .clist a{ font-size: 12px; }
    .selm { padding: 0; }
    .selm li { width: 100%; }
    .selm li .subl { width: 100%; }
    .uiot { clear: both; }
    .uiot b { font-size: 16px; }
    .uiot.c b { font-size: 20px; }
    .tilo-cp dl dd { width: 200px; float: left; margin-left: 10px; }
    .logts, .logts.fr { width: 308px; margin: 0 auto; padding: 0; float: none; }
    .psltn_emali a { padding: 0 20px; line-height: 39px; }
    .psltn tr:last-child td:first-child { display: none; }
    .psltn tr.no-flex td { display: inherit; }
    .psltn td { display: flex; }
    .psltn label { margin: 0; display: block; width: 100%; }
    .psltn td .sli01 { width: 100%; }
    .psltn td:first-child { text-align: right; padding-right: 10px; }
    .psltn td:last-child { text-align: left; color: #999; }
    .psltn .wildm { width: 100px; }
    .psltn td .getls { width: 100%; }
    .oders thead { display: none; }
    .oders tr { border-bottom: 1px solid #EDEDED; }
    .oders tbody td { float: left; width: 100%; text-align: left; border: none; padding: 7px 10px; }
    .oders tbody td { padding: 15px 0 0 0; }

    .oders.info td { display: none; }
    .oders.info td:first-child { display: block; }
    .oders.info td { padding: 20px 0 !important; }
    .oders.info tr:last-child { border-bottom: 0; }

    .oders td:last-child { text-align: center; padding: 20px; }
    /*.oders td a.op { background: #231f20; color: #fff; padding: 5px 10px; margin: 2px; border-radius: 3px; }*/
    .oders span { display: inline-block; font-weight: normal; margin-right: 5px; color: #231f20; width: 39%; text-align: right; }
    .oders td a img { width: 25%; }
    .palot tbody td:first-child > div > a { display: table-cell; }


    .oders-mob-item-r { display: table-cell; vertical-align: top; font-size: 14px }
    .oders-mob-item-r span { display: block; color: #999; }

    .flxi a { margin-left: 10px; }
    .flxi a img { width: 30px; }

    .palot tbody td:first-child div > a { width: 80%; font-size: 14px; }
    .palot span { width: auto; }
    .palot td { padding: 10px 20px !important; border-top: dashed 1px #ededed !important; }
    .palot td:first-child { border-top: none !important; }
    .palot td:last-child { text-align: left; }

    .sokts { font-size: 14px; }
    .sokts:last-child { font-size: 16px; }

    .lolost table td em { display: inline-block; float: left; font-weight: bold; margin-right: 5px; }
    .sp1-ct { padding: 10px 0; }
    .lolost table thead { display: none; }
    .lolost table tr { border-bottom: 1px solid #FFF; background: #F2F2F2; }
    .lolost table td { float: left; width: 100%; text-align: left; padding: 8px; border-bottom: 1px dashed #FFF; }
    .lolost table td:last-child { text-align: center; padding: 15px 0; text-align: center; border-bottom: none; }
    .lolost table tfoot td { float: none; }
    .lolost table .op { background: #231f20; color: #fff; padding: 8px 10px; margin: 0 auto; border-radius: 5px; width: 95%; display: block; }
    .lolost table .tl { width: 300px; }
    .lolost table .tl dd { width: 200px; }
    .lolost table .tl dt img { width: 50px; height: 50px; border-radius: 5px; }

    .mob-nav { display: block; padding: 15px 10px 15px 0; margin-left: 10px; float: left; height: 50px; line-height: inherit; }
    .mob-nav i { display: block; width: 22px; height: 2px; background-color: #333; }
    .mob-nav:before { content: ''; display: block; width: 22px; height: 2px; background-color: #333; transition: transform .3s ease; -webkit-transition: transform .3s ease; border-radius: 1px; outline: 1px solid transparent; margin-bottom: 6px; }
    .mob-nav:after { content: ''; display: block; width: 22px; height: 2px; background-color: #333; transition: transform .3s ease; -webkit-transition: transform .3s ease; border-radius: 1px; margin-top: 6px; }
    .mob-nav.active i { width: 0; }
    .mob-nav.active:before { transform-origin: left top; -webkit-transform-origin: left top; transform: translate3d(0,0,0) rotate(45deg); -webkit-transform: translate3d(0,0,0) rotate(45deg); }
    .mob-nav.active:after { transform-origin: left bottom; -webkit-transform-origin: left bottom; transform: translate3d(0,0,0) rotate(-45deg); -webkit-transform: translate3d(0,0,0) rotate(-45deg); }
}