html,body{width: 100%;height: 100%;margin: 0;padding: 0;}
ul,p{margin: 0;padding: 0;}
ul li{list-style: none;}
.f{display: flex;}
.f1{flex:1;}
.f-d-r{flex-direction: row;}/*横向显示*/
.f-d-c{flex-direction: column;}/*纵向显示*/
.f-w-w{flex-wrap: wrap;} /*换行*/
.f-j-s{justify-content: flex-start;} /*左对齐*/
.f-j-e{justify-content:flex-end} /*末端对齐*/
.f-j-c{justify-content: center;} /*左右居中*/
.f-j-sb{justify-content: space-between;} /*两端对齐*/
.f-j-sa{justify-content: space-around;} /*项目两侧的间隔相等*/
.f-a-s{align-items: flex-start;} /*上对齐*/
.f-a-e{align-items: flex-end;} /*下对齐*/
.f-a-c{align-items: center;} /*上下居中对齐*/

/**************************首页************************/
.js-index-con{background-image: url(../img/index-bg.jpg);height: 1290px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;}
.wid-1{width: 1000px;margin: 0 auto;}
.wid-14{margin: 0 auto;}
.nav-bg{background-image: url(../img/nav_bg.png);height: 240px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1345px;}
.nav-ul li{margin-top: 40px;text-align: center;width: 232px;}
.nav-ul li span{color: #403123;font-size: 14px;display: inline-block;margin-top: 4px;}
.nav-ul li img{width: 37px;height: 36px;}
.nav-ul li.no-top{margin-top: 0px;}
.nav-ul li.no-top img{width: 200px;height: auto;margin: 0 20px;}
.js-index-banner{position: relative;height: 460px;}
.js-index-banner img{position: absolute;}
.banner1{}
.banner2{left: 0px;top: -2px;z-index: 1;transform: rotatex(3deg) rotateY(15deg);}
.js-index-notice{background-color: #b19b85;height: 35px;line-height: 35px;border: 1px solid #ddd2c8;}
.js-index-notice .meg{padding: 0 10px;color: #fff;font-size: 12px;}
.js-index-list li{width: 242px;height: 338px;background-color: #d3c3b5;}
.js-index-list{margin-top: 12px;}
.js-index-list img{width: 242px;height: 210px;display: block;}
.js-index-list li .bg{background-color: #b19b85;height: 50px;}
.js-index-list li .bg span:first-child{color: #fff;font-size: 20px;margin: 0 10px;font-weight: bold;}
.js-index-list li .bg span:last-child{color: #c0af9f;font-size: 14px}
.js-index-list li p{color: #4c4238;font-size: 14px;margin: 10px 10px 0px 10px;}
.js-index-zhizhao{margin-top: 100px;}
.js-index-about{background-color: #7b6959;height: 35px;color: #fff;line-height: 35px;font-size: 12px;}
.js-index-bottom{background-color: #8e7b69;padding: 35px 0;}
.js-index-top{background-color: #eee7e0;height: 40px;line-height: 40px;}
.js-index-top p span{color: #000000;font-size: 12px;margin-left: 10px;}
.js-index-top .top-meg{height:40px;line-height:40px}
.js-index-top .top-meg .input-bg{margin-right: 6px;background-color: #FFFFFF;width: 108px;border-radius: 4px;height: 24px;}
.js-index-top .top-meg .input-bg input{margin: 0px;color: #463b27;outline: none;
    padding: 0px;border: none;position: relative;top: -10px;width: 94px;margin-left: 10px;}
.js-index-top .top-meg .input-bg input::-webkit-input-placeholder{color: #463b27;}
.js-index-top .top-meg .btn{width: 112px;height: 26px;background-size: cover;cursor: pointer;margin-right: 6px;
    border: none;}
.js-index-top .top-meg .btn1{background-image: url(../img/btn1.png);}
.js-index-top .top-meg .btn2{background-image: url(../img/btn2.png);}
.top-logined .user-money{font-size: 12px;height: 24px;background-color: #b4111a;border-radius: 4px;width: 370px;}
.top-logined .user-money span{color: #ffc349;margin: 0 6px;}
.top-logined .user-money i{color: #fff;font-style: normal;}
.top-logined p{font-size: 12px;margin-left: 6px;}
.js-index-top .top-logined p span.exit{color: red;margin-left: 0px;cursor: pointer;}
.js-index-reg{position: absolute;right: 40px;width: 320px;height: 336px;background-color: rgba(255,255,255,.8);z-index: 10;top: 0px;}
.js-index-reg h3{text-align: center;}
.js-index-reg .reg-con{margin: 10 16px;}
.js-index-reg .reg-con li{background-color: rgba(255,255,255,9);padding: 10px 20px;border-radius: 14px;width: 250px;margin-bottom: 10px;}
.js-index-reg .reg-con li label{font-size: 14px;}
.js-index-reg .reg-con li input{border: none;outline: none;margin-left: 4px;}
.js-index-reg .reg-con li.btn{background-color: transparent;}
.js-index-reg .reg-con li.btn button{width: 100%;border: none;height: 35px;border-radius: 20px;background: #7c5d15;color: #fff;cursor: pointer;}
.js-index-bottom .bottom-area2{position: absolute;height: 285px;width: 255px;left: 337px;top: 88px;}
.js-index-bottom  .title b{color: #FFFFFF;margin-right: 6px;font-size: 16px;}
.js-index-bottom .title span{font-size: 14px;color: #FFFFFF;}
.js-index-bottom .card{margin-bottom: 20px;}
.js-index-bottom .descript{color: #FFFFFF;font-size: 12px;line-height: 20px;line-height: 18px;
    margin-top: 8px;}
.js-index-bottom .bottom-area3{position: absolute;height: 106px;width: 322px;left: 675px;top: 88px;}

.swiper-container{width: 100%;margin: 0 auto;}
.swiper-slide,.swiper-container{position: relative;height: 350px;}
.swiper-pagination{width: 100%;bottom: 126px;}
.swiper-pagination-bullet{margin-right: 10px;width: 12px;height: 12px;}
.swiper-slide img{width: 100%;height: 350px;}