@charset "UTF-8";
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body {
    margin:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:700
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
hr {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height:auto
}
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:700
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
*,:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}
body {
    font-size:14px;
    line-height:1.42857143;
    //color:#333
}
button,input,select,textarea {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a {
    color:#337ab7;
    text-decoration:none
}
a:focus,a:hover {
    color:#23527c;
    text-decoration:underline
}
a:focus {
    outline:-webkit-focus-ring-color auto 5px;
    outline-offset:-2px
}
figure {
    margin:0
}
img {
    vertical-align:middle
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive {
    display:block;
    max-width:100%;
    height:auto
}
.img-rounded {
    border-radius:6px
}
.img-thumbnail {
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto
}
.img-circle {
    border-radius:50%
}
hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
[role=button] {
    cursor:pointer
}
.container,.container-fluid {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
/*
@media (min-width:768px) {
    .container {
        width:750px
    }
}@media (min-width:992px) {
    .container {
        width:970px
    }
}@media (min-width:1200px) {
    .container {
        width:1170px
    }
}.row {
     margin-left:-15px;
     margin-right:-15px
 }
 */
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float:left
}
.col-xs-12 {
    width:100%
}
.col-xs-11 {
    width:91.66666667%
}
.col-xs-10 {
    width:83.33333333%
}
.col-xs-9 {
    width:75%
}
.col-xs-8 {
    width:66.66666667%
}
.col-xs-7 {
    width:58.33333333%
}
.col-xs-6 {
    width:50%
}
.col-xs-5 {
    width:41.66666667%
}
.col-xs-4 {
    width:33.33333333%
}
.col-xs-3 {
    width:25%
}
.col-xs-2 {
    width:16.66666667%
}
.col-xs-1 {
    width:8.33333333%
}
.col-xs-pull-12 {
    right:100%
}
.col-xs-pull-11 {
    right:91.66666667%
}
.col-xs-pull-10 {
    right:83.33333333%
}
.col-xs-pull-9 {
    right:75%
}
.col-xs-pull-8 {
    right:66.66666667%
}
.col-xs-pull-7 {
    right:58.33333333%
}
.col-xs-pull-6 {
    right:50%
}
.col-xs-pull-5 {
    right:41.66666667%
}
.col-xs-pull-4 {
    right:33.33333333%
}
.col-xs-pull-3 {
    right:25%
}
.col-xs-pull-2 {
    right:16.66666667%
}
.col-xs-pull-1 {
    right:8.33333333%
}
.col-xs-pull-0 {
    right:auto
}
.col-xs-push-12 {
    left:100%
}
.col-xs-push-11 {
    left:91.66666667%
}
.col-xs-push-10 {
    left:83.33333333%
}
.col-xs-push-9 {
    left:75%
}
.col-xs-push-8 {
    left:66.66666667%
}
.col-xs-push-7 {
    left:58.33333333%
}
.col-xs-push-6 {
    left:50%
}
.col-xs-push-5 {
    left:41.66666667%
}
.col-xs-push-4 {
    left:33.33333333%
}
.col-xs-push-3 {
    left:25%
}
.col-xs-push-2 {
    left:16.66666667%
}
.col-xs-push-1 {
    left:8.33333333%
}
.col-xs-push-0 {
    left:auto
}
.col-xs-offset-12 {
    margin-left:100%
}
.col-xs-offset-11 {
    margin-left:91.66666667%
}
.col-xs-offset-10 {
    margin-left:83.33333333%
}
.col-xs-offset-9 {
    margin-left:75%
}
.col-xs-offset-8 {
    margin-left:66.66666667%
}
.col-xs-offset-7 {
    margin-left:58.33333333%
}
.col-xs-offset-6 {
    margin-left:50%
}
.col-xs-offset-5 {
    margin-left:41.66666667%
}
.col-xs-offset-4 {
    margin-left:33.33333333%
}
.col-xs-offset-3 {
    margin-left:25%
}
.col-xs-offset-2 {
    margin-left:16.66666667%
}
.col-xs-offset-1 {
    margin-left:8.33333333%
}
.col-xs-offset-0 {
    margin-left:0
}
@media (min-width:768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }
    .col-sm-12 {
        width:100%
    }
    .col-sm-11 {
        width:91.66666667%
    }
    .col-sm-10 {
        width:83.33333333%
    }
    .col-sm-9 {
        width:75%
    }
    .col-sm-8 {
        width:66.66666667%
    }
    .col-sm-7 {
        width:58.33333333%
    }
    .col-sm-6 {
        width:50%
    }
    .col-sm-5 {
        width:41.66666667%
    }
    .col-sm-4 {
        width:33.33333333%
    }
    .col-sm-3 {
        width:25%
    }
    .col-sm-2 {
        width:16.66666667%
    }
    .col-sm-1 {
        width:8.33333333%
    }
    .col-sm-pull-12 {
        right:100%
    }
    .col-sm-pull-11 {
        right:91.66666667%
    }
    .col-sm-pull-10 {
        right:83.33333333%
    }
    .col-sm-pull-9 {
        right:75%
    }
    .col-sm-pull-8 {
        right:66.66666667%
    }
    .col-sm-pull-7 {
        right:58.33333333%
    }
    .col-sm-pull-6 {
        right:50%
    }
    .col-sm-pull-5 {
        right:41.66666667%
    }
    .col-sm-pull-4 {
        right:33.33333333%
    }
    .col-sm-pull-3 {
        right:25%
    }
    .col-sm-pull-2 {
        right:16.66666667%
    }
    .col-sm-pull-1 {
        right:8.33333333%
    }
    .col-sm-pull-0 {
        right:auto
    }
    .col-sm-push-12 {
        left:100%
    }
    .col-sm-push-11 {
        left:91.66666667%
    }
    .col-sm-push-10 {
        left:83.33333333%
    }
    .col-sm-push-9 {
        left:75%
    }
    .col-sm-push-8 {
        left:66.66666667%
    }
    .col-sm-push-7 {
        left:58.33333333%
    }
    .col-sm-push-6 {
        left:50%
    }
    .col-sm-push-5 {
        left:41.66666667%
    }
    .col-sm-push-4 {
        left:33.33333333%
    }
    .col-sm-push-3 {
        left:25%
    }
    .col-sm-push-2 {
        left:16.66666667%
    }
    .col-sm-push-1 {
        left:8.33333333%
    }
    .col-sm-push-0 {
        left:auto
    }
    .col-sm-offset-12 {
        margin-left:100%
    }
    .col-sm-offset-11 {
        margin-left:91.66666667%
    }
    .col-sm-offset-10 {
        margin-left:83.33333333%
    }
    .col-sm-offset-9 {
        margin-left:75%
    }
    .col-sm-offset-8 {
        margin-left:66.66666667%
    }
    .col-sm-offset-7 {
        margin-left:58.33333333%
    }
    .col-sm-offset-6 {
        margin-left:50%
    }
    .col-sm-offset-5 {
        margin-left:41.66666667%
    }
    .col-sm-offset-4 {
        margin-left:33.33333333%
    }
    .col-sm-offset-3 {
        margin-left:25%
    }
    .col-sm-offset-2 {
        margin-left:16.66666667%
    }
    .col-sm-offset-1 {
        margin-left:8.33333333%
    }
    .col-sm-offset-0 {
        margin-left:0
    }
}@media (min-width:992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }
    .col-md-12 {
        width:100%
    }
    .col-md-11 {
        width:91.66666667%
    }
    .col-md-10 {
        width:83.33333333%
    }
    .col-md-9 {
        width:75%
    }
    .col-md-8 {
        width:66.66666667%
    }
    .col-md-7 {
        width:58.33333333%
    }
    .col-md-6 {
        width:50%
    }
    .col-md-5 {
        width:41.66666667%
    }
    .col-md-4 {
        width:33.33333333%
    }
    .col-md-3 {
        width:25%
    }
    .col-md-2 {
        width:16.66666667%
    }
    .col-md-1 {
        width:8.33333333%
    }
    .col-md-pull-12 {
        right:100%
    }
    .col-md-pull-11 {
        right:91.66666667%
    }
    .col-md-pull-10 {
        right:83.33333333%
    }
    .col-md-pull-9 {
        right:75%
    }
    .col-md-pull-8 {
        right:66.66666667%
    }
    .col-md-pull-7 {
        right:58.33333333%
    }
    .col-md-pull-6 {
        right:50%
    }
    .col-md-pull-5 {
        right:41.66666667%
    }
    .col-md-pull-4 {
        right:33.33333333%
    }
    .col-md-pull-3 {
        right:25%
    }
    .col-md-pull-2 {
        right:16.66666667%
    }
    .col-md-pull-1 {
        right:8.33333333%
    }
    .col-md-pull-0 {
        right:auto
    }
    .col-md-push-12 {
        left:100%
    }
    .col-md-push-11 {
        left:91.66666667%
    }
    .col-md-push-10 {
        left:83.33333333%
    }
    .col-md-push-9 {
        left:75%
    }
    .col-md-push-8 {
        left:66.66666667%
    }
    .col-md-push-7 {
        left:58.33333333%
    }
    .col-md-push-6 {
        left:50%
    }
    .col-md-push-5 {
        left:41.66666667%
    }
    .col-md-push-4 {
        left:33.33333333%
    }
    .col-md-push-3 {
        left:25%
    }
    .col-md-push-2 {
        left:16.66666667%
    }
    .col-md-push-1 {
        left:8.33333333%
    }
    .col-md-push-0 {
        left:auto
    }
    .col-md-offset-12 {
        margin-left:100%
    }
    .col-md-offset-11 {
        margin-left:91.66666667%
    }
    .col-md-offset-10 {
        margin-left:83.33333333%
    }
    .col-md-offset-9 {
        margin-left:75%
    }
    .col-md-offset-8 {
        margin-left:66.66666667%
    }
    .col-md-offset-7 {
        margin-left:58.33333333%
    }
    .col-md-offset-6 {
        margin-left:50%
    }
    .col-md-offset-5 {
        margin-left:41.66666667%
    }
    .col-md-offset-4 {
        margin-left:33.33333333%
    }
    .col-md-offset-3 {
        margin-left:25%
    }
    .col-md-offset-2 {
        margin-left:16.66666667%
    }
    .col-md-offset-1 {
        margin-left:8.33333333%
    }
    .col-md-offset-0 {
        margin-left:0
    }
}@media (min-width:1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }
    .col-lg-12 {
        width:100%
    }
    .col-lg-11 {
        width:91.66666667%
    }
    .col-lg-10 {
        width:83.33333333%
    }
    .col-lg-9 {
        width:75%
    }
    .col-lg-8 {
        width:66.66666667%
    }
    .col-lg-7 {
        width:58.33333333%
    }
    .col-lg-6 {
        width:50%
    }
    .col-lg-5 {
        width:41.66666667%
    }
    .col-lg-4 {
        width:33.33333333%
    }
    .col-lg-3 {
        width:25%
    }
    .col-lg-2 {
        width:16.66666667%
    }
    .col-lg-1 {
        width:8.33333333%
    }
    .col-lg-pull-12 {
        right:100%
    }
    .col-lg-pull-11 {
        right:91.66666667%
    }
    .col-lg-pull-10 {
        right:83.33333333%
    }
    .col-lg-pull-9 {
        right:75%
    }
    .col-lg-pull-8 {
        right:66.66666667%
    }
    .col-lg-pull-7 {
        right:58.33333333%
    }
    .col-lg-pull-6 {
        right:50%
    }
    .col-lg-pull-5 {
        right:41.66666667%
    }
    .col-lg-pull-4 {
        right:33.33333333%
    }
    .col-lg-pull-3 {
        right:25%
    }
    .col-lg-pull-2 {
        right:16.66666667%
    }
    .col-lg-pull-1 {
        right:8.33333333%
    }
    .col-lg-pull-0 {
        right:auto
    }
    .col-lg-push-12 {
        left:100%
    }
    .col-lg-push-11 {
        left:91.66666667%
    }
    .col-lg-push-10 {
        left:83.33333333%
    }
    .col-lg-push-9 {
        left:75%
    }
    .col-lg-push-8 {
        left:66.66666667%
    }
    .col-lg-push-7 {
        left:58.33333333%
    }
    .col-lg-push-6 {
        left:50%
    }
    .col-lg-push-5 {
        left:41.66666667%
    }
    .col-lg-push-4 {
        left:33.33333333%
    }
    .col-lg-push-3 {
        left:25%
    }
    .col-lg-push-2 {
        left:16.66666667%
    }
    .col-lg-push-1 {
        left:8.33333333%
    }
    .col-lg-push-0 {
        left:auto
    }
    .col-lg-offset-12 {
        margin-left:100%
    }
    .col-lg-offset-11 {
        margin-left:91.66666667%
    }
    .col-lg-offset-10 {
        margin-left:83.33333333%
    }
    .col-lg-offset-9 {
        margin-left:75%
    }
    .col-lg-offset-8 {
        margin-left:66.66666667%
    }
    .col-lg-offset-7 {
        margin-left:58.33333333%
    }
    .col-lg-offset-6 {
        margin-left:50%
    }
    .col-lg-offset-5 {
        margin-left:41.66666667%
    }
    .col-lg-offset-4 {
        margin-left:33.33333333%
    }
    .col-lg-offset-3 {
        margin-left:25%
    }
    .col-lg-offset-2 {
        margin-left:16.66666667%
    }
    .col-lg-offset-1 {
        margin-left:8.33333333%
    }
    .col-lg-offset-0 {
        margin-left:0
    }
}table {
     background-color:transparent
 }
