/**
 * Created by freesayet on 2020/03/09.
 */
body{
    background: url('../image/index.png') repeat-y top center;
    background-size: 100% auto;
    font-family: Noto Sans SC,PingFang SC,Avenir Next,ST Heiti,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
html.active, html.active body{
    position: relative;
    overflow: hidden;
    height: 100%;
}
a,a:active,a:hover,a:visited{
    text-decoration: none;
}
h1,h2,h3,h4,h5,span{
    font-weight: normal;
    margin: 0;
    font-family: Noto Sans SC,PingFang SC,Avenir Next,ST Heiti,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
button,input[type=text],input[type=password],input[type=button],input[type=file],input[type=reset],input[type=submit],text,textarea{
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}
input[type=radio],input[type=checkbox],select,*:focus{
    outline: none;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1290px;
    }
}
/*@media (min-width: 1366px) and  (max-width: 1500px){
    .container {
        max-width: 1366px;
    }
}
@media (min-width: 1200px) and  (max-width: 1366px){
    .container {
        max-width: 1200px;
    }
}*/
.jg{
    height: 52px;
}
/*头部*/
.header{
    position: fixed;
    height: 52px;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.5);
}
.header-wrap{
    height: 50px;
    position: relative;
}
/*头部logo*/
.header-logo{
    float: left;
    height: 52px;
    padding-top: 4px;
}
.header-logo img{
    max-height: 44px;
}
/*头部导航条*/
.header-wrap > ul{
    float: left;
    margin-left: 15px;
}
.header-wrap > ul > li{
    float: left;
}
.header-wrap > ul > li > a{
    text-decoration: none;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 15px;
}
.header-wrap > ul > li > a:hover,.header-wrap > ul > li.active > a{
    color: #BC914D;
}
/*导航显示不完时的显示*/
.header-ul-sm{
    display: none;
}
.header-ul-sm .dropdown > div{
    height: 52px;
    padding: 14px 20px;
}
.header-ul-sm .dropdown > div > div{
    width: 24px;
    height: 24px;
    background: url("../image/header_ul_more_icon.png") no-repeat;
    background-position: center top;
    background-size: 24px auto;
}
.header-ul-sm:hover .dropdown > div > div{
    background-position: center -24px;
}
.header-ul-sm .dropdown-menu{
    min-width: 120px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    background: rgba(0,0,0,.5);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header-ul-sm .dropdown-menu > li > a{
    color: #ffffff;
    padding: 8px 0;
    text-align: center;
}
.header .header-ul-sm .dropdown-menu>li>a:hover,.header .header-ul-sm .dropdown-menu>li>a:focus {
    color: #ffffff;
    background: rgba(188,145,77,.5);
}
@media (min-width: 992px) and (max-width: 1200px) {
    .header-wrap > ul > li{
        display: none;
    }
    .header-wrap > ul > li:nth-child(-n+3){/*这个的nth-child(-n+3)是在不够显示时导航条上只显示前三个*/
        display: block;
    }
    .header-ul-sm .dropdown-menu > li:nth-child(-n+3){/*这个是如果显示导航条上显示几个，这里的前几个导航就不显示*/
        display: none;
    }
    .header-wrap > ul > li.header-ul-sm{
        display: inline-block;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .header-wrap > ul > li{
        display: none;
    }
    .header-wrap > ul > li:nth-child(-n+1){/*这个的nth-child(-n+3)是在不够显示时导航条上只显示前三个*/
        display: block;
    }
    .header-ul-sm .dropdown-menu > li:nth-child(-n+1){/*这个是如果显示导航条上显示几个，这里的前几个导航就不显示*/
        display: none;
    }
    .header-ul-sm .dropdown > div{
        padding: 13px 10px;
    }
    .header-wrap > ul > li.header-ul-sm{
        display: inline-block;
    }
}
@media (max-width: 1366px){
    .header-wrap > ul > li > a{
        font-size: 14px;
        font-weight: bold;
        padding: 0 10px;
    }
}
/*头部右侧*/
.header-right{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
/*头部右侧的搜索*/
.header-search{
    height: 34px;
    float: left;
    margin-top: 9px;
}
.header-search .form-group{
    margin-bottom: 0;
}
.header-search-box{
    position: relative;
    font-size: 14px;
}
.header-search-box .dropdown{
    float: left;
    background: #D6D2CF;
    border-radius: 5px 0 0 5px;
    height: 34px;
}
.header-search-box .dropdown > div{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border-right: 1px solid #c1c1c1;
    box-shadow: 1px 0 1px rgba(0,0,0,.02);
    cursor: pointer;
}
.header .dropdown-menu {
    font-size: 14px;
}
.header .dropdown-menu>li>a:hover,.header .dropdown-menu>li>a:focus {
    color: #262626;
    background-color: #f5f5f5;
}
.header-search-box input{
    float: left;
    width: 180px;
    height: 34px;
    padding: 0 34px 0 10px;
    border: 0;
    background: #D6D2CF;
    border-radius: 0 5px 5px 0;
}
.header-search-box a#search_btn{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 34px;
    text-align: center;
    line-height: 33px;
    height: 34px;
    border: 0;
}
.header-search-box a#search_btn > img{
    width: 18px;
}

/*头部右侧的开通vip、发布、登录、注册等*/
.header-right-box{
    float: left;
    font-size: 0;
}
.header-right-box > a{
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: #ffffff;
    float: left;
}
.header-right-box > .btn-vip,.header-right-box > .btn-fb{
    height: 34px;
    line-height: 32px;
    margin-top: 9px;
    border: 1px solid #BC914D;
    border-radius: 5px;
    color: #BC914D;
    padding: 0 5px;
    transition: all .3s ease;
}
.header-right-box > .btn-fb{
    background: #BC914D;
    color: #ffffff;
    padding: 0 8px;
}
.header-right-box > .btn-fb:hover{
    background: #b38640;
    border: 1px solid #b38640;
}
.header-right-box > .btn-vip:hover{
    background: rgba(188,145,77,.3);
}

.header-right-box > .btn-a{
    height: 52px;
    line-height: 52px;
}
.header-right-box > .btn-a:hover{
    color: #BC914D;
}
.header-right-box > .dropdown{
    float: left;
    margin-left: 15px;
}
.header-right-box > .dropdown:hover > div > span{
    color: #BC914D;
}
.header-right-box > .dropdown > div{
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
/*手机端打开nav的按钮样式*/
.wap-open-btn{
    position: absolute;
    top: 0;
    left: 0;
    width: .5rem;
    height: .5rem;
    color: #ffffff;
    background: none;
    border: 0;
    display: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .2rem;
}
.wap-open-btn#openSearch{
    left: auto;
    right: 0;
    background-image: url("../image/wap_search_btn.png");
}
.wap-open-btn#openNav{
    background-image: url("../image/wap_nav_btn.png");
}
.wap-open-btn#openSearch.active,.wap-open-btn#openNav.active{
    background-image: url("../image/wap_close_btn.png");
}
/*手机端搜索*/
.wap-search{
    display: none;
    position: absolute;
    top: .5rem;
    left: 0;
    right: 0;
    background: #000000;
    padding: .25rem .2rem;
}
.wap-search > div{
    position: relative;
}
.wap-search .wap-search-nav{
    position: absolute;
    top: 0;
    left: .1rem;
}
.wap-search .wap-search-nav > div{
    height: .36rem;
    line-height: .36rem;
}
.wap-search .wap-search-nav .dropdown-menu{
    min-width: 1.2rem;
}
.wap-search input{
    background: #ffffff;
    border: 0;
    height: .36rem;
    border-radius: .18rem;
    padding: 0 .6rem 0 1rem;
    width: 100%;
    font-size: .14rem;
}
.wap-search button{
    position: absolute;
    top: 0;
    right: 0;
    width: .6rem;
    height: .36rem;
    border: 0;
    background: #BC914D;
    border-radius: 0 .18rem .18rem 0;
}
.wap-search button > img{
    width: .2rem;
}
/*头部手机端显示*/
@media (max-width: 767px) {
    body{
        background: #333333;
    }
    .header{
        background: #2c2c2c;
    }
    .header,.jg,.header-wrap {
        height: .5rem;
    }
    .header-wrap{
        position: static;
        text-align: center;
    }
    .header-logo{
        float: none;
        height: .5rem;
        padding: .05rem;
    }
    .header-logo img{
        max-height: .4rem;
    }
    .wap-open-btn{
        display: block;
    }

    /*头部导航条*/
    .header-wrap > ul{
        display: none;
        float: none;
        margin-left: 0;
        position: absolute;
        top: .5rem;
        left: 0;
        /*right: 0;*/
        background: #2c2c2c;
        padding-bottom: .2rem;
    }
    .header-wrap > ul > li{
        float: none;
        padding: 0 .2rem;
    }
    .header-wrap > ul > li > a{
        width: 100%;
        height: .5rem;
        line-height: .5rem;
        padding: 0;
        border-top: .01rem solid rgba(255,255,255,.08);
        font-size: .14rem;
    }
    .header-wrap > ul > li:first-child > a{
        border-top: none;
    }
}


