@charset"UTF-8";
/* CSS Document 时间：2017.02.12/2017.08.20 */
*{margin:0;padding:0;} img,select{border:none;} a{color:#5E5E5E;cursor:pointer;}

@media (min-width:1101px){
    .w{width:1200px;margin:0 auto;}
    header .header-bar{height:36px;background:#fafafa;border-bottom:1px solid #dfdfdf;}
    header .header-bar .flexible{height:36px;}
    header .header-bar .left-city{width:460px;float:left;font-size:16px;}
    .header-bar .first-level>li strong{color:#0aa770;}
    .header-bar .first-level>li,.header-bar .f-level>li{display:inline-block;line-height:36px;margin-left:15px;color:#8c8c8c;}
    header .header-bar .right-util{width:400px;float:right;}
    header .search-bar{height:80px;padding:20px 0;}
    header .logo{background:url("https://www.sawgrassgrand.com/dianping/detail/images/logo.png") no-repeat;float:left;}
    header .logo a{width:234px;height:65px;text-indent:-99999px;}
    header .sipt{height:37px;padding:1px 10px 0 15px;width:330px;}
    header .yn-nav{width:1100px;float:left;}
    header nav{ border-bottom:#0aa770 2px solid; height:44px; line-height:44px; width:100%;z-index:1000;}
    header .yn-nav .cur{background-color:#0aa770;color:#FFFFFF;border-radius:5px 5px 0 0;}
    header .yn-nav .cur a{color:#FFFFFF;}
    header .mearch{width:428px;float:left;margin:18px 0 0 26px;}
    header .sbtn{font-size:14px;height:40px;width:70px;}
    header .mearch a{float:left;margin:4px 0 0 16px;font-size:12px;color:#5E5E5E;}
    .yn-user{width:100px; float:right; text-align:right;color:#FFFFFF;}
    .yn-user li{list-style:none;width:70px;text-align:right; float:right}
    .yn-user a{display:block;background:#0aa770;border-radius:4px;color:#fff;font-size:12px;width:70px;height:30px;line-height:30px;text-align:center;float:right;margin:6px 0  6px 20px;}
    .yn-user li a,.yn-user a,.yn-user a:link{color:#FFFFFF;text-decoration:none;}
    .yn-nav li{width:100px;height:44px;}
    .yn-nav li:hover{background-color:#0aa770;border-radius:5px 5px 0 0;}
    .yn-nav li:hover a{color:#FFFFFF;}
    .yn-nav li .pa{top:-4px;left:10px;}
    .yn-nav li a{color:#333333;text-decoration:none;font-size:16px;}
    article{margin-top:5px!important;}
    article .left{ width:870px; float:left;}
    article .right{ width:300px; float:right;}
    .footer-nav{width:1192px;margin:0 auto;}
    .footer .bom{width:670px;float:left;margin:40px 15px 40px 270px;}
    .footer .bom a{margin-right:12px;line-height:35px;font-size:14px;}
    .footer .bom .txt{height:40px;}
    .Q_pic1,.Q_sign1{background:url("https://www.sawgrassgrand.com/dianping/detail/images/icon2013.png") no-repeat;}
    .sign,.signa,.signb,.signc,.signd,.signe,.signf,.signg,.signh,.signi,.signj,.signq{background:url("https://www.sawgrassgrand.com/dianping/detail/images/icon2013.png") no-repeat;display:block;}
    .signi{background-position:-203px -484px;width: 10px;height: 30px;float:right;margin: 3px 10px 0 3px;}
    .signj{background-position:-233px -478px;width: 10px;height: 30px;float:right;margin:0 5px 0 3px;}
    .QQ_S{width:90px;height: 172px;position:fixed;right: 10px;top: 40%; z-index:99999;}
    .Q_top{width:100%;background:#E6E6E6;height:30px;line-height:30px;text-align: right;cursor:pointer;}
    .Q_botm{width: 84px;border: 3px solid #E6E6E6;}
    .Q_pic,.Q_anser,.Q_sign{width:100%;height: 45px;border-bottom:2px solid #E6E6E6;background: url("https://www.sawgrassgrand.com/dianping/detail/images/icon2013.png") no-repeat;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
    .Q_pic{background-position:20px -458px;}
    .Q_anser{background-position:-242px -384px;}
    .Q_sign{background-position:-241px -434px;}
    .Q_anser_hide,.Q_pic_hide,.Q_sign_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -84px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;}
    .hide_pic,.hide_pic1,.hide_pic2{width:100%;height: 26px;background: url("https://www.sawgrassgrand.com/dianping/detail/images/icon2013.png") no-repeat;display:block;}
    .hide_pic{background-position:-242px -348px;}
    .hide_pic1{background-position:-100px -467px;}
    .hide_pic2{background-position:-243px -479px;}
    .Q_pic:hover .Q_pic_hide,.Q_anser:hover .Q_anser_hide,.Q_sign:hover .Q_sign_hide,.Q_pic1:hover .Q_pic1_hide,.Q_sign1:hover .Q_sign1_hide{left:0;}
    .Q_pic a, .Q_anser a,.Q_sign a,.Q_pic a:hover,.Q_anser a:hover,.Q_sign a:hover,.Q_pic1 a,.Q_pic1 a:hover,.Q_sign1 a,.Q_sign1 a:hover{color:white;}
    a.blank{width:100%;height:100%;display:block;}
    .QQ_S1{width:60px;height: 110px;position:fixed;right:10px;bottom:0;display:none;}
    .Q_top1{width:100%;height:30px;background:#E6E6E6;line-height:30px;text-align:right;cursor:pointer;}
    .Q_botm1{width:56px;border:2px solid #E6E6E6;height: 70px;}
    .Q_pic1{border-bottom:2px solid #E6E6E6;width:100%;height:33px;background-position:-55px -465px;position:relative;overflow:hidden;color: white;text-align:center;line-height:33px;cursor:pointer;background-color:white;}
    .Q_sign1{width:100%;line-height:33px; height:35px;background-position:-255px -437px;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
    .Q_pic1_hide,.Q_sign1_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -56px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;cursor:pointer;}
    .Q_sign1_hide a{font-size:12px;}
    .mgg{display:none!important;}
}
@media (max-width:1100px) and (min-width:50px){
    .mr{margin-right:0!important;}
    .QQ_S,.QQ_S1,.dn{display:none!important;}
    header .search-bar{padding:0;}
    header .logo{width:100%;background:#0aa770;text-align:center;padding-bottom:1.5%;}
    header .logo a{color:#fff;font-size:18px;padding-top:1%;}
    header .sipt{width:82%;height:28px;}
    header .mearch{width:80%;margin:3% auto;}
    header .sbtn{width:16%;height:30px;line-height:28px;font-size:12px;}
    header .yn-nav{width:96%;margin:4% auto;}
    header .yn-nav li,header .yn-user{width:24%;margin:0 1.3% 1.2% 0;float:left;text-align:center;}
    .yn-nav li a,header .yn-user a{display:block;border:1px solid #0aa770;background:#fff;line-height:32px;color:#8A8A8A;}
    header .yn-user{width:23%;}
    header .mearch a{float:left;margin:4px 0 0 16px;font-size:12px;color:#5E5E5E;}
    .footer-nav{width:100%;}
    .footer .bom{width:90%;margin:0 auto;}
    .footer .bom a{margin-right:1%;line-height:28px;font-size:12px;}
    .footer .bom .txt{padding-top:3%;}
    .mgg2{display:none!important;}
}