caption {
    padding-top:8px;
    padding-bottom:8px;
    color:#777;
    text-align:left
}
th {
    text-align:left
}
.table {
    width:100%;
    max-width:100%;
    margin-bottom:20px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-bottom:1px solid #efefef;//#ddd
}
.table>thead>tr>th {
    vertical-align:bottom;
    border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top:0
}
.table>tbody+tbody {
    border-top:2px solid #ddd
}
.table .table {
    background-color:#fff
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding:5px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border:1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#f9f9f9
}
.table-hover>tbody>tr:hover {
    background-color:#f5f5f5
}
table col[class*=col-] {
    position:static;
    float:none;
    display:table-column
}
table td[class*=col-],table th[class*=col-] {
    position:static;
    float:none;
    display:table-cell
}
.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color:#f5f5f5
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color:#e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color:#dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color:#d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color:#c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color:#faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color:#f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color:#ebcccc
}
.table-responsive {
    overflow-x:auto;
    min-height:.01%
}
@media screen and (max-width:767px) {
    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space:nowrap
    }
    .table-responsive>.table-bordered {
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom:0
    }
}.btn {
     display:inline-block;
     margin-bottom:0;
     font-weight:400;
     text-align:center;
     vertical-align:middle;
     -ms-touch-action:manipulation;
     touch-action:manipulation;
     cursor:pointer;
     background-image:none;
     border:1px solid transparent;
     white-space:nowrap;
     padding:6px 12px;
     font-size:14px;
     line-height:1.42857143;
     border-radius:4px;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none
 }
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline:-webkit-focus-ring-color auto 5px;
    outline-offset:-2px
}
.btn.focus,.btn:focus,.btn:hover {
    color:#333;
    text-decoration:none
}
.btn.active,.btn:active {
    outline:0;
    background-image:none;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor:not-allowed;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none
}
a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events:none
}
.btn-default {
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.focus,.btn-default:focus {
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default {
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color:#333;
    background-color:#d4d4d4;
    border-color:#8c8c8c
}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    background-image:none
}
.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color:#fff;
    border-color:#ccc
}
.btn-default .badge {
    color:#fff;
    background-color:#333
}
.btn-primary {
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary.focus,.btn-primary:focus {
    color:#fff;
    background-color:#286090;
    border-color:#122b40
}
.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    background-image:none
}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary .badge {
    color:#337ab7;
    background-color:#fff
}
.btn-success {
    color:#fff;
    background-color:#5cb85c;
    border-color:#4cae4c
}
.btn-success.focus,.btn-success:focus {
    color:#fff;
    background-color:#449d44;
    border-color:#255625
}
.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success {
    color:#fff;
    background-color:#449d44;
    border-color:#398439
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color:#fff;
    background-color:#398439;
    border-color:#255625
}
.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    background-image:none
}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color:#5cb85c;
    border-color:#4cae4c
}
.btn-success .badge {
    color:#5cb85c;
    background-color:#fff
}
.btn-info {
    color:#fff;
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info.focus,.btn-info:focus {
    color:#fff;
    background-color:#31b0d5;
    border-color:#1b6d85
}
.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info {
    color:#fff;
    background-color:#31b0d5;
    border-color:#269abc
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color:#fff;
    background-color:#269abc;
    border-color:#1b6d85
}
.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    background-image:none
}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color:#5bc0de;
    border-color:#46b8da
}
.btn-info .badge {
    color:#5bc0de;
    background-color:#fff
}
.btn-warning {
    color:#fff;
    background-color:#f0ad4e;
    border-color:#eea236
}
.btn-warning.focus,.btn-warning:focus {
    color:#fff;
    background-color:#ec971f;
    border-color:#985f0d
}
.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {
    color:#fff;
    background-color:#ec971f;
    border-color:#d58512
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color:#fff;
    background-color:#d58512;
    border-color:#985f0d
}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    background-image:none
}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color:#f0ad4e;
    border-color:#eea236
}
.btn-warning .badge {
    color:#f0ad4e;
    background-color:#fff
}
.btn-danger {
    color:#fff;
    background-color:#d9534f;
    border-color:#d43f3a
}
.btn-danger.focus,.btn-danger:focus {
    color:#fff;
    background-color:#c9302c;
    border-color:#761c19
}
.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {
    color:#fff;
    background-color:#c9302c;
    border-color:#ac2925
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color:#fff;
    background-color:#ac2925;
    border-color:#761c19
}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    background-image:none
}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color:#d9534f;
    border-color:#d43f3a
}
.btn-danger .badge {
    color:#d9534f;
    background-color:#fff
}
.btn-link {
    color:#337ab7;
    font-weight:400;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color:transparent
}
.btn-link:focus,.btn-link:hover {
    color:#23527c;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color:#777;
    text-decoration:none
}
.btn-lg {
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
.btn-sm {
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-xs {
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn-block {
    display:block;
    width:100%
}
.btn-block+.btn-block {
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width:100%
}
.fade {
    opacity:0;
    -webkit-transition:opacity .15s linear;
    -o-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.fade.in {
    opacity:1
}
.collapse {
    display:none
}
.collapse.in {
    display:block
}
tr.collapse.in {
    display:table-row
}
tbody.collapse.in {
    display:table-row-group
}
.collapsing {
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-property:height,visibility;
    -o-transition-property:height,visibility;
    transition-property:height,visibility;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
.nav {
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
.nav>li {
    position:relative;
    display:block
}
.nav>li>a {
    position:relative;
    display:block;
    padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover {
    text-decoration:none;
    background-color:#eee
}
.nav>li.disabled>a {
    color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color:#777;
    text-decoration:none;
    background-color:transparent;
    cursor:not-allowed
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color:#eee;
    border-color:#337ab7
}
.nav .nav-divider {
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:#e5e5e5
}
.nav>li>a>img {
    max-width:none
}
.nav-tabs {
    border-bottom:1px solid #ddd
}
.nav-tabs>li {
    float:left;
    margin-bottom:-1px
}
.nav-tabs>li>a {
    margin-right:2px;
    line-height:1.42857143;
    border:1px solid transparent;
    border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
    border-color:#eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color:#555;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom-color:transparent;
    cursor:default
}
.nav-tabs.nav-justified {
    width:100%;
    border-bottom:0
}
.nav-tabs.nav-justified>li {
    float:none
}
.nav-tabs.nav-justified>li>a {
    text-align:center;
    margin-bottom:5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top:auto;
    left:auto
}
@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width:1%
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom:0
    }
}.nav-tabs.nav-justified>li>a {
     margin-right:0;
     border-radius:4px
 }
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border:1px solid #ddd
}
@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius:4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color:#fff
    }
}.nav-pills>li {
     float:left
 }
.nav-pills>li>a {
    border-radius:4px
}
.nav-pills>li+li {
    margin-left:2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color:#fff;
    background-color:#337ab7
}
.nav-stacked>li {
    float:none
}
.nav-stacked>li+li {
    margin-top:2px;
    margin-left:0
}
.nav-justified {
    width:100%
}
.nav-justified>li {
    float:none
}
.nav-justified>li>a {
    text-align:center;
    margin-bottom:5px
}
.nav-justified>.dropdown .dropdown-menu {
    top:auto;
    left:auto
}
@media (min-width:768px) {
    .nav-justified>li {
        display:table-cell;
        width:1%
    }
    .nav-justified>li>a {
        margin-bottom:0
    }
}.nav-tabs-justified {
     border-bottom:0
 }
.nav-tabs-justified>li>a {
    margin-right:0;
    border-radius:4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border:1px solid #ddd
}
@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius:4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color:#fff
    }
}.tab-content>.tab-pane {
     display:none
 }