/*底部*/
/*底部上部分*/
.footer-top{
    background: #555555;
    padding: 30px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
}
.footer-top .a-link{
    margin-bottom: 30px;
}
.footer-top .a-link > a{
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px;
}
.footer-top .a-link > a:hover{
    color: rgba(255, 255, 255, 1);
}
.footer-top p{
    margin-bottom: 5px;
}
.footer-top .code-box{
    text-align: center;
}
.footer-top .code-box > img{
    max-width: 170px;
}
.footer-top .code-box > span{
    color: #BC914D;
    display: block;
    margin-top: 6px;
}
/*底部下部分*/
.footer-bottom{
    background: #000000;
    padding: 50px 0;
    text-align: center;
}
.footer-bottom span,.footer-bottom a{
    display: inline-block;
    color: #ffffff;
    margin: 0 6px;
}
.footer-bottom a{
    text-decoration: none;
}

@media (max-width: 1200px) {
    .footer-top .a-link{
        margin-bottom: 20px;
    }
    .footer-top .a-link > a{
        margin-right: 10px;
        margin-bottom: 6px;
    }
    .footer-top p{
        margin-bottom: 3px;
    }
    .footer-top .code-box > img{
        max-width: 100%;
    }
}
@media (max-width: 992px) {
    .footer-top{
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .footer{
        margin-top: .2rem;
    }
    .footer-top{
        font-size: .13rem;
        padding: .2rem 0 .15rem 0;
    }
    .footer-top .a-link{
        overflow: hidden;
        margin-bottom: 0;
    }
    .footer-top .a-link > a{
        width: 50%;
        float: left;
        margin-right: 0;
        margin-bottom: .12rem;
    }
    .footer-top p {
        margin-bottom: .08rem;
    }
    .footer-bottom{
        padding: .18rem 0;
        font-size: .13rem;
    }
    .footer-bottom span, .footer-bottom a {
        font-size: .13rem;
        margin: 0 .03rem;
    }

}

/*右侧固定导航*/
.menu-fixed{
    width: .4rem;
    position: fixed;
    right: 0;
    bottom: .5rem;
    z-index: 90;
}
.m-f-con{
    width: 100%;
}
.m-f-con > li{
    position: relative;
    width: 100%;
    padding: .05rem 0;
    border-top: 1px solid #e1e1e1;
    background: #ffffff;
    font-size: 0;
    cursor: pointer;
    text-align: center;
}
.m-f-con > li:first-child{
    border-top: 0;
}
.m-f-con a{
    color: #999;
    text-decoration: none;
    transition: color 0s ease;
}
.m-f-con h5{
    margin: 0;
    /*margin-top: .02rem;*/
    font-size: .10rem;
}
.m-f-con > li i{
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-position: center;
    background-size: .2rem auto;
    background-repeat: no-repeat;
}
.m-f-con i.pic-qq{
    background-image: url("../image/Customer-Service.png");
}
.m-f-con i.pic-phone{
    background-image: url("../image/mobile-public-code.png");
}
.m-f-con i.pic-gotop{
    background-image: url("../image/down.png");
}


/*.m-f-con > li:hover{
    border: 1px solid #de302f;
    border-top: 0;
    background: #de302f;
}
.m-f-con > li:hover a{
    color: #ffffff;
}*/

.online-sty{
    position: absolute;
    bottom: 0;
    right: .46rem;
    width: 1.5rem;
    text-align: center;
    display: none;
}
.online-sty:after{
    content: '';
    position: absolute;
    bottom: .2rem;
    right: -.05rem;
    width: 0;
    height: 0;
    border-top: .06rem solid transparent;
    border-left: .06rem solid #fff;
    border-bottom: .06rem solid transparent;
}
.m-f-con > li:hover .online-sty{
    display: block;
}

/*翻页*/
.page-con{
    text-align: center;
    padding: 20px 0;
}
.page-con > div{
    display: inline-block;
}
.page-con > .links a{
    display: inline-block;
    text-decoration: none;
    color: #333;
    padding: 5px 12px;
    border-radius: 3px;
}
.page-con > .links a.active{
    background: #BC914D;
    color: #ffffff;
}
.page-con > .links a:hover{
    background-color: #f1f1f1;
}
.page-con > .to-page input{
    width: 60px;
    border-radius: 3px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #666;
}
@media (max-width: 767px) {
    .page-con{
        padding: .2rem 0 0 0;
    }
    .page-con > .links a{
        padding: .05rem .1rem;
        border-radius: .03rem;
        color: #ffffff;
    }
    .page-con > .to-page{
        color: #ffffff;
    }
    .page-con > .to-page input{
        width: .4rem;
        border-radius: .03rem;
        height: .3rem;
        padding: 0 .05rem;
        border: .01rem solid #666;
    }
}

/*弹出框的样式*/
.modal-dialog {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    outline: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
.modal-dialog .modal-header{
    position: relative;
}
.modal-dialog .modal-header .close{
    float: none;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.modal-dialog .modal-body{
    padding: 30px;
}

/*输入框样式*/
.input-control{
    margin-bottom: 15px;
    font-size: 14px;
}
.form-control{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    border: 1px solid #dddddd;
    height: 36px;
    font-size: 14px;
}
.form-control:focus{
    border: 1px solid #cccccc;
    box-shadow: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.input-control-icon-left, .input-control-icon-right, .input-control-label-left, .input-control-label-right {
    opacity: 1;
    height: 34px;
    line-height: 34px;
}
.form-control:focus+.input-control-label-left{
    color:#333
}
.input-control.has-label-left-lg>.form-control {
    padding-left: 78px;
}
.has-label-left-lg>.input-control-label-left, .has-label-left-lg>.input-control-label-right {
    width: 78px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    margin-top: 4px;
}
.os-android .checkbox input[type=checkbox], .os-android .checkbox-inline input[type=checkbox], .os-android .radio input[type=radio], .os-android .radio-inline input[type=radio] {
    margin-top: 4px;
}

.btn{
    padding: 8px 12px;
    font-size: 14px;
}
.btn-primary {
    color: #fff;
    background-color: #BC914D;
    border-color: #BC914D;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary{
    background-color: #b38640;
    border-color: #b38640;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover{
    background-image:none;
    background-color: #b38640;
    border-color: #b38640;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-width-100{
    width: 100%;
}

.checkbox{
    padding: 0 0 10px 0;
}

@media (max-width: 767px) {
    .modal-dialog .modal-body{
        padding: .2rem;
    }

    .input-control{
        font-size: .13rem;
    }
    .input-control-icon-left, .input-control-icon-right, .input-control-label-left, .input-control-label-right {
        height: .32rem;
        line-height: .32rem;
    }
    .form-control{
        font-size: .13rem;
        height: .34rem;
    }
    .input-control.has-label-left-lg>.form-control {
        padding-left: .7rem;
    }
    .has-label-left-lg>.input-control-label-left, .has-label-left-lg>.input-control-label-right {
        width: .7rem;
    }
}

/*登录注册找回密码等弹出框*/
@media (min-width: 768px){
    #login-modal .modal-dialog,#register-modal .modal-dialog,#findPwdModal .modal-dialog{
        width: 400px;
    }
}
#login-modal .modal-header,#register-modal .modal-header,#findPwdModal .modal-header{
    padding: 0;
}
#findPwdModal .modal-header{
    min-height: 0;
    border-bottom: 0;
}
#login-modal .other-login{
    margin-top: 15px;
}
#login-modal .other-login > h5{
    text-align: center;
    background: url("../image/line.png") no-repeat;
    background-size: auto 1px;
    background-position: center;
}
#login-modal .other-login .login-icon{
    margin-top: 15px;
    text-align: center;
}
#login-modal .no-account,#register-modal .no-account{
    text-align: center;
    margin-top: 15px;
}
#login-modal .no-account > a,#register-modal .no-account > a{
    text-decoration: none;
    margin: 0 4px;
}

