@charset "utf-8";
/*Npcink

	版本：1.1
	整理：Muze
	帮助：https://www.npc.ink/13019.html
*/

/*基础样式*/
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    *zoom: 1;
}

@media (min-width: 768px) {
    .container {
        overflow: visible;
        max-width: 1330px;
    }
}

.container:after, .container:before {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
}

.thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(0,0,0,0);
    position: relative;
    overflow: hidden;
}

.thumb, a, a:active, a:visited {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

/*引导收藏*/
.footer-bar {
    position: relative;
    background: #3385ff;
    color: #fff;
    font-size: 14px;
    width: auto;
    display: none;
    overflow: visible
}

@media (min-width:1024px) {
    .footer-bar {
        display: block
    }
}

.footer-bar a {
    color: #fff
}

.footer-bar .container {
    padding-top: 36px!important;
    padding-bottom: 36px!important;
    overflow: visible
}

.footer-bar .site-info {
    width: 60%
}

@media (min-width:768px) {
    .footer-bar .site-info {
        width: auto
    }
}

.footer-bar .site-info h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400
}

@media (min-width:768px) {
    .footer-bar .site-info h2 {
        font-size: 26px
    }
}

.footer-bar .site-info h4 {
    font-size: 14px;
    font-weight: 400
}

.footer-bar .site-fav {
    padding-top: 5px
}

.footer-bar .site-fav .btn-orange {
    font-size: 14px;
    line-height: 2.5;
    padding: 0 1.2em
}

@media (min-width:768px) {
    .footer-bar .site-fav .btn-orange {
        font-size: 16px;
        line-height: 3.5;
        padding: 0 3em
    }
}

.footer-bar .site-girl {
    position: absolute;
    left: 50%;
    bottom: 0
}

.footer-bar .site-girl .girl {
    width: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (min-width:768px) {
    .footer-bar .site-girl .girl {
        left: -50px
    }
}

.footer-bar .site-girl .girl:after {
    content: "Hi~";
    display: block;
    position: absolute;
    left: 100%;
    top: 40%;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.footer-bar .site-girl .thumb {
    padding-top: 116.667%
}

.footer-bar .site-girl .girl-info {
    display: none;
    margin-left: 150px;
    margin-bottom: 60px;
    opacity: .5;
    font-weight: 400
}

@media (min-width:1330px) {
    .footer-bar .site-girl .girl-info {
        display: block
    }
}

@media (min-width:768px) {
    .footer-bar:hover .site-girl .girl {
        left: -80px
    }

    .footer-bar:hover .site-girl .girl:after {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        opacity: .5
    }
}

@media (max-width:767px) {
    .footer-bar .btn-group>.btn:last-child {
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*按钮样式*/
.btn-orange {
    background-color: rgba(0,0,0,0);
    background-image: -webkit-linear-gradient(top,#ff7300,#ff9601);
    background-image: -o-linear-gradient(top,#ff7300 0,#ff9601 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff7300),to(#ff9601));
    background-image: linear-gradient(180deg,#ff7300 0,#ff9601);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff7300",endColorstr="#ffff9601",GradientType=0);
    background-color: #ff7300;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
}

.btn {
    display: block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 2.4;
    outline: none;
    border: none;
}