.tab-content>.active {
    display:block
}
.nav-tabs .dropdown-menu {
    margin-top:-1px;
    border-top-right-radius:0;
    border-top-left-radius:0
}
.media {
    margin-top:15px
}
.media:first-child {
    margin-top:0
}
.media,.media-body {
    zoom:1;
    overflow:hidden
}
.media-body {
    width:10000px
}
.media-object {
    display:block
}
.media-object.img-thumbnail {
    max-width:none
}
.media-right,.media>.pull-right {
    padding-left:10px
}
.media-left,.media>.pull-left {
    padding-right:10px
}
.media-body,.media-left,.media-right {
    display:table-cell;
    vertical-align:top
}
.media-middle {
    vertical-align:middle
}
.media-bottom {
    vertical-align:bottom
}
.media-heading {
    margin-top:0;
    margin-bottom:5px
}
.media-list {
    padding-left:0;
    list-style:none
}
.panel {
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
    padding:15px
}
.panel-heading {
    padding:10px 15px;
    border-bottom:1px solid transparent;
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle {
    color:inherit
}
.panel-title {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit
}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color:inherit
}
.panel-footer {
    padding:10px 15px;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom:0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width:1px 0;
    border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top:0;
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius:0;
    border-top-left-radius:0
}
.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child {
    border-top-width:0
}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom:0
}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-left:15px;
    padding-right:15px
}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-right-radius:3px;
    border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius:3px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top:0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border:0
}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left:0
}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right:0
}
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom:0
}
.panel>.table-responsive {
    border:0;
    margin-bottom:0
}
.panel-group {
    margin-bottom:20px
}
.panel-group .panel {
    margin-bottom:0;
    border-radius:4px
}
.panel-group .panel+.panel {
    margin-top:5px
}
.panel-group .panel-heading {
    border-bottom:0
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top:1px solid #ddd
}
.panel-group .panel-footer {
    border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom:1px solid #ddd
}
.panel-default {
    border-color:#ddd
}
.panel-default>.panel-heading {
    color:#333;
    background-color:#f5f5f5;
    border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#ddd
}
.panel-default>.panel-heading .badge {
    color:#f5f5f5;
    background-color:#333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#ddd
}
.panel-primary {
    border-color:#337ab7
}
.panel-primary>.panel-heading {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#337ab7
}
.panel-primary>.panel-heading .badge {
    color:#337ab7;
    background-color:#fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#337ab7
}
.panel-success {
    border-color:#d6e9c6
}
.panel-success>.panel-heading {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#d6e9c6
}
.panel-success>.panel-heading .badge {
    color:#dff0d8;
    background-color:#3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#d6e9c6
}
.panel-info {
    border-color:#bce8f1
}
.panel-info>.panel-heading {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#bce8f1
}
.panel-info>.panel-heading .badge {
    color:#d9edf7;
    background-color:#31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#bce8f1
}
.panel-warning {
    border-color:#faebcc
}
.panel-warning>.panel-heading {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#faebcc
}
.panel-warning>.panel-heading .badge {
    color:#fcf8e3;
    background-color:#8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#faebcc
}
.panel-danger {
    border-color:#ebccd1
}
.panel-danger>.panel-heading {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:#ebccd1
}
.panel-danger>.panel-heading .badge {
    color:#f2dede;
    background-color:#a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color:#ebccd1
}
.modal-open {
    overflow:hidden
}
.modal {
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog {
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%);
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out
}
.modal.in .modal-dialog {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal {
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog {
    position:relative;
    width:auto;
    margin:10px
}
.modal-content {
    position:relative;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5);
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    outline:0
}
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop-trans {
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1040;
}
.modal-backdrop.fade {
    opacity:0;
    filter:alpha(opacity=0)
}
.modal-backdrop.in {
    opacity:.5;
    filter:alpha(opacity=50)
}
.modal-header {
    padding:15px;
    /*text-align:center;*/
    border-bottom:1px solid #e5e5e5;
}
.modal-header .close {
    margin-top:-2px;
    float:right;
    border:0;
    padding:0;
    background:transparent;
    font-weight: bold;
    font-size:20px;
    color:#000;
    opacity:0.2;
}
.modal-title {
    margin:0;
    line-height:1.42857143
}
.modal-body {
    text-align:center;
    position:relative;
    padding:15px
}
.modal-footer {
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
    margin-left:5px;
    margin-bottom:0
}
.modal-footer .btn-group .btn+.btn {
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
    margin-left:0
}
.modal-scrollbar-measure {
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (min-width:768px) {
    .modal-dialog {
        width:600px;
        margin:30px auto
    }
    .modal-content {
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm {
        width:300px
    }
}@media (min-width:992px) {
    .modal-lg {
        width:900px
    }
}.carousel {
     position:relative
 }
.carousel-inner {
    position:relative;
    overflow:hidden;
    width:100%
}
.carousel-inner>.item {
    display:none;
    position:relative;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -o-transition:-o-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        left:0
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        left:0
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        left:0
    }
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
     display:block
 }
.carousel-inner>.active {
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next {
    left:100%
}
.carousel-inner>.prev {
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left:0
}
.carousel-inner>.active.left {
    left:-100%
}
.carousel-inner>.active.right {
    left:100%
}
.carousel-control {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:15%;
    opacity:.5;
    filter:alpha(opacity=50);
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color:transparent
}
.carousel-control.left {
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}
.carousel-control.right {
    left:auto;
    right:0;
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}
.carousel-control:focus,.carousel-control:hover {
    outline:0;
    color:#fff;
    text-decoration:none;
    opacity:.9;
    filter:alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position:absolute;
    top:50%;
    margin-top:-10px;
    z-index:5;
    display:inline-block
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev {
    width:20px;
    height:20px;
    line-height:1;
    font-family:serif
}
.carousel-control .icon-prev:before {
    content:'\2039'
}
.carousel-control .icon-next:before {
    content:'\203a'
}
.carousel-indicators {
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    margin-left:-30%;
    padding-left:0;
    list-style:none;
    text-align:center
}
.carousel-indicators li {
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    border:1px solid #fff;
    border-radius:10px;
    cursor:pointer;
    background-color:transparent
}
.carousel-indicators .active {
    margin:0;
    width:12px;
    height:12px;
    background-color:#fff
}
.carousel-caption {
    position:absolute;
    left:15%;
    right:15%;
    bottom:20px;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
    text-shadow:none
}
@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left:-10px
    }
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right:-10px
    }
    .carousel-caption {
        left:20%;
        right:20%;
        padding-bottom:30px
    }
    .carousel-indicators {
        bottom:20px
    }
}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
     content:" ";
     display:table
 }
