@charset "gb2312";
/* CSS Document */

.apst-wrapper,
.apst-wrapper::before,
.apst-wrapper::after,
.apst-wrapper *,
.apst-wrapper *::before,
.apst-wrapper *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
-o-box-sizing: border-box; box-sizing: border-box;}
.apst-wrapper {display: none;position: fixed;z-index: 99999;cursor: pointer;box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;
-ms-user-select: none;user-select: none;width:100%}

.apst-top {top: 20px; }

.apst-bottom {bottom: 20px;}

.apst-left {left: 20px;}

.apst-center { left: 50%; margin-left: -40px; }

.apst-right { bottom: 0; left: 0; margin: auto; right: 0;  }

.apst-button { display: block;position: relative; width: 35px; left:0; right:0; margin:auto; height: 35px; background:url(../images/arow.png) no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.apst-button::before {content: ""; display: block;
        position: relative;
        left: 0; right:0; margin:auto;
        top: 33px;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: all 0.2s;
           -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
             -o-transition: all 0.2s;
                transition: all 0.2s;
        }

    .apst-button:hover {
       /*-- background-color: #333;--*/
        }

    .apst-button:hover::before {
       /*-- border-color: white;--*/
        }

    @media only screen and (max-width: 640px) {
        .apst-center {
            margin-left: -35px;
            }

        .apst-button {
            width: 70px;
            height: 70px;
            }

        .apst-button::before {
            left: 25px;
            top: 27px;
            width: 20px;
            height: 20px;
            }
        }

    @media only screen and (max-width: 400px) {
        .apst-center {
            margin-left: -30px;
            }

        .apst-button {
            width: 60px;
            height: 60px;
            }

        .apst-button::before {
            left: 21px;
            top: 23px;
            width: 18px;
            height: 18px;
            border-width: 5px;
            }
        }