@charset "UTF-8";

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
body {
    background: #fff
}

#main a {
    text-decoration: none
}

#main .container {
    width: 1088px;
    padding-top: 80px
}

#main .main-content {
    margin-bottom: 81px
}

#main .main-content .phone-num-box {
    position: relative;
    width: 100%;
    min-width: 274px;
    height: 64px;
    line-height: 64px;
    background-color: #f5f7f8;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 32px 100px 100px 0
}

#main .main-content .serive-box {
    overflow: hidden
}

#main .main-content .serive-box .main-content-header {
    margin-top: 0;
    position: relative;
    display: inline-block;
    color: #232525;
    font-size: 28px;
    font-weight: 600;
    font-style: italic
}

#main .main-content .serive-box .main-content-header:after {
    width: 50%;
    height: 5px;
    bottom: -15px;
    content: '';
    position: absolute;
    left: 25%
}

#main .main-content .serive-box.service-guide {
    overflow: hidden;
    margin-top: 80px
}

#main .main-content .serive-box.service-guide .block-sub {
    margin-top: 72px
}

#main .main-content .serive-box.service-guide .item {
    width: 100%;
    display: block;
    color: #333;
    font-size: 19px;
    border-radius: 5px;
    margin-bottom: 60px;
    -webkit-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms
}

#main .main-content .serive-box.service-guide .item:hover {
    color: #f60;
    text-decoration: none
}

#main .main-content .serive-box.service-guide .item .item-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px
}

#main .main-content .serive-box.service-guide .item .icon-appeal {
    background-image: url('imgs/service/icons_v6/appeal-1x.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%
}

@media(-webkit-min-device-pixel-ratio: 2) {
    #main .main-content .serive-box.service-guide .item .icon-appeal {
        background-image: url('imgs/service/icons_v6/appeal-2x.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: transparent;
        background-size: 100%
    }
}

#main .main-content .serive-box.service-guide .item .icon-shensu {
    background-image: url('imgs/service/icons_v6/shensu-1x.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%
}

@media(-webkit-min-device-pixel-ratio: 2) {
    #main .main-content .serive-box.service-guide .item .icon-shensu {
        background-image: url('imgs/service/icons_v6/shensu-2x.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: transparent;
        background-size: 100%
    }
}

#main .main-content .serive-box.service-guide .item .icon-service-online {
    background-image: url('imgs/service/icons_v6/service-online-1x.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%
}

@media(-webkit-min-device-pixel-ratio: 2) {
    #main .main-content .serive-box.service-guide .item .icon-service-online {
        background-image: url('imgs/service/icons_v6/service-online-2x.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: transparent;
        background-size: 100%
    }
}

#main .main-content .serive-box.service-guide .item .icon-help {
    background-image: url('imgs/service/icons_v6/help-1x.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: 100%
}

@media(-webkit-min-device-pixel-ratio: 2) {
    #main .main-content .serive-box.service-guide .item .icon-help {
        background-image: url('imgs/service/icons_v6/help-2x.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: transparent;
        background-size: 100%
    }
}

#main .main-content .serive-box.service-prefecture {
    margin-top: 46px
}

#main .main-content .serive-box.service-prefecture .block-sub {
    margin-top: 40px
}

#main .main-content .serive-box .block-sub .select-app {
    padding: 0
}

#main .main-content .serive-box .block-sub .select-app .app-container-box {
    list-style: none;
    margin-bottom: 48px;
    padding: 0 24px;
    -webkit-transition: padding .3s;
    transition: padding .3s
}

#main .main-content .serive-box .block-sub .select-app .app-container-box .app-container {
    border-radius: 5px;
    cursor: pointer;
    width: 236px;
    display: block;
    position: relative;
    -webkit-transition: opacity .3s, border-color .3s;
    transition: opacity .3s, border-color .3s
}

#main .main-content .serive-box .block-sub .select-app .app-container-box .app-container .logo-box {
    width: 100%;
    height: 132px;
    border: 1px solid #f5f7f8;
    border-radius: 4px;
    background-color: #f5f7f8
}

#main .main-content .serive-box .block-sub .select-app .app-container-box .app-container .logo-box .logo {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 112px
}

#main .main-content .serive-box .block-sub .select-app .app-container-box .app-container .name {
    width: 100%;
    height: 24px;
    line-height: 24px;
    color: #232525;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
    -webkit-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

#main .main-content .serive-box .block-sub .select-app .app-container-box .app-container:hover .name {
    color: #f60
}