.clearfix:after,.container-fluid:after,.container:after,.modal-footer:after,.modal-header:after,.nav:after,.panel-body:after,.row:after {
    clear:both
}
.center-block {
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right {
    float:right!important
}
.pull-left {
    float:left!important
}
.hide {
    display:none!important
}
.show {
    display:block!important
}
.invisible {
    visibility:hidden
}
.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.hidden {
    display:none!important
}
.affix {
    position:fixed
}
a:visit {
    color:inherit
}
#main {
    position:absolute;
    left:0;
    top:0;
    width:100%
}
#primary {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    //overflow:hidden
}
#navigation {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    height:48px;
    z-index:2;
    background:#f5f5f5
}
#loadingOverlay {
    position:fixed;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    margin-left:-40px;
    margin-top:-40px;
    text-align:center;
    border-radius:10px;
    background:rgba(0,0,0,.4);
    color:#fff;
    font-size:12px;
    line-height:20px;
    z-index:100;
    padding-top:16px
}
#loadingOverlay .icon {
    font-size:24px
}
body {
    background-color:#efeff4;
    font-family:'Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif
}
p {
    letter-spacing:.4px;
    margin:0;
    padding:0
}
ul {
    padding:0;
    margin:0
}
.none {
    display:none
}
.section-title {
    font-weight:400;
    font-size:11px;
    color:#9f9f9f;
    padding-top:4px;
    padding-bottom:4px;
    margin:0 0 0 16px
}
.vip .user-photo {
    z-index:10;
    background-color:#F7C630!important
}
.vip .user-name p {
    color:#C1AB00!important
}
.vip .vip-label {
    display:inline-block!important
}
#bannerRegion {
    width:100%;
    overflow:hidden;
    position:relative;
    display:block;
    max-width:100%;
    height:auto
}
.slidesjs-navigation {
    display:none
}
.slidesjs-container {
    z-index:3
}
.slidesjs-container img {
    width:100%
}
.slidesjs-pagination {
    position:absolute;
    right:10px;
    bottom:8px;
    z-index:5
}
.slidesjs-pagination li {
    float:left;
    height:10px;
    margin:0 4px
}
.slidesjs-pagination a {
    display:block;
    width:10px;
    height:10px;
    overflow:hidden;
    line-height:99px;
    background:#fff;
    border-radius:5px;
    -webkit-border-radius:5px;
    background-clip:padding-box;
}
.slidesjs-pagination .active {
    width:10px;
    background:#48B8FF
}
#gameIndexWrapper .recent-content {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
}
#gameIndexWrapper #wrapper,#random-wrapper {
    position:relative;
    z-index:1;
    height:90px;
    width:100%;
    background:#fff;
    overflow:hidden;

    -ms-touch-action:none;
    border-bottom: 0px;
}
#gameIndexWrapper #scroller,#random-scroller {
    position:absolute;
    z-index:1;
    -webkit-tap-highlight-color:transparent;
    height:90px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -o-text-size-adjust:none;
    text-size-adjust:none
}
#gameIndexWrapper #scroller ul,#random-scroller ul {
    list-style-type:none;
    width:100%;
    padding:0;
    margin:0
}
#gameIndexWrapper #scroller li,#random-scroller li {
    width:80px;
    height:90px;
    float:left;
    background-color:#fff;
    overflow:hidden;
    text-align:center
}
#gameIndexWrapper #scroller li>a>img,#random-scroller li>a>img {
    width:50px;
    height:50px;
    margin-top:10px
}
#gameIndexWrapper #scroller li>p,#random-scroller li>p {
    font-size:11px;
    margin-top:5px;
    margin-bottom:0;
    color:#1f1f1f
}
#gameIndexWrapper .user-tab-bar {
    margin-top:10px;
    background-color:#fff;
    text-align:center;
    border-bottom:1px solid #ddd;
}
#gameIndexWrapper .user-tab {
    display:inline-block;
    width:24%;
    padding:0;
    margin:0;
    vertical-align:middle;
    float:left;
}
#gameIndexWrapper .user-tab span {
    display:block;
    font-size:1.1em;
    font-weight:bold;
    color:black;
    margin:0 8px;
    padding:11px 0;
    text-align:left;
    position:relative;
}
#gameIndexWrapper .user-tab.active span {
    border-bottom:2px solid #2697FC;
    color:#2697FC
}
#gameIndexWrapper .gift-tab{
    width:33.3333333%;
}
#gameIndexWrapper .games-list {
    margin-bottom:50px
}
#gameIndexWrapper .games-list-content {
    //border-top:1px solid #ddd;
    border-bottom:0px; //1px solid #ddd;
    background-color:#fff;
    padding:0 12px
}
#gameIndexWrapper .games-list-content>div {
    border-bottom:1px solid #efefef;//#ddd
}
#gameIndexWrapper .game-icon {
    width:50px;
    height:50px;
    margin-right:2px
}
#gameIndexWrapper .game-title {
    font-size:15px;
    color:#000;
    margin-top:0;
    margin-bottom:7px;
    position:relative;
}
#gameIndexWrapper .game-title span {
    margin-left:1px;
    padding:0 2px;
    font-size:10px;
    border-radius:2px;
    position:relative;
    top:-2px;
}
#gameIndexWrapper .game-title span.new{
    color:#fd1301;
    border:1px solid #fd1301;
}
#gameIndexWrapper .game-title span.coupon {
    color:#2697FC;
    border:1px solid #2697FC;
}
#gameIndexWrapper .game-title span.hot {
    color:#fd9b01;
    border:1px solid #fd9b01;
}
#gameIndexWrapper .game-title span.elite {
    color:#6d16bf;
    border:1px solid #6d16bf;
}
#gameIndexWrapper .game-title span.recommend {
    color:#1a7d03;
    border:1px solid #1a7d03;
}
#gameIndexWrapper .game-title span.first {
    color:#E52BA8;
    border:1px solid #E52BA8;
}
#gameIndexWrapper .game-desc {
    font-size:12px;
    color:#888;
    //margin-top:5px;
    margin-bottom:1px
}
#gameIndexWrapper .game-friends {
    font-size:10px;
    color:#888;
    margin-top:0;
    margin-bottom:3px;
    letter-spacing:.2px
}
#gameIndexWrapper .game-friends img {
    width:15px;
    height:15px;
    vertical-align:sub
}
#gameIndexWrapper .game-enter-button {
    float:right;
    background-color:#f2f2f2;
    color:#5d5d5d;
    padding:3px 9px;
    border-color:#e4e4e4
}
#gameIndexWrapper .games-list-content>div[class~=media] {
    margin-top:9px;
    padding-bottom:5px
}
#gameIndexWrapper .label-new {
    position:absolute;
    left:2px;
    top:50%;
    margin-top:-28px;
}
#gameIndexWrapper .label-right{
    position:absolute;
    right:-21px;
    border-bottom:3px solid transparent;
    border-right:5px solid red;
    -ms-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
