@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

/*** Base ***/
html {
    font: 12px/1.5 "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "\9ED1\4F53", Arial, sans-serif;
    color: #333;
    background-color: #b1d9f3;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    background: transparent; /*修正win8系统IE连接灰色背景*/
    outline: none;
    blr: expression(this.onFocus=this.blur());
    color: #333;
}

a:focus {
    outline: none;
}

a:active,
a:hover {
    outline: 0;
    /*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/
}
a:hover {
    color: #3D8CCA;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

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;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input.submit {
    border: 0;
    margin: 0;
    cursor: pointer;
}

input.radio {
    width: 13px;
    height: 13px;
    float: left;
    display: inline;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*** 全局样式 ***/
.container {
    width: 1000px;
    margin: 0 auto;
}

/*** 清除浮云 ***/
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix{
    *zoom:1
}
.clearfix:after{
    content:"";
    clear:both;
    height:0;
    display:block;
    overflow:hidden;
}
.d-b{
    display: block;
}
.t-c {
    text-align: center;
}
.p-rlv{
    position: relative;
}
.p-abt{
    position: absolute;
}
.hide{
    display: none;
}
.lh32{
    line-height:32px
}
.lh42{
    line-height: 42px;
}
.fz14{
    font-size: 14px;
}
.fz17{
    font-size: 17px;
}
.fz18{
    font-size: 18px;
}
.fz40{
    font-size: 40px;
}
.dib {
    display: inline-block;
}
.a-mid {
    vertical-align: middle;
}
.sq-18 {
    height: 18px;
    width: 18px;
}
.brc {
    border-radius: 100%;
}
/*** MARGIN PADDING ***/
.m-l-3{
    margin-left: 3px;
}
.m-l-5{
    margin-left: 5px;
}
.m-l-8{
    margin-left: 8px ;
}
.m-l-10{
    margin-left: 10px;
}
.m-l-20{
    margin-left: 20px;
}
.m-l-80{
    margin-left: 80px;
}
.m-lr-20{
    margin: 0 20px;
}
.m-r-3 {
    margin-right: 3px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-t-10{
    margin-top: 10px;
}
.m-trl-20 {
    margin: 20px 20px 0 20px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-t-3{
    padding-top: 3px;
}
.p-r-5{
    padding-right: 5px;
}
.p-10{
    padding: 10px;
}
.p-lr-20{
    padding: 0 20px;
}
.p20{
    padding: 20px;
}
.mle{
    margin-left: 8px;
}
.mte{
    margin-top: 8px;
}
.ptt{
    padding-top: 3px;
}
.mlf{
    margin-left: 5px;
}
.ml20{
    margin-left: 20px;
}
.prf {
    padding-right: 5px;
}
.p10{
    padding: 10px;
}
.plr20{
    padding: 0 20px;
}
.p-tb-20 {
    padding: 20px 0;
}
.mlr20{
    margin: 10px 20px!important;
}
/*** COLOR ***/
.c-grey{
    color: #666;
}
.c-success{
    color: #75b045;
}
.c-warning{
    color: #bd5151;
}
.c-prompt{
    color: #fc6938;
    font-size: 14px;
    font-family: Georgia, Arial;
    font-weight: bold;
    padding: 0 5px;
}
.c-smile {
    color: #f99e10;
}
.c-picture{
    color: #54d001;
}
.c-video{
    color: #54b7f0;
}
.c-music{
    color:#0ce198;
}
.c-topic{
    color:#00b8c8;
}
.c-red{
    color: red;
}

/*** TABLE ***/
.table {
    border-collapse: collapse !important;
    width:100%;
}
.table td,
.table th {
    text-align:left;
    line-height:1.5;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 10px;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 1px solid #e7e7e7;
}
.table > thead > tr{
    background-color:#f3f3f3;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
/*** INPUT ***/
.form-control {
    display: block;
    color: #666;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #3d9edd;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow: none;
}

/*** Button ***/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    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;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline:none;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #333333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 1px 1px 20px rgba(0, 0, 0, 0.125);
    box-shadow: inset 1px 1px 20px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default{
    color: #fff;
    background-color: #3d9edd;
    border: 1px solid #3d9edd;
    padding: 10px 25px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
    color: #fff;
    background: #1378b7;
    border: 1px solid #1378b7;
    outline: none;
}

.btn-red{
    padding: 10px 20px;
    color: #fff;
    background: #fb6e50;
    border: transparent;
}
.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active {
    color: #fff;
    background: #e26145;
    border: transparent;
    outline: none;
}
.btn-green {
    color: #666;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 10px 25px;
}
.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green:active,
.btn-green.active {
    background: #fff;
    border: 1px solid #3d9edd;
}

.btn-white{
    color: #666;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    outline: 0;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active {
    background: #fff;
    border: 1px solid #3d9edd;
}

.btn-pop-blue{
    color: #fff;
    background: #3d9edd;
    border:transparent;
    padding:0 15px;
    height:32px;
    line-height:30px;
    outline: 0;
}

.btn-pop-blue:hover,
.btn-pop-blue:focus,
.btn-pop-blue.focus,
.btn-pop-blue:active,
.btn-pop-blue.active {
    color: #fff;
    background: #1378b7;
    border:transparent;
}

.btn-pop-green {
    color: #fff;
    background: #14cf5a;
    border:transparent;
    padding: 0 15px;
    height: 32px;
    line-height: 30px;
    outline: 0;
}

.btn-pop-green:hover,
.btn-pop-green:focus,
.btn-pop-green.focus,
.btn-pop-green:active,
.btn-pop-green.active {
    color: #fff;
    background: #11b44e;
    border:transparent;
}

/*** SELECT ***/
.sel {
    width: 35px;
    height: 30px;
    background:#fff;
    border: 1px solid #e7e7e7;
    color: #666;
    line-height: 32px;
    padding: 0 5px 0 10px;
    cursor: pointer;
}
.sel-sex{
    width: 60px;
    height: 30px;
    background:#fff;
    border: 1px solid #e7e7e7;
    color: #666;
    line-height: 32px;
    padding: 0 5px 0 10px;
    cursor: pointer;
}

.sel-list{
    z-index: 9;
    background-color: #fff;
}
.sel-list ul{
    width: 50px;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    border-top: 0;
}
.sel-list > ul > li > a{
    display: block;
    line-height: 20px;
    padding-left: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.sel-list > ul > li > a:hover{
    display: block;
    line-height: 20px;
    padding-left: 10px;
    border-bottom: 1px solid #3d9edd;
}

/*** 弹窗 ***/
.model-box {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    background-attachment: fixed;
    z-index:999;
    position:fixed;
    _position:absolute;
    _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
    _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);
}

.pt-pop-alert {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    width: 500px;
    background-color: #fff;
    margin-top: -110px;
}

.pt-pop-alert > .content > .pop-title {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    border-bottom: 1px solid #f3f3f3;
}

.pt-pop-alert > .content > .pop-title a {
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 14px;
    color: #666;
}
.pt-pop-alert > .content > .pop-title a:hover {
    color: #333;
}
.pt-pop-alert > .content > .pop-content {
    font-size: 14px;
}
.pt-pop-alert > .content > .pop-content > .pop-text{
    line-height: 40px;
}
.warning-icon {
    font-size: 36px;
    text-align: center;
    color: #0ce198;
}

.pop-footer {
    text-align: center;
    background: #f3f3f3;
    border-top: 1px solid #e7e7e7;
    margin-top: 10px;
    padding: 10px 20px;
}
.pop-footer > button{
    width: 100px;
}


/*** 顶部导航 ***/
.navbar-default {
    position: relative;
    height: 50px;
    background: #fff;
    border-top:2px solid #3691cc;
}
.navbar-brand {
    display: block;
    padding: 12px 0 0;
}
.navbar-nav > ul,li{
    padding: 0;
    margin: 0;
}
.navbar-nav > ul > li {
    list-style: none;
    display:inline-block;
}
.navbar-nav > ul > li > a {
    display: block;
    line-height: 20px;
    padding: 15px 10px;
    font-size: 14px;
    text-decoration: none;
    color: #666;
    box-sizing: border-box;
}
.navbar-nav > ul > li > a:hover {
    color: #000;
}
.hot-line {
    line-height: 48px;
    font-size: 14px;
}
.index-menu{
    margin-left: 20px;
}
.index-menu li {
    display:inline-block;
}
.index-menu li a {
    display: inline-block;
    line-height: 50px;
    font-size: 16px;
    color: #666;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.index-menu li a:hover{
    background-color: #f3f3f3;
}
.badge {
    position: absolute;
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    text-align: center;
    line-height: 10px;
    vertical-align: baseline;
    white-space: nowrap;
}
.badge-mail{
    top: 8px;
    right: 2px;
    color: #fff;
    background-color: red;
}
.badge-vip{
    right: 10px;
    top:12px;
    color: #fff;
    background-color:#3d9edd;
    margin-left: 10px;
}
/*** Alert ***/
.alert{
    padding: 8px;
    border: 1px solid transparent;
}
.alert-1{
    padding: 4px 10px;
    border: 1px solid transparent;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-content-base{
    background-color: #fcf8df;
    border-bottom: 1px solid #faf4ce;
    color: #666;
    padding: 8px 20px;
}
.submission {
    padding: 6px 20px;
    line-height: 20px;
    background-color: #14cf5a;
    color: #fff;
}
.submission:hover {
    background-color: #11b44e;
    color: #fff;
}


/*** 用户信息下拉 ***/
.user-dropdown {
    position: relative;
}
.user-info {
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.user-info:hover {
    /**
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    background: #f3f3f3;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 1px;
    **/
}
.pt-user-box {
    position: absolute;
    background: #fff;
    width: 270px;
    border: 1px solid #d8d8d8;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 1px;
    z-index: 3;
    display: none;
}
.user-avatar {
    position: relative;
}

.user-avatar> img {
    width: 80px;
    height: 80px;
}
.user-center-quit {
    position:relative;
}
.set-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    display: block;
    text-align: center;
    line-height: 80px;
    color: #fff;
    border-radius: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.set-avatar:hover{
    opacity: 0.7;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.av-info {
    width: 150px;
}
.av-info > span{
    display: block;
    padding: 3px 0;
}
.btn-empower {
    background-color: #62da65;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
}
.btn-empower:hover{
    background-color: #52ba54;
    color: #fff;
}
.btn-recharge {
    background-color: #fc6938;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
}

.btn-recharge:hover{
    background-color: #e65f33;
    color: #fff;
}

.user-center-quit {
    text-align: center;
    background: #f3f3f3;
    color: #d8d8d8;
}
.a-user-center,
.a-quit{
    color: #666;
}
.a-user-center:hover,
.a-quit:hover{
    color: #000;
}
.user-center-quit > .a-user-center, .user-center-quit > .a-quit {
    display: inline-block;
    padding: 10px 30px;
}

/***  弹出层三角形 ***/
.pt-layer-arrow .pt-arrow-bor-t {
    top: -14px;
    left: 20px;
}

.pt-layer-arrow .pt-arrow-bor {
    position: absolute;
    overflow: hidden;
    display: block;
}
.pt-arrow-bor-t .s-line3 {
    border-color: transparent transparent rgb(204, 204, 204);
}
.pt-arrow-bor-t .s-line4 {
    border-color: transparent transparent #F3F3F3;
}
.pt-arrow-bor-t .border-sline {
    border-color: transparent transparent rgb(233, 216, 182);
}
.pt-arrow-bor-t .s-l-line{
    border-color: transparent rgb(233, 216, 182)  transparent transparent ;
}
.pt-arrow-bor i, .pt-arrow-bor em {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.pt-arrow-bor-t .s-bg2-br {
    border-color: transparent transparent rgb(255, 255, 255);
}
.pt-arrow-bor-t .border-sbr{
    border-color: transparent transparent rgb(252, 248, 227);
}
.pt-arrow-bor-t .s-l-br{
    border-color: transparent rgb(252, 248, 227) transparent transparent ;
    margin: 0 0 0 -17px!important;
}
.pt-arrow-bor-t em {
    margin: 1px 0 0 -18px;
}
.s-bg2-br {
    color: #fff;
    border-color: #fff;
}



.page-header{
    margin: 0;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 10px 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    color: #666;
}
.page-header small{
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
    color: #999;
}



/*** FOOTER ***/
.pt-footer {
    margin-top: 20px;
    background-color: #363636;
    font-size: 12px;
}
.pt-footer, .pt-footer a{
    color: #999;
}
.pt-first ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-box{
    width: 640px;
    margin: 0 auto;
    padding: 20px 0;
}
.pt-first ul li{
    display: inline-block;
    line-height: 24px;
    width: 160px;
    vertical-align: top;
}
.pt-first ul li a {
    display: list-item;
    text-decoration: none;
}
.pt-first ul li a:hover{
    color:#ccc;
}
.pt-footer .container {
    padding: 20px 0;
}
.footer-line {
    border-right: 1px solid #444;
    width: 1px;
    height: 143px;
    margin: 0 20px;
}

.pt-footer .pt-first-title {
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    color: #ccc;
}
.pt-footer .pt-contact{
}
.pt-footer .pt-contact p{
    padding: 0;
    margin: 0;
    line-height: 24px;
}
.pt-footer .pt-contact p.pt-contact-title{
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    color: #ccc;
}
.pt-footer .pt-qc-code{
    text-align: center;
    margin-top: 10px;
    width: 160px;
}
.pt-footer .pt-qc-code p{
    padding: 5px 0;
}

.pt-footer-copyright {
    padding: 20px 0 10px;
    text-align: center;
    vertical-align: middle;
    background-color: #232323;
}
.pt-footer-copyright,.pt-footer-copyright a{
    color: #999;
    font-size: 12px;
}
.pt-footer-copyright p{
    padding: 5px;
}
.pt-footer-copyright p a{
    padding: 0 15px;
}
.pt-footer-copyright a:hover{
    color: #ccc;
    text-decoration: none;
}


/*** 右边浮动层 ***/
.elevator {
    position: fixed;
    left: 50%;
    bottom: 50px;
    margin-left: 505px;
    z-index: 10;
}
.elevator a {
    display: block;
    margin: 1px 0;
    width: 52px;
    height: 52px;
    background: url("../index_images/elevator.png") no-repeat;
    -webkit-transition: background-position 0.3s
-moz-transition: background-position 0.3s;
    -ms-transition: background-position 0.3s;
    -o-transition: background-position 0.3s;
    transition: background-position 0.3s;
}

.elevator a.elevator-weixin {
    background-position: 0 -248px;
}
.elevator a.elevator-weixin:hover {
    background-position: 0 -310px;
}

.elevator a.elevator-msg {
    background-position: 0 0;
}
.elevator a.elevator-msg:hover {
    background-position: 0 -62px;
}

.elevator a.elevator-app {
    background-position: 0 -372px;
}
.elevator a.elevator-app:hover {
    background-position: 0 -434px;
}

.elevator a.elevator-top {
    background-position: 0 -124px;
}
.elevator a.elevator-top:hover {
    background-position: 0 -186px;
}