#main .main-content .serive-box .block-sub .select-app .app-ae .logo {
    background: url('imgs/layout/app_logos.png') 0 0 no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-ae .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-ro .logo {
    background: url('imgs/layout/app_logos.png') 0 -1824px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-ro .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-xcpd .logo {
    background: url('imgs/layout/app_logos.png') 0 -3534px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-xcpd .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-muse .logo {
    background: url('imgs/layout/app_logos.png') 0 -1596px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-muse .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-xlzz .logo {
    background: url('imgs/layout/app_logos.png') 0 -3762px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-xlzz .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-zzwg .logo {
    background: url('imgs/layout/app_logos.png') 0 -4446px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-zzwg .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-boli .logo {
    background: url('imgs/layout/app_logos.png') 0 -114px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-boli .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-hsqj .logo {
    background: url('imgs/layout/app_logos.png') 0 -570px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-hsqj .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sglms .logo {
    background: url('imgs/layout/app_logos.png') 0 -2052px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sglms .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sbingobell .logo {
    background: url('imgs/layout/app_logos.png') 0 -2280px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sbingobell .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sbingobell2 .logo {
    background: url('imgs/layout/app_logos.png') 0 -2394px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sbingobell2 .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-kd .logo {
    background: url('imgs/layout/app_logos.png') 0 -1026px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-kd .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-xbingobell .logo {
    background: url('imgs/layout/app_logos.png') 0 -3876px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-xbingobell .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-xbingobell2 .logo {
    background: url('imgs/layout/app_logos.png') 0 -3990px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-xbingobell2 .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sssg .logo {
    background: url('imgs/layout/app_logos.png') 0 -2166px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sssg .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-tdyx .logo {
    background: url('imgs/layout/app_logos.png') 0 -3192px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-tdyx .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-ktpd .logo {
    background: url('imgs/layout/app_logos.png') 0 -1254px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-ktpd .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-js .logo {
    background: url('imgs/layout/app_logos.png') 0 -684px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-js .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-jsios .logo {
    background: url('imgs/layout/app_logos.png') 0 -912px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-jsios .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sbingobellios .logo {
    background: url('imgs/layout/app_logos.png') 0 -2736px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sbingobellios .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sbingobellandroid .logo {
    background: url('imgs/layout/app_logos.png') 0 -2622px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sbingobellandroid .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sg2 .logo {
    background: url('imgs/layout/app_logos.png') 0 -1938px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sg2 .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-kssg .logo {
    background: url('imgs/layout/app_logos.png') 0 -1140px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-kssg .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sbingobell2016 .logo {
    background: url('imgs/layout/app_logos.png') 0 -2508px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sbingobell2016 .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-yq .logo {
    background: url('imgs/layout/app_logos.png') 0 -4218px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-yq .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-yg .logo {
    background: url('imgs/layout/app_logos.png') 0 -4104px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-yg .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-yxshz .logo {
    background: url('imgs/layout/app_logos.png') 0 -4332px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-yxshz .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-qclq .logo {
    background: url('imgs/layout/app_logos.png') 0 -1710px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-qclq .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-gsyx .logo {
    background: url('imgs/layout/app_logos.png') 0 -456px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-gsyx .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-wulala .logo {
    background: url('imgs/layout/app_logos.png') 0 -3420px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-wulala .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-compass .logo {
    background: url('imgs/layout/app_logos.png') 0 -228px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-compass .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-sydpx .logo {
    background: url('imgs/layout/app_logos.png') 0 -2850px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-sydpx .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .select-app .app-szyss .logo {
    background: url('imgs/layout/app_logos.png') 0 -2964px no-repeat;
    background-image: -webkit-image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x);
    background-image: image-set(url('imgs/layout/app_logos.png') 1x, url('imgs/layout/app_logos_2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    #main .main-content .serive-box .block-sub .select-app .app-szyss .logo {
        background-image: url('imgs/layout/app_logos_2x.png');
        background-size: 150px auto
    }
}

#main .main-content .serive-box .block-sub .btn-more {
    display: inline-block;
    margin-top: 50px;
    height: 40px;
    line-height: 40px;
    background-color: #f60;
    border-radius: 20px;
    padding: 0 24px;
    color: #fff
}

@media(max-width: 1199px) {
    #main .container {
        width: 980px
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box {
        margin-bottom: 20px;
        padding: 0 10px
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box .app-container {
        width: 215px
    }
}

@media(max-width: 991px) {
    #main .container {
        width: 720px
    }

    #main .main-content .serive-box.service-guide {
        margin-top: 64px
    }

    #main .main-content .serive-box.service-guide .block-sub {
        margin-top: 66px
    }

    #main .main-content .serive-box.service-prefecture {
        margin-top: 30px
    }

    #main .main-content .serive-box.service-prefecture .block-sub {
        margin-top: 32px
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box {
        margin-bottom: 48px;
        padding: 0 24px
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box .app-container {
        width: 312px
    }
}

@media(max-width: 767px) {
    #main .short-desc {
        display: none
    }

    #main .container {
        width: 92.5%;
        padding-top: 48px
    }

    #main .main-content .serive-box.service-guide {
        margin-top: 48px
    }

    #main .main-content .serive-box.service-guide .block-sub {
        margin-top: 57px
    }

    #main .main-content .serive-box.service-prefecture {
        margin-top: 14px
    }

    #main .main-content .serive-box.service-prefecture .block-sub {
        margin-top: 24px
    }

    #main .main-content .serive-box .block-sub .select-app {
        width: 100%
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box {
        padding: 0;
        margin-bottom: 10%
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box .app-container {
        width: 100%
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box .app-container .logo-box {
        height: auto;
        padding-top: 44.59459%
    }

    #main .main-content .serive-box .block-sub .select-app .app-container-box .app-container .logo-box .logo {
        top: 45%;
        margin-top: -63px
    }
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.short-desc {
    height: 264px;
    overflow: hidden;
    background-color: #e9ebec
}

.short-desc .banner-wrapper {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-image: url('imgs/games_v6/news/short_desc@1x.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: transparent;
    background-size: 100% auto;
    background-image: -webkit-image-set(url('imgs/games_v6/news/short_desc@1x.png') 1x, url('imgs/games_v6/news/short_desc@2x.png') 2x);
    background-image: image-set(url('imgs/games_v6/news/short_desc@1x.png') 1x, url('imgs/games_v6/news/short_desc@2x.png') 2x)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio:1.3),
only screen and (min-resolution:124.8dpi),
only screen and (min-resolution:1.3dppx) {
    .short-desc .banner-wrapper {
        background-image: url('imgs/games_v6/news/short_desc@2x.png')
    }
}

@media(max-width: 767px) {
    .short-desc {
        height: 108px
    }
}