#gameIndexWrapper .label-new .label-new-main {
    position:absolute;
    width:16px;
    height:16px;
    background:red
}
#gameIndexWrapper .label-new .label-new-corner {
    position:absolute;
    width:0;
    height:0;
    top:16px;
    border-bottom:3px solid transparent;
    border-right:8px solid red;
    border-left:8px solid red
}
#gameIndexWrapper .label-new p {
    color:#fff;
    display:inline-block;
    position:absolute;
    top:1px;
    left:2px;
    font-size:12px
}
.more, {
    background-color:#fff;
}
.more span {
    display:block;
    padding:15px;
    text-align:center
}
#topBarWrapper .header {
    position:relative;
    height:40px;
    display:block;
    background-color:#fff
}
#topBarWrapper .user-photo {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.5);
    padding:2px;
    position:absolute;
    left:10px;
    top:3px;
    z-index:15
}
#topBarWrapper .user-photo .vip-label {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:26px;
    height:12px
}
#topBarWrapper .user-photo .photo {
    width:46px;
    height:46px;
    border-radius:50%;
    vertical-align:middle
}
#topBarWrapper .user-name p {
    margin:0;
    font-size:1.1em;
    position:absolute;
    left:65px; //75px;
    top:12px;//3px;
    color:#444;
    font-weight:400
}
#topBarWrapper .user-name p span {
    font-size:.7em;
    font-family:"Times New Roman",Times,serif;
    color:#88d3fe;
    border:1px solid #88d3fe;
    vertical-align:15%
}
#topBarWrapper .user-level {
    margin:0;
    font-size:.8em;
    position:absolute;
    left:75px;
    top:21px;
    color:#999;
    letter-spacing:-3px;
    vertical-align:middle
}
#topBarWrapper .follow-button {
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    text-decoration:none
}
#topBarWrapper .follow-button img {
    height:40px
}
#topBarWrapper .brand-img {
    position:absolute;
    right:0;
    top:0;
    height:40px
}
#topBarWrapper .modal-header h4 {
    text-align:center
}
#topBarWrapper .modal-body {
    width:220px;
    height:220px;
    position:relative;
    margin:auto
}
#topBarWrapper .qrcode {
    width:200px;
    height:200px
}
#topBarWrapper .modal-footer h4 {
    text-align:center
}
#friendsWrapper {
    margin-bottom:50px
}

