@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;background-color: #f7f7f7;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
html{font-size: 62.5%}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
outline:none;
text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
textarea {  -webkit-appearance: none;}   
input:focus, textarea:focus {
outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
.pic{width: 100%}
*:focus { outline: none; } 
.cl{clear: both;display: block;}
.center{text-align: center;}
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.middle{vertical-align: middle;}
.right{text-align: right;}
.left{text-align: left;}
.xl5{width: 50%}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.zw{height:7rem;background-color: #fdfaf5}
.public{padding: 0 3%}
/*flex布局*/
.flex{display: flex}
.flex-1{justify-content:space-between; align-items:center;}
.flex-2{justify-content:flex-end; align-items:center;}
.flex-3{justify-content:space-between; align-items:flex-start;}
.flex-4{justify-content:center; align-items:center;}
.flex-5{justify-content:space-around; align-items:center;}
.flex-6{justify-content:flex-start; align-items:center;}
.flex-7{justify-content:flex-start; align-items:flex-start;}
.flex-8{justify-content:flex-start; align-items:flex-end;}
/*头部*/
.header{margin: 0 auto; width:100%;max-width: 640px;position: relative;padding-top: 0}
.inc_header{padding-top: 55px}
.headerCon{position:fixed;left: 0;right: 0;margin:0 auto;max-width:640px;z-index: 9;height: 55px;background-color: #a55f53;top: 0;z-index: 999;transition: background-color 0.4s ease-in-out; /* 添加缓动动画 */}
.homehead{background-color: transparent;}
.logo{width: 80%;height: 100%;max-width: 640px;margin-left:3%;display: flex;justify-content:flex-start;align-items:center;}
.logo img{max-height: 3rem;max-width: 100%}
.lanmulist{background-color: #000}
.lanmulist li{display: inline-block;vertical-align: top;width: 25%;height: 4rem;box-sizing:border-box;border-left: 1px solid #fff}
.lanmulist li:nth-child(4n+1){border-left: none;}
.lanmulist li:nth-child(-n+4){border-bottom: 1px solid #fff}
.lanmulist li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 4rem;color: #fff;font-size: 1.4rem}
/*轮播图*/
.banner .swiper-pagination-bullet{
  background-color: rgba(235, 212, 194, 0.5);opacity: 1;
}
.banner .swiper-pagination-bullet-active{
  width: 20px;border-radius: 4px;background-color: #ebd4c2;
}
/*底部*/
.footer{background-color:#fff;max-width: 640px;position: fixed;;left: 0;right: 0;margin: 0 auto;z-index: 99;bottom: 0;padding-bottom: env(safe-area-inset-bottom);}
.footer ul{padding: 1rem 0;}
.footer ul li{width: calc(100% / 3);float: left;text-align: center;text-align: center;}
.footer ul li a{display: block;width: 100%;height: 100%}
.footer ul li span{font-size:1.2rem;display: block;color:#999999;margin-top: 5%}
.footer ul li.ons span{color: #222;}
.footer ul li img{width: 2.5rem;vertical-align: middle;color:#fff;}
.mobile-inner-header{position: absolute;width: 13%;height: 100%;right: 2%;top: 0;box-sizing:border-box;display: flex;align-items:center;justify-content:flex-end;}
.mobile-inner-header-icon{color: #ffffff;height: 3.5rem;font-size:25px;text-align: center;float:right;width: 3.5rem;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;background-color: #ebd4c2;border-radius: 50%;}
/*.mobile-inner-header-icon:hover{cursor: pointer;}*/
.mobile-inner-header-icon span{position: absolute;right: calc((100% - 15px) / 2);top: calc((100% - 1px) / 2);width: 15px;height: 2px;background-color: #7e332e;}
.homeSwitch .mobile-inner-header-icon{background-color: #a55f53;}
.homeSwitch .mobile-inner-header-icon span{background-color: #f9e6d8;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;display: none;}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-nav{background-color: #a55f53;width: 100%;position: absolute;top: 55px;left: 0px;padding-top: 30px;padding-bottom: 80px;display: none;height:100vh;overflow: hidden;}
.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}	
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.copyright{
  padding: 3%;text-align: center;color: #ccc;font-size: 13px;
}
.container{
  max-width: 640px;margin: 0 auto;overflow: hidden;padding-bottom: calc(7rem + env(safe-area-inset-bottom));
}
.box{
  padding: 3rem 0;
}
.homecon{
  margin-top: -4rem;position: relative;z-index: 9;border-top-left-radius: 2rem;border-top-right-radius: 2rem;overflow: hidden;
}
.idx_1{
  background-color: #fff;padding: 3rem 3% 1rem;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.idx_1 .lis{
  width: 25%;margin-bottom: 1.5rem;
}
.idx_1 .lis img{
  display: block;width: 7rem;margin: 0 auto;
}
.idx_1 .lis p{
  text-align: center;font-size: 1.3rem;color: #222222;font-weight: bold;display: block;margin-top: 0.5rem
}
.idx_2{
  padding:0 3% 2rem;background-color: #fff;
}
.idx_2_box{
  display: flex;justify-content: space-between;align-items: center;background-color: #faf6f5;border-radius: 1rem;height:5rem;box-sizing: border-box;padding: 0 3%;
}
.idx_2 .idx_2_l{width: 20%;}
.idx_2 .notice{width: 50%;height: 3rem;line-height: 3rem;}
.idx_2 .notice a{color: #555555;font-size: 1.5rem;}
.idx_2 .idx_2_r{width: 22%;font-size: 1.3rem;color: #999999;text-align: right;}
.idx_3{padding: 2rem 3% 3rem;}
.idxTit{
  text-align: center;
}
.idxTit img{width: 37%;display: block;margin: 0 auto;}
.idxTit p{text-transform: uppercase;font-size: 1.4rem;color: #888888;margin-top: 1rem;letter-spacing: 0.1rem;}
.idxTit_1 p{color: #f9e6d8;}
.idx_4{padding: 0 3%;}
.idx_4 .lists{
  display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 2rem;margin-top: 1.5rem;flex-wrap: wrap;
}
.idx_4 .lists .lis{
  width: 48%;border: 1px solid #eee;border-radius: 1rem;overflow: hidden;background-color: #fff;margin-bottom: 1.3rem;
}

.idx_4 .lists .lis .lisInfo{
  border-top: 1px solid #eee;padding:1.6rem 4%;
}
.idx_4 .lists .lis .lisInfo .t1{
  display: flex;justify-content: flex-start;align-items: center;
}
.idx_4 .lists .lis .lisInfo .t1 .avatar{
  width: 3rem;height: 3rem;border-radius: 3rem;border: 1px solid #eee;margin-right: 1rem;
}
.idx_4 .lists .lis .lisInfo .t1 .name{
  width: calc(100% - 4rem);font-size: 1.4rem;color: #333333;font-weight: bold;
}
.idx_4 .lists .lis .lisInfo .t2{
  font-size: 1.3rem;color: #888888;display: flex;justify-content: flex-start;align-items: center;margin-top: 1rem;
}
.idx_4 .lists .lis .lisInfo .t2 img{
  width: 1.3rem;margin:0 0.5rem 0 0.8rem;
}
.idx_5{
  background: url(../img/bg1.jpg) no-repeat;background-size: cover;padding: 3rem 3%;
}
.idx_5 .lists{
  display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;
}
.idx_5 .lists .lis{
  width: 48%;border: 1px solid #f9e6d8;border-radius: 1rem;margin-top: 1.5rem;box-sizing: border-box;padding: 3rem 0;text-align: center;background-color: rgba(249, 230, 216, 0.1);color: #f9e6d8;
}
.idx_5 .lists .lis .icon{
  width: 35%;display: block;margin: 0 auto;
}
.idx_5 .lists .lis .t1{
  font-size: 1.5rem;margin: 1rem 0;
}
.idx_5 .lists .lis .t2 p{
  font-size: 1.3rem;line-height: 1.7;
}
.idx_6{
  padding: 3rem 3% 1rem;
}
.idx_6 .news {
  margin-top: 1em;
}
.idx_6 .news .swiper-slide{
  width: 80%;border-radius: 1rem;overflow: hidden;position: relative;
}
.idx_6 .news .swiper-slide .info{
  position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;padding: 1.5rem;
}
.idx_6 .news .swiper-slide .info .t1{
  font-size: 1.5rem;color: #ffffff;line-height: 1.7;
}
.idx_6 .news .swiper-slide .info .t2{
  font-size: 1.3rem;color: #fff;display: flex;justify-content: flex-start;align-items: center;margin-top: 1rem;position: absolute;bottom: 2.5rem;
}
.idx_6 .news .swiper-slide .info .t2 img{
  width: 1.3rem;margin:0 0.5rem 0 0rem;
}
.idx_6 .news .swiper-pagination{
  position: relative;bottom: 0;margin-top: 0.7rem;
}
.idx_6 .news .swiper-pagination-bullet{
  background-color: rgba(165, 95, 83, 0.5);opacity: 1;
}
.idx_6 .news .swiper-pagination-bullet-active{
  width: 20px;border-radius: 4px;background-color: #a55f53;
}
.proList{
  display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 2rem;margin-top: 1.5rem;flex-wrap: wrap;
}
.proList .lis{
  width: 48%;border: 1px solid #eee;border-radius: 1rem;overflow: hidden;background-color: #fff;margin-bottom: 1.3rem;
}

.proList .lis .lisInfo{
  border-top: 1px solid #eee;padding:1.6rem 4%;
}
.proList .lis .lisInfo .t1{
  display: flex;justify-content: flex-start;align-items: center;
}
.proList .lis .lisInfo .t1 .avatar{
  width: 3rem;height: 3rem;border-radius: 3rem;border: 1px solid #eee;margin-right: 1rem;
}
.proList .lis .lisInfo .t1 .name{
  width: calc(100% - 4rem);font-size: 1.4rem;color: #333333;font-weight: bold;
}
.proList .lis .lisInfo .t2{
  font-size: 1.3rem;color: #888888;display: flex;justify-content: flex-start;align-items: center;margin-top: 1rem;
}
.proList .lis .lisInfo .t2 img{
  width: 1.3rem;margin:0 0.5rem 0 0.8rem;
}

.probox .proidx_1{
  display: flex;justify-content:space-between;align-items: center;background-color: #a55f53;padding: 1.5rem 3%;
}

.probox .proidx_1 .avatar{
  width: 7rem;height: 7rem;border-radius: 7rem;overflow: hidden;
}
.probox .proidx_1 .avatar img{
  width: 100%;height: 100%;
}
.probox .proidx_1 .info{
  width: calc(100% - 8.5rem);color: #ebd4c2;
}
.probox .proidx_1 .info .t1{
  font-size: 1.8rem;font-weight: bold;margin-bottom: 1rem;
}
.probox .proidx_1 .info .t2{
  font-size: 1.3rem;display: flex;justify-content: flex-start;align-items: center;margin-top: 1rem;
}
.probox .proidx_1 .info .t2 img{
  width: 1.3rem;margin:0 0.5rem 0 0;
}
.proidx_2,.proidx_4{
  background-color: #f8f8f8;padding: 2rem 0;
}
.proidx_2 .intro{
  background-color: #fff;padding: 1.5rem 3%;border: 1px solid #eee;border-radius: 1rem;margin: 1rem 0;min-height: 8rem;
}
.incTit{
  text-align: center;
}
.incTit .t1{
  font-size: 2rem;color: #333333;font-weight: bold;
}
.incTit .t2{
  width: 38%;display: block;margin: 0.7rem auto;
}
.incTit .t3{
  font-size: 1.3rem;color: #555555;text-transform: uppercase;
}
.incTit_1 .t1,.incTit_1 .t3{
  color: #ebd4c2;
}
.proidx_3{
  background: url(../img/bg2.jpg) no-repeat;background-size: cover;padding: 3rem 3%;
}
.proidx_3_list{
  margin-top: 1.5rem;
}
.proidx_3_list .lis{
  background-color: #fff;padding: 1rem;border-radius: 1rem;display: flex;justify-content: space-between;align-items: center;
}
.proidx_3_list .lis .lis_l{
  width: 40%;border-radius: 1rem;overflow: hidden;
}
.proidx_3_list .lis .lis_l img{
  width: 100%;
}
.proidx_3_list .lis .lis_r{
  width: 56%;
}
.proidx_3_list .lis .lis_r .t1{
  font-size: 1.8rem;color: #333333;font-weight: bold;
}
.proidx_3_list .lis .lis_r .t2{
  margin: 0.7rem 0 1rem;font-size: 1.4rem;color: #555555;
}
.proidx_3_list .lis .lis_r .t3{
  font-size: 1.3rem;display: flex;justify-content: flex-start;align-items: center;margin-top: 1rem;color: #888888;
}
.proidx_3_list .lis .lis_r .t3 img{
  width: 1.3rem;margin:0 0.3rem 0 0;
}
.proidx_4 .proidx_4_con{
  background-color: #fff;padding: 1.5rem 3% 2rem;border: 1px solid #eee;border-radius: 1rem;margin: 1rem 0 0;
}
.proidx_4_con .lists .swiper-slide{
  width: 35%!important;
}
.proidx_4_con .lists a{
  display: block;width: 100%;height: 100%;border: 1px solid #eee;border-radius: 1rem;overflow: hidden;
}
.proidx_4_con .lists a img{
  width: 100%;
}
.proidx_4_con .lists a .txt{
  border-top: 1px solid #eee;padding: 1rem;
}

.proidx_4_con .lists a .txt p{
  font-size: 1.3rem;color: #333333;line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制文本为2行 */
  overflow: hidden;
}
.proidx_5{
  background: url(../img/bg3.jpg) no-repeat;background-size: cover;padding: 3rem 3%;
}
.proidx_5_box{
  margin-top: 2rem;
}
.proidx_5_box .hd{
  margin-bottom: 1.5rem;
}
.proidx_5_box .hd ul{
  overflow-x: scroll;white-space: nowrap;
}
.proidx_5_box .hd ul::-webkit-scrollbar {
    display: none;
}
.proidx_5_box .hd ul li{
  width: 11rem;height: 4rem;background: url(../img/bg4.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: 1.3rem;display: inline-block;vertical-align: middle;text-align: center;line-height: 4rem;font-weight: bold;margin-left: 1rem;
}
.proidx_5_box .hd ul li:first-child{
  margin-left: 0;
}
.proidx_5_box .hd ul li.on{
  background: url(../img/bg5.png) no-repeat;background-size: 100% 100%;color: #a55f53;
}
.proidx_5_box .bd ul{
  display: flex;justify-content: space-between;align-items: flex-start;
  flex-wrap: wrap;
}
.proidx_5_box .bd ul li{
  width: 48%;border-radius: 1rem;border: 1px solid #eee;overflow: hidden;margin-bottom: 1.5rem;
}
.proidx_5_box .bd ul li .t1{
  background-color: #fff;height: 4rem;padding: 0 1rem;line-height: 4rem;color: #333333;font-size: 1.4rem;
}
.proidx_6{
  padding: 2rem 3%;
}
.proidx_6 .lists{
  margin-top: 2rem;
}
.proidx_6 .lists .lis{
  background-color: #fff;border-radius: 1rem;padding: 1.5rem;margin-bottom: 1.5rem;
}
.proidx_6 .lists .lis a{
  display: flex;justify-content: space-between;align-items: center;
}
.proidx_6 .lists .lis a .lis_l{
  width: 67%;
}
.proidx_6 .lists .lis a .lis_l .t1{
  font-size: 1.4rem;color: #333333;font-weight: bold;line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制文本为2行 */
  overflow: hidden;
}
.proidx_6 .lists .lis a .lis_l .t2{
  font-size: 1.3rem;display: flex;justify-content: flex-start;align-items: center;margin-top: 0.5rem;color: #888888;
}

.proidx_6 .lists .lis a .lis_l .t2 img{
  width: 1.3rem;margin:0 0.3rem 0 0;
}

.proidx_6 .lists .lis a .lis_r{
  width: 30%;border-radius: 1rem;overflow: hidden;
}
.proidx_7 {
    padding: 0  3% 2rem;
}

.proidx_7 .news {
  margin-top: 1em;
}
.proidx_7 .news .swiper-slide{
  width: 80%;border-radius: 1rem;overflow: hidden;position: relative;
}
.typeList{
  margin: 1.5rem 0;font-size: 0;
}
.typeList li{
  width: 31%;height: 3.5rem;background: url(../img/bg5.png) no-repeat;background-size: 100% 100%;font-size: 1.3rem;display: inline-block;vertical-align: middle;text-align: center;line-height: 3.5rem;font-weight: bold;margin-left: 3.5%;margin-bottom: 1rem;
}
.typeList li a{
  color: #555555;
}
.typeList li:nth-child(3n+1){
  margin-left: 0;
}
.typeList li.on{
  background: url(../img/bg4.png) no-repeat;background-size: 100% 100%;color: #fff;
}
.typeList li.on a{
  color: #fff;
}

.content{
  color: #050608;font-size: 1.4rem;line-height: 1.7;padding: 1rem 0;
}
.newList{
  margin-top: 1.5rem;
}
.newList .lis{
  background-color: #fff;border-radius: 1rem;padding: 1.5rem;margin-bottom: 1.5rem;
}
.newList .lis a{
  display: flex;justify-content: space-between;align-items: center;
}
.newList .lis a .lis_l{
  width: 67%;
}
.newList .lis a .lis_l .t1{
  font-size: 1.4rem;color: #333333;font-weight: bold;line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制文本为2行 */
  overflow: hidden;
}
.newList .lis a .lis_l .t2{
  font-size: 1.3rem;display: flex;justify-content: flex-start;align-items: center;margin-top: 0.5rem;color: #888888;
}

.newList .lis a .lis_l .t2 img{
  width: 1.3rem;margin:0 0.3rem 0 0;
}

.newList .lis a .lis_r{
  width: 30%;border-radius: 1rem;overflow: hidden;
}

.newshow .t1{
  font-size: 1.6rem;color: #333333;line-height: 1.7;font-weight: bold;
}
.newshow .t2{
  font-size: 1.3rem;display: flex;justify-content: flex-start;align-items: center;margin-top: 0.5rem;color: #888888;
}
.newshow .t2 img{
  width: 1.3rem;margin:0 0.3rem 0 0;
}

.formsLi{display: flex;justify-content: space-between;align-items: center;}
.forms .iptbox{width: 100%;height: 5rem;background: #fff;box-sizing: border-box;padding: 0 1rem;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 1.5rem;border-radius: 1rem;}
.forms .iptbox span{font-size: 1.4rem;color: #888888;margin-right: 1rem;width: 10%;}
.forms .iptbox input{width:90%;height: 5rem;border: none;background-color: transparent;outline: none;font-size: 1.4rem;color: #888888;}
.forms .iptbox_1{background: #fff;box-sizing: border-box;padding: 1rem;border-radius: 1rem;}
.forms .iptbox_1 p{font-size: 1.4rem;color: #888888;margin-bottom: 0.5rem;}
.forms .iptbox_1 textarea{display: block;width: 100%;height: 8rem;border: none;outline: none;font-family: "微软雅黑";font-size: 1.4rem;color: #888;background-color: transparent;resize: none;}
.subbtn{display: block;width: 100%;height: 5rem;border-radius: 1rem;background-color: #a55f53;color: #ebd4c2;border: none;outline: none;margin: 3rem auto 0;font-size: 1.6rem;}

.storeEnter{
  padding: 2rem 3%;
}
.codeimg{
  width: 60%;margin: 2rem auto 0;border-radius: 1rem;overflow: hidden;
}
.telNav{
  position: fixed;width: 5rem;height: 8rem;right: 3%;top: 40%;
}
.nono{height: 300px;box-sizing:border-box;padding-top: 100px;text-align: center;font-size: 30px;color: #666;width: 100%}
.nono i{font-size: 50px;color: #999}
.nono p{color: #999;font-size: 14px;margin-top: 15px}
.fpage{text-align: center;margin: 7% 0}
.fpage li{display: inline-block;vertical-align: middle;height: 35px;min-width: 35px;background-color: #f1f1f1;border-radius: 3px;line-height: 35px;box-sizing:border-box;margin: 0 3px}
.fpage li span,.fpage li a{display: block;padding: 0 10px;height: 35px;line-height: 35px;color: #444445;font-size: 16px}
.fpage li.active{
    background-color: #7e332e;color:#fff;
}
.fpage li.active span{
    color:#fff;
}
.erpage{margin: 20px 0 0;display: flex;justify-content: space-between;align-items: center;}
.erpage a{width: 45%;font-size: 14px;color: #333333;height: 4rem;background-color: #fff;border: 1px solid #eee;border-radius: 0.7rem;text-align: center;line-height: 4rem;text-align: center;line-height: 4rem;display: inline-block;font-weight: bold;}
.erpage a.ons{
  background-color: #7e332e;border-color: #7e332e;color: #ebd4c2;
}
.proimg{
    background-size: cover;height:12rem
}