@charset "UTF-8";

/*
ul,ol { list-style: none;}
a {color: #666;text-decoration: none;}
*/
* {box-sizing: border-box;}

/*.drawer-open .drawer .btn-close { right: 220px; }
.drawer .btn-close img { height: 50px; }
.no-transform .drawer .inner > ul > li > ul > li.active > a:after { height: 0; }
*/
.btn-quick { visibility:hidden;opacity:0;position:fixed;top:20px;right:0px;z-index: 200;
    -webkit-transition: visibility 0.4s, opacity 0.4s;
            transition: visibility 0.4s, opacity 0.4s;
}

.quick-wrap { position: fixed; top: 50px; right: 25px; bottom: 0; z-index: 1008; width: 105px; }
/*.modal-open .quick-wrap { right: 17px; }*/
.quick-wrap .btn-close { position: absolute; top: 0; right: -80px;
    -webkit-transition: right 0.8s;
            transition: right 0.8s;
}
.quick-wrap .btn-close img { height: 50px; }
.quick_sms{ border:0; margin:40px 0 0 7px;}
.quick { position: absolute; top: 140px; right: -13px; bottom: 0; width: 105px; background-color: #f8f8f8; border-left:#ccc 1px solid;  border-right:#ccc 1px solid;border-top: 1px solid #ccc;}

.quick h2 { padding: 10px 0; /*background:url(../img/quick_headbg.jpg);*/ color: #000; background:#FC0; line-height: 16px; text-align: center;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.quick ul li { border-top: 1px solid #ccc; }
.quick ul li:first-child { border-top: 0; }
.quick ul li a { display: block; padding: 15px 0; color: #000; font-size: 12px; text-align: center;  }
.quick ul li a:hover { background:#fff; }

.quick ul li.item1 a { background:#009900; font-size:14px; font-weight:bold; color:#FFF; }/*background: url(../../right/img/icon01.png) no-repeat; background-position:23px 13px;*/
.quick ul li.item2 a { background:#663399; font-size:14px; font-weight:bold; color:#FFF;}
.quick ul li.item3 a { }
.quick ul li.item4 a { }
.quick ul li.item5 a { }
.quick ul li.item6 a { }

.quick ul li.item1 a:hover {  background:#13af13; font-size:14px; font-weight:bold; }/*background: url(../../right/img/icon01_on.png) no-repeat; background-position:23px 13px;*/
.quick ul li.item2 a:hover {  background:#8252b2; font-size:14px; font-weight:bold; }
.quick ul li.item3 a:hover { }
.quick ul li.item4 a:hover { }
.quick ul li.item5 a:hover { }
.quick ul li.item6 a:hover { }

.quick .btn-top a { display:block;position:relative;height:35px;padding-top:15px;background-color:#4e4e4e;color:#a7a7a7;font-size:11px;text-align:center}
.quick .btn-top a:hover { color:#FFF}
.quick .btn-top a:before { content: " ";display:block;position:absolute;top:8px;left:50%;margin-left:-6px;width:0;height:0;border:6px solid transparent;border-top:0;border-bottom: 6px solid #a7a7a7; }


@media screen and (max-width: 1100px) {
    .btn-quick { visibility: visible; opacity: 1; }
    .quick-open { overflow:hidden; }
    .quick-open body { overflow:hidden; padding-right: 0; }
    .quick-wrap { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 200; width: auto;
        -webkit-transition: visibility 0.4s, opacity 0.4s, background 0.4s;
        transition: visibility 0.4s, opacity 0.4s, background 0.4s;
    }
    .quick { overflow-y: auto; position: absolute; top: 0; right: -220px; bottom: 0; z-index: 10; width: 70px; background-color: #FFF; box-shadow: 2px 0 8px rgba(0,0,0,0.5);
        -webkit-transition: right 0.4s;
        transition: right 0.4s;
        -webkit-overflow-scrolling: touch;
    }
    .quick-open .quick-wrap { visibility: visible;  opacity: 1;  }
    .quick-open .btn-close { right: 70px; }
    .quick-open .quick { right: 0; }
    .quick h2 { padding: 9px 0; font-size: 12px; }

}