#friendsWrapper .user-tab-bar {
    background-color:#fff;
    text-align:center
}
#friendsWrapper .user-tab {
    display:inline-block;
    width:32%;
    padding:0;
    margin:0;
    vertical-align:middle
}
#friendsWrapper .user-tab span {
    display:block;
    font-size:1.1em;
    color:#888;
    margin:0 8px;
    padding:11px 0;
    text-align:center
}
#friendsWrapper .user-tab.active span {
    border-bottom:2px solid #2697FC;
    color:#2697FC
}

#friendsWrapper .friends-title {
    background-color:#fff;
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
    margin-bottom:10px
}
#friendsWrapper .friends-title p {
    margin:0
}
#friendsWrapper .friends-list {
    padding:0 12px;
    background-color:#fff
}
#friendsWrapper .friends-list div[class~=media] {
    border-bottom:1px solid #ddd;
    padding-top:6px;
    padding-bottom:3px
}
#friendsWrapper .media-body {
    position:relative
}
#friendsWrapper .user-photo {
    width:45px;
    height:45px;
    border-radius:50%;
    background-color:#ddd;
    padding:2px;
    margin-top:4px;
    margin-bottom:4px;
    position:relative
}
#friendsWrapper .user-photo .vip-label {
    display:none;
    position:absolute;
    width:22px;
    height:10px;
    top:0;
    left:0
}
#friendsWrapper .user-photo .photo {
    display:inline-block;
    width:41px;
    height:41px;
    border-radius:50%
}
#friendsWrapper .user-name p {
    font-size:1.1em;
    margin:2px 0;
    padding-top:5px
}
#friendsWrapper .user-name p span {
    font-size:.7em;
    font-family:"Times New Roman",Times,serif;
    color:#88d3fe;
    border:1px solid #88d3fe;
    vertical-align:15%
}
#friendsWrapper .user-level {
    font-size:.8em;
    margin:2px 0;
    letter-spacing:-3px;
    vertical-align:middle
}
#friendsWrapper .user-game {
    display:inline-block;
    position:absolute;
    width:18px;
    height:18px;
    right:1px;
    top:17px
}
#friendsWrapper .more {
    background-color:#fff
}
#friendsWrapper .more span {
    display:block;
    padding:15px;
    text-align:center
}

#friendsWrapper .search-input {
    line-height: 2;
    /*border:2px;
    border-radius:6px;
    solid #CCC;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.5);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.5);*/
}

#profileWrapper {
    //margin-bottom:50px;
    background: linear-gradient(to bottom,#1273d8,#89dfef) 0 0/100% 100%;
}
#profileWrapper .tab-page {
    display:none
}
#profileWrapper .tab-page-selected {
    display:block
}

#profileWrapper .menu-content {
    width:100%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-bottom: 90px;
}

#profileWrapper ul {
    list-style-type:none;
    width:100%;
    padding:0;
    margin:0
}
#profileWrapper li {
    width: 33.3333%;
    height:90px;
    float:left;
    background-color:#fff;
    overflow:hidden;
    text-align:center;
}
#profileWrapper li>a>img {
    width:50px;
    height:50px;
    margin-top:10px
}
#profileWrapper li>p {
    font-size:11px;
    margin-top:5px;
    margin-bottom:0;
    color:#1f1f1f
}

#profileWrapper .user-detail {
    background:linear-gradient(to bottom,#1273d8,#89dfef) 0 0/100% 100% no-repeat;
    display:block;
    height:180px;
    text-align:center
}
#profileWrapper .user-id {
    display:inline-block;
    position:absolute;
    left:0px;
    margin:5px;
    padding:3px;
    color:#ddd;
    border-radius:5px;
    background-color:rgba(0,0,0,.5)
}
#profileWrapper .fun-btn {
    display:inline-block;
    position:absolute;
    right:0;
    margin:1px;
    padding:3px;
    color:#ddd;
    border-radius:5px;
    line-height: 2;
}
#profileWrapper .user-photo {
    position:relative;
    width:75px;
    height:75px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.5);
    padding:2px;
    margin:0 auto;
    top:30px;
}
#profileWrapper .user-photo .photo {
    display:inline-block;
    width:71px;
    height:71px;
    border-radius:50%
}
#profileWrapper .user-photo .vip-label {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:30px;
    height:14px
}
#profileWrapper .user-name {
    text-align:center;
    margin-top:3px
}
#profileWrapper #vip{
    margin-top:35px;
    height:50px;
}
#profileWrapper .user-name p {
    display:inline-block;
    margin:0;
    padding:2px 3px;
    text-align:center;
    font-size:1.1em;
    //color:#eee;
    font-weight:400;
    border-radius:5px;
    //background-color:rgba(0,0,0,.4)
}
#profileWrapper .user-name p span {
    font-size:.7em;
    font-family:"Times New Roman",Times,serif;
    color:#88d3fe;
    border:1px solid #88d3fe;
    vertical-align:15%
}
#profileWrapper .user-level {
    text-align:center;
    margin-top:2px;
    letter-spacing:-3px;
    vertical-align:middle
}
#profileWrapper .user-level p {
    display:inline-block;
    margin:0;
    padding:2px 3px;
    text-align:center;
    font-size:.9em;
    color:#eee;
    border-radius:5px;
    background-color:rgba(0,0,0,.4)
}
#profileWrapper .level-vip-desc {
    display:inline-block;
    position:absolute;
    font-size:.8em;
    right:0;
    top:148px;
    margin:5px;
    padding:3px;
    color:#ddd;
    border-radius:5px;
    background-color:rgba(0,0,0,.4);
    text-decoration:underline
}
#profileWrapper .user-level-detail {
    text-align:center;
    margin-top:2px
}
#profileWrapper .user-level-detail p {
    display:inline-block;
    margin:0;
    padding:2px 3px;
    text-align:center;
    font-size:.8em;
    color:#ddd;
    border-radius:5px;
    background-color:rgba(0,0,0,.4)
}
#profileWrapper .user-tab-bar {
    background-color:#fff;
    text-align:center
}
#profileWrapper .user-tab {
    display:inline-block;
    width:49%;
    padding:0;
    margin:0;
    vertical-align:middle
}
#profileWrapper .user-tab span {
    display:block;
    font-size:1.1em;
    color:#888;
    margin:0 8px;
    padding:11px 0;
    text-align:center
}
#profileWrapper .user-tab.active span {
    border-bottom:2px solid #2697FC;
    color:#2697FC
}
#profileWrapper #last-played {
    border-top:1px solid #ddd;
    background-color:#fff;
    padding:0 12px
}
#profileWrapper #last-played .no-recent {
    padding-top:100px;
    padding-bottom:800px;
    text-align:center
}
#profileWrapper #last-played>div {
    border-bottom:1px solid #ddd;
    margin-top:5px;
    padding-bottom:5px
}
#profileWrapper #last-played .game-icon {
    width:50px;
    height:50px;
    margin-right:2px
}
#profileWrapper #last-played .game-title {
    padding-top:7px;
    font-size:16px;
    color:#000;
    margin-top:0;
    margin-bottom:3px
}
#profileWrapper #last-played .last-time {
    font-size:11px;
    color:#777;
    margin-top:0;
    margin-bottom:5px;
    letter-spacing:.2px
}
#profileWrapper #last-played .game-enter-button {
    float:right;
    background-color:#f2f2f2;
    color:#5d5d5d;
    padding:5px 13px;
    border-color:#e4e4e4
}
#profileWrapper #push-setting {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    padding:0 12px
}
#profileWrapper #push-setting>div[class~=media] {
    border-bottom:1px solid #ddd;
    margin-top:12px;
    padding-bottom:5px;
    position:relative
}
#profileWrapper #push-setting .game-icon {
    width:60px;
    height:60px;
    margin-right:2px
}
#profileWrapper #push-setting .game-title {
    display:inline-block;
    font-size:17px;
    color:#000;
    margin-top:0;
    margin-bottom:3px
}
#profileWrapper #push-setting .game-push {
    position:absolute;
    top:8px;
    right:0
}
#profileWrapper #push-setting .game-push p {
    font-size:.9em;
    margin:0;
    padding:0
}
#profileWrapper #push-setting .game-push input {
    text-align:center;
    margin:4px 20px 0
}
#gameDetailWrapper .game-header {
    position:relative;
    max-width:100%;
    height:auto
}
#gameDetailWrapper .game-header .game-background {
    max-width:100%;
    height:auto
}
#gameDetailWrapper .game-header .game-header-bar {
    position:absolute;
    bottom:0;
    background-color:#000;
    opacity:.5;
    width:100%;
    height:40px
}
#gameDetailWrapper .game-header .game-icon {
    position:absolute;
    bottom:4px;
    left:10px;
    width:55px;
    height:55px
}
#gameDetailWrapper .game-header .game-title {
    position:absolute;
    bottom:16px;
    left:72px;
    color:#fff;
    font-size:1.2em
}
#gameDetailWrapper .game-header .short-desc {
    position:absolute;
    bottom:3px;
    left:72px;
    color:#fff;
    font-size:.8em
}
#gameDetailWrapper .game-header .game-enter-button {
    position:absolute;
    bottom:5px;
    right:15px;
    padding:3px 15px;
    font-size:1em;
    line-height:1.5;
    border-radius:3px
}
#gameDetailWrapper .game-desc-content {
    background-color:#fff;
    //border-top:1px solid #ddd;
    //border-bottom:1px solid #ddd;
    font-size:1.15em;
    padding:8px 10px 8px 10px
}
#gameDetailWrapper .game-coupon-content {
    position:relative;
    background-color:#fff;
}
#gameDetailWrapper .game-coupon-content .coupon-title {
    font-size:14px;
    font-weight:700
}
#gameDetailWrapper .game-coupon-content .coupon-desc {
    font-size:.75em;
    line-height:1.2;
    color:#999;
}
#gameDetailWrapper .game-coupon-content .coupon-code {
    height:20px;
    width:100%;
    line-height: 1.2;
    border:1px solid #ddd;
    color:#666;
    font-size:12px;
    margin:0px 0px 3px 0px;
    padding-left:3px;
}
#gameDetailWrapper .game-coupon-content .coupon-progress {
    max-width:100%;
    overflow:hidden;
    display:block;
    height:10px;
    margin:3px 0px;
    background-color:#f5f5f5;
    border-radius:2px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