#register-modal .code-btns,#findPwdModal .code-btns{
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    border-radius: 0;
}
#findPwdModal .code-img{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    min-width: 60px;
    background: #f3f3f3;
}
#findPwdModal .code-img img{
    max-height: 100%;
    width: auto;
}
#register-modal select{
    position: absolute;
    top: 1px;
    right: 2px;
    border: 0;
    height: 34px;
    width: 140px;
}

#findPwdModal .has-label-left-lg>.input-control-label-left,#findPwdModal .has-label-left-lg>.input-control-label-right {
    width: 90px;
}
#findPwdModal .input-control.has-label-left-lg>.form-control {
    padding-left: 90px;
}
@media (max-width: 767px){
    #register-modal .modal-dialog,#login-modal .modal-dialog,#findPwdModal .modal-dialog{
        width: 80%;
        left: 50%;
        margin-left: -40%;
    }
    #register-modal .modal-header{
        min-height: 0;
        border-bottom: 0;
    }
    #register-modal .code-btns,#findPwdModal .code-btns{
        position: absolute;
        top: 0;
        right: 0;
        padding: .06rem;
        font-size: .13rem;
        border-radius: 0;
    }
    #findPwdModal .code-img{
        height: .34rem;
        min-width: .6rem;
    }
    #register-modal .input-control{
        margin-bottom: .1rem;
    }
    #register-modal select{
        top: .01rem;
        right: .02rem;
        height: .32rem;
        width: 1.2rem;
    }

    #findPwdModal .has-label-left-lg>.input-control-label-left,#findPwdModal .has-label-left-lg>.input-control-label-right {
        width: .9rem;
    }
    #findPwdModal .input-control.has-label-left-lg>.form-control {
        padding-left: .9rem;
    }
}