#gameDetailWrapper .game-coupon-content .coupon-progress .coupon-progress-bar {
    float:left;
    width:0;
    height:100%;
    font-size:12px;
    line-height:10px;
    color:#fff;
    text-align:center;
    background-color:#2697FC;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
#gameDetailWrapper .game-coupon-content .coupon-remain {
    font-size:12px;
    color:#999
}
#gameDetailWrapper .game-coupon-content .coupon-status {
    display:inline-block;
    color:#777;
    margin-left:3px;
}
#gameDetailWrapper .game-coupon-content p.coupon-status {
    padding:7px 6px!important
}
#gameDetailWrapper .game-related-content {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
}
#gameDetailWrapper .game-related{
    padding-bottom:50px;
}
#gameDetailWrapper #wrapper {
    position:relative;
    z-index:1;
    height:90px;
    width:100%;
    background:#fff;
    overflow:hidden;
    -ms-touch-action:none
}
#gameDetailWrapper #scroller {
    position:absolute;
    z-index:1;
    -webkit-tap-highlight-color:transparent;
    height:90px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -o-text-size-adjust:none;
    text-size-adjust:none
}
#gameDetailWrapper #scroller ul {
    list-style-type:none;
    width:100%;
    padding:0;
    margin:0
}
#gameDetailWrapper #scroller li {
    width:80px;
    height:90px;
    float:left;
    background-color:#fff;
    overflow:hidden;
    text-align:center
}
#gameDetailWrapper #scroller li>a>img {
    width:50px;
    height:50px;
    margin-top:10px
}
#gameDetailWrapper #scroller li>p {
    font-size:11px;
    margin-top:5px;
    margin-bottom:0;
    color:#1f1f1f
}
#categoryWrapper #wrapper {
    position:relative;
    z-index:1;
    height:90px;
    width:100%;
    background:#fff;
    overflow:hidden;
    -ms-touch-action:none
}
#categoryWrapper .games-list {
    margin-bottom:50px
}
#categoryWrapper .games-list-content {
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    padding:0 12px
}
#categoryWrapper .games-list-content>div {
    border-bottom:1px solid #ddd
}
#categoryWrapper .game-icon {
    width:50px;
    height:50px;
    margin-right:2px
}
#categoryWrapper .game-title {
    font-size:15px;
    color:#000;
    margin-top:0;
    margin-bottom:1px
}
#categoryWrapper .game-title span {
    /*vertical-align:text-top;*/
    margin-left:4px;
    padding:0 2px;
    font-size:10px;
    border-radius:2px
}
#categoryWrapper .game-title span.coupon {
    color:#2697FC;
    border:1px solid #2697FC
}
#categoryWrapper .game-title span.hot {
    color:orange;
    border:1px solid orange
}
#categoryWrapper .game-title span.elite {
    color:red;
    border:1px solid red
}
#categoryWrapper .game-title span.recommend {
    color:green;
    border:1px solid green;
}
#categoryWrapper .game-desc {
    font-size:10px;
    color:#888;
    margin-top:0;
    margin-bottom:1px
}
#categoryWrapper .game-friends {
    font-size:10px;
    color:#888;
    margin-top:0;
    margin-bottom:3px;
    letter-spacing:.2px
}
#categoryWrapper .game-friends img {
    width:15px;
    height:15px;
    vertical-align:sub
}
#categoryWrapper .game-enter-button {
    float:right;
    background-color:#f2f2f2;
    color:#5d5d5d;
    padding:3px 9px;
    border-color:#e4e4e4
}
#categoryWrapper .games-list-content>div[class~=media] {
    margin-top:9px;
    padding-bottom:5px
}
#categoryWrapper .label-new {
    position:relative;
    text-align:center;
    left:3px;
    top:1px
}
#categoryWrapper .label-new .label-new-main {
    position:absolute;
    width:16px;
    height:16px;
    background-color:red
}
#categoryWrapper .label-new .label-new-corner {
    position:absolute;
    width:0;
    height:0;
    top:16px;
    border-bottom:3px solid transparent;
    border-right:8px solid red;
    border-left:8px solid red
}
#categoryWrapper .label-new p {
    color:#fff;
    display:inline-block;
    position:absolute;
    top:1px;
    left:2px;
    font-size:12px
}
#navigationWrapper .footer {
    position:fixed;
    width:100%;
    bottom:0;
    background-color:#fff;
    margin:0;
    border-top:1px solid #ddd
}
#navigationWrapper .footer-tab {
    height:45px;
    text-align:center;
    margin-top:5px
}
#navigationWrapper .footer-tab a {
    text-decoration:none;
    color:#888;
    font-size:.8em;
    position:relative;
}
/*#navigationWrapper .footer-tab span {
    font-size:1.7em
}*/
#navigationWrapper .footer-tab.active a {
    color:#2697FC
}
.level-desc-panel {
    margin-top:20px
}
.vip-desc-panel table {
    font-size:.9em
}
@font-face {
    font-family:icomoon;
    src: url('../fonts/fontawesome-webfont.eot?#v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0') format('svg');
    font-weight:400;
    font-style:normal;
}
[class^="icon-"] {
    speak:none;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    display:inline-block;
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding:2px 0px;
}
.icon-gamepad{
    padding-top:0px !important;
    font-size:20px;
}
.icon-gift{
    font-size:22px;
    padding:0px !important;
}
.icon-angle-right:before {
    content:"\f105"
}
.icon-gamepad:before {
    content:"\f11b"
}
.icon-home3:before {
    content:"\f0c0"
}
.icon-users:before {
    content:"\f007"
}
.icon-gift:before{
    content:"\f06b"
}
.icon-mobile:before{
    content:"\f10b"
}
.c-list {
    padding:0 10px;
}
.c-list li {
    box-sizing:border-box;
    padding:0 5px;
    margin-top:10px;
}
.c-list li img {
    width:100%;
}
.c-list li>div {
    position:relative;
    line-height:0;
    border-radius:5px;
}
.c-list li img {
    border-radius:5px;
}
.c-list .title {
    position:absolute;
    background-color:rgba(0,0,0,.3);
    bottom:0px;
    line-height:normal;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    height:20px;
    line-height:20px;
    color:#fff;
    font-size:12px;
}
.c-list .t {
    display:inline-block;
    margin-left:10px;
}
.c-list .n {
    float:right;
    margin-right:10px;
}
.pure-u {
    display:inline-block;
    zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-u-1-2 {
    display:inline-block;
    zoom:1;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-u-1-2 {
    width:49%
}
.pure-u-1-3 {
    width:33.333333%
}
#gameListWrapper .games-list-content> div.spinner{
    border:none;
}
#giftListWrapper .games-list-content> div.spinner{
    border:none;
}
#giftCouponListWrapper .games-list-content> div.spinner{
    border:none;
}
#serverListWrapper .games-list-content> div.spinner{
    border:none;
}
#futureServerListWrapper .games-list-content> div.spinner{
    border:none;
}
#userListWrapper .games-list-content> div.spinner{
    border:none;
}

.spinner {
  margin: 10px auto;
  width: 30px;
  height: 30px;
  position: relative;
}
.spinner i{
  width:5px;
  height:5px;
  background-color: #888;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinner div{
  position: absolute;
  width: 100%;
  height: 100%;
}
.conBox2{
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.conBox3{
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.cir1 {top:0;left:0;}
.cir2 {top:0;right:0;}
.cir3 {right:0;bottom:0;}
.cir4 {left:0;bottom:0;}
.conBox2 .cir1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.conBox3 .cir1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.conBox1 .cir2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.conBox2 .cir2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.conBox3 .cir2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
} 
.conBox1 .cir3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.conBox2 .cir3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.conBox3 .cir3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.conBox1 .cir4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.conBox2 .cir4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.conBox3 .cir4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.table-model-tit{font-size:15px;color: #000;width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-model{border-radius:5px;background:#fff;max-width:1170px;margin:0px auto; /*margin-bottom:50px;*/}
.table-model td{vertical-align:middle !important;}
//.table-model .table-model-tit{font-size:14px;font-weight:bold;width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.table-model*/ .table-model-con, /*.table-model*/ .table-model-res{font-size:12px;color:#999;}
/*.table-model*/ .table-model-pro{height:10px;width:100%;overflow:hidden;background:#f5f5f5;border-radius:2px;border:1px solid #ddd;}
/*.table-model*/ .table-model-pro i{display:block;height:10px;background:#2187e7;}
/*.table-model*/ .table-model-pic{width:50px;}
[class^='code'] input{max-width:200px;height:21px;border:1px solid #ddd;font-size:12px;padding-left:3px;}
[class^='code'] span{font-size:12px;color:red;}
[class^='code']{display:none;}
#gameIndexWrapper{max-width:1170px;margin:0px auto;}
.alert-con{position:fixed;width:80%;height:auto;max-height:80%;left:10%;top:50%;background:#fff;z-index:10000;border-radius:10px}
.alert-con div{width:100%;height:auto;max-height:400px;padding:10px;overflow-y:auto;}
.alert-con div:first-child,.alert-con div:last-child{height:35px;text-align:center;line-height:35px;padding:0;overflow-y:hidden;}
.alert-con div:first-child{border-bottom:1px solid #ccc;}
.alert-con div:last-child{border-top:1px solid #ccc;}
.alert-mask{position:fixed;width:100%;height:100%;background:#000;opacity:0.5;z-index:9999;}
.alert-close{cursor:pointer;}
.mobile-box{position:absolute;right:51px;top:4px;}
.mobile-box:focus,.mobile-box:hover,.mobile-box:active{text-decoration:none;}
.mobile-box span:last-child{padding-left:5px;font-size:12px;position:relative;left:0px;top:-6px;text-decoration:underline;}
.mobile-box .icon-mobile{font-size:30px;color:#52AFF7;
    -webkit-animation: icon-bounce 1s ease-in-out infinite alternate;
    -moz-animation: icon-bounce 1s ease-in-out infinite alternate;
    animation: icon-bounce 1s ease-in-out infinite alternate;
}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.reddot{position:absolute;width:7px;height:7px;border-radius:7px;right:-3px;top:-4px;background:red;}
.user-tab .reddot{right:9px;top:9px;}
.tab-last-info .reddot{right:18px;}
.nav-active p{color:red;}

.img-close {
    position:absolute;
    right:-9px;
    top:-9px;
    background: #f0f0f0;
    color: gray;
    /* make a round button */
    border-radius: 15px;
    line-height: 18px;
    text-align: center;
    height: 18px;
    width: 18px;
    cursor:pointer;
}

.over {position:absolute;left:0;top:0;z-index:99;opacity:0.6;background-color:#000;display:none;}
.tip-panel {position:absolute;z-index:100;display:none;}
.text-center {text-align: center;}

/* slide */
.swiper-banner {
    background:#fff;
}
.swiper-banner ul {
    list-style-type:none;
}
.swiper-banner li {
    text-align:center;
}
.swiper-banner img {
    width:50px;
    height:50px;
    margin-top:9px;
}
.swiper-banner p {
    font-size:11px;
    margin-top:8px;
    margin-bottom:5px;
    color:#1f1f1f
}
#bannerWrapper img {
    width:100%;
}
#game-slide ul {
    list-style-type:none;
}
#game-slide li {
    width:150px;
}
#game-slide img {
    width:100%;
}
#game-slide {
    background-color: #fff;
    padding: 10px 10px;
}
#game-slide .swiper-container {
}
#pic-show {
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1004;
}
#pic-show .swiper-container {
    height: 100%;
}
#pic-show .swiper-container .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    height: 100%;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.game-desc p {
    text-indent: 2em;
    color: #666;
    line-height: 22px;
    font-size: 14px;
}

#web-lisence {
    position: fixed;
    bottom: 15px;
    right: 15px;
    text-align: center;
    margin: 0px;
}

#web-lisence-img {
    width: 25px;
}

#web-lisence .panel-footer {
    text-align: left;
    font-size: 10px;
}

#web-lisence .panel-footer p {
    margin: 5px 0;
}

#primary {
    background-color: #f5f5f5;
}