@charset "utf-8";
*{margin:0;padding:0}
html{width:100%;height:100%}
body{height:100%;width:100%;margin:0 auto;font-weight: 300px;font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;font-size:14px;background-color:rgba(237, 237, 237, 0.5);overflow-y:auto;overfolow-x:hidden;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
a{ width:auto; height:auto;color: #333;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
ul,li,dl,dt,dd,p,img{border:none}
ul,li{list-style:none}
i{font-style: normal;}
mark{background-color: transparent;}
.fl{float:left}
.fr{float:right}
input:focus,select:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;}
input[type="checkbox"],.checkbox{display:inline-block;width:15px;height:15px;border-radius:2px;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
input[type="radio"],.radio{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
.clear{zoom:1}
.clear:before,.clear:after{content:" ";display:table}
.clear:after{clear:both}
.hidden{ display: none !important; }
/*滚动条*/
*{
	scrollbar-face-color:rgba(0, 132, 219, 1);/*滑块颜色*/ 
	scrollbar-arrow-color:#000; /*箭头颜色*/
	scrollbar-shadow-color:#000000; /*滑块边线颜色*/
	scrollbar-track-color:rgb(0, 97, 162); /*滑轨颜色*/
}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar{background-color: #000}
::-webkit-scrollbar-track {background-color: #7dc2f6;} 
::-webkit-scrollbar-thumb {background-color: #1b99f7;} 
::-webkit-scrollbar-button {background-color: #b9e0fd;} 
::-webkit-scrollbar-corner {background-color: #018ef8;} 
/*按钮*/
.btn-small{width:80px;height:36px; color:#fff;border-radius: 2px; border:none;cursor: pointer; display:inline-block; vertical-align:middle; line-height:36px;}
.btn-add{ background:#ff8800;}
.commbtn{ width: auto;height:35px;min-width: 100px; border-radius: 2px;margin-right:10px; border-radius:5px; padding:0px 10px;font-size:14px;color:#fff;border:none;font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;cursor: pointer;}
.commbtn.m1{margin-left: 10px;}
.commtext{width:220px;height:30px;text-indent: 5px;border: 1px solid #f2f2f2;border-radius:2px;color: #666;}
.commselet{width:220px;height:30px;text-indent: 5px;border: 1px solid #f2f2f2;color: #666;}
.commtra{width:220px;text-indent: 5px;border: 1px solid #f2f2f2;color: #666;}

.disabled .price,.disabled .vipPrice{display: none;}
.bggrey{background-color: #dedede !important;}
.pricetext{width:45%;height:30px;color:#ff7e7e;margin-right:2px;border: 1px solid #f2f2f2;border-radius:2px;text-align: center; position: relative;z-index: 9;}
.numtext{width:30%;height:30px;color:#ff7e7e;border: 1px solid #f2f2f2;border-radius:2px;text-align: center; position: relative;z-index: 9;}
.btn-blue{background-color: rgba(59, 89, 153, 1);   }
.btn-yellow{background-color: rgba(255, 153, 0, 1);}
.btn-red{background-color: #ff7e7e !important}
.btn-green{background-color: #54c758}
.btn-grey{background-color: #fff !important;border:1px solid #8792a4 !important;color:#333 !important;    position: relative;
    top: 1px;}
.backbtn{ background: #fff;border:none;float: right; display: block; line-height: 39px;margin-right: 15px; color: #0f254a;font-size: 14px; cursor: pointer; }
/*icon*/
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align:middle;margin-right: 5px;}
.iconY{background: url(../images/iconY.png) no-repeat;display: inline-block;vertical-align:middle;margin-right: 5px;}
/*图片占位符结构*/
.zwfbox{ position:relative;width:100%; height:auto;}
.zwfbox .zwfimg{display:block; width:100%;  height:auto;}
.zwfbox .zwfshow{ position:absolute; left:0; top:0; width:100%; height:100%;}
/*超出省略*/ 
.lineOne{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.lineTwo{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.lineThree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.linefour{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; }
.lineTen{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden; }
.lineAll{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10000;overflow: hidden; }

/*间距*/
.mtop05{margin-top:5px;}
.mtop1 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop2 {margin-top:20px;}
.mtop3{margin-top:30px;}
.mtop4{margin-top:40px;}
.mtop5{margin-top:50px;}
.mtop6{margin-top:60px;}
.mbom1{margin-bottom:10px;}
.mbom2{margin-bottom:20px;}
.mbom3{margin-bottom:30px;}
.pt0{padding-top:0px !important}
.pt1{padding-top: 10px;}
.pt2{padding-top: 20px;}
.pb1{padding-bottom:10px;}
.pb2{padding-bottom:20px;}
.pd05{padding: 5px;}
.pd1{padding: 10px;}
.pd2{padding: 20px;}
.pb50{padding-bottom:50px;}

/*黄金分割*/
.cut10 {width:10%}
.cut15 {width:15%}
.cut16 {width:16.66%}
.cut20 {width:20%} /*分割成5块*/
.cut25 {width:25%}
.cut30{width:30%}
.cut33 {width:33.33%} /*分割成3块*/
.cut35{ width:35%;}
.cut40{width:40%}
.cut45{width:45%}
.cut50 {width:50%}/*分割成2块*/
.cut55 {width:55%}
.cut60 {width:60%}
.cut65{width:65%}
.cut70 {width:70%}
.cut75 {width:75%}
.cut80 {width:80%}
.cut85 {width:85%}
.cut90{width:90%}
.cut95 {width:95%}
.cut100{ width:100%;}
/*公共头部*/
.commTop{width:100%;height:75px;background-color: #fff; display: flex;justify-content: space-between;align-items: center;padding:0px 2%;}
.commTop .topRight{display: flex;font-size:13px}
.commTop .topRight .author{margin-right:20px;}
.commTop .topRight a{margin:0px 5px;}
.menuBar .layui-bg-zdy{background-color: #3b5999;padding-left:5%}
.menuBar .layui-nav{background-color: rgba(59, 89, 153, 1);width:100%;height:60px;padding-left: 37px;}
.menuBar .layui-nav .layui-this{background: #4366ad;}
.menuBar .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background:#4366ad;}
.menuBar .layui-nav .layui-nav-item{position: relative;z-index:1001}
.menuBar .layui-nav .layui-nav-item a{color:#fff;position: relative;  z-index: 10;}
.menuBar .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height:100%}

.layui-table td, .layui-table th{text-align: center;}
.layui-table{color:#333}
.layui-table td a{color:#0084DB}
.layui-form-label{width:135px;text-align: left;padding:9px 0px;}
.layui-form-label .markbt{color:#FF0000}
.layui-input-comm{width:450px;display: inline-block;}
.disableinput{background-color: #f2f2f2;}
.layui-input-comm  .layui-table th{background-color: #d5ddee;}
.layui-input-comm .layui-table td, .layui-input-comm .layui-table th{border-color:#d5ddee}
.layui-input-comm .layui-table td:hover, .layui-input-comm .layui-table th:hover{background:none}
.layui-input-comm  .layui-table tbody tr:hover{background: none;}
.layui-input-comm  .layui-table thead tr:hover{background-color: #d5ddee;}
.layui-input-comm  .layui-table thead tr td:hover{background-color: #d5ddee;}
.layui-input-comm .layui-table td.tuji{color:#3B5999}
.layui-input-comm .layui-table td a{color:#3B5999}
.layui-input-comm.commheight{height:38px;display: flex;align-items: center;color:#3B5999}
.layui-input-comm.commheight a{color:#3B5999;margin-left:10px}
.layui-input-comm.commheight a.mleft0{margin-left:0px}
.layui-input-comm .layui-table-hover{background: none;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #3b5999;}
.layui-input-block.cen{padding-left:0px;text-align: center;}
.layui-nav .layui-nav-item{padding:0px 10px}
/*颜色*/
.body_main{width:100%;height:calc(100% - 140px);display: flex;flex-wrap: wrap;}

.fontcolor1{color:#999}
.tableBox .selBox{padding:0px 20px;margin-top:20px}
.tableBox .selBox .layui-form-item{margin-bottom:0px}
.layui-form-item{display: flex;}
.layui-form-item.algincen{align-items: center;}
.layui-form-item.wrap{flex-wrap: wrap;}
.line40{line-height: 40px;}
.layui-input-block{margin-right: 10px;margin-left: unset;}
.layui-form-label.widthauto{width: 100px;padding-right: 10px;}

body{background: #fff;}
.bodyMain{width:100%;height:auto;    overflow-x: hidden;}
.bannBox{width:100%;height:auto;position: relative;}
.bannBox img{ width: 100%; height:auto; }
.topInfo{width:100%;height:100px;padding:0px 12%;display: flex;justify-content: space-between;align-items: center;position: absolute;left:0px;top:0px;z-index:11}
.loginbtn{width:auto;height:50px; line-height:50px; margin:0px 10px;background:#30a9ff;font-size:28px;color:#fff;display:flex;align-items: center;justify-content: center;border-radius: 10px;    padding: 0 20px;}
.topInfo .loginInfo{display: flex;}
.loginbtn:hover{background: #30a9ff;color:#fff}
.swiper-pagination-bullet{width:30px;height:5px;border-radius: 2px;}
.swiper-pagination-bullet-active{background: #fff;}

.footerInfo{width:100%;height:auto;text-align: center;    padding: 2% 0px; position: fixed;left:0px;bottom:0%;z-index:10;   clear: both;}
.footerInfo .footTit{font-size:16px;color:#121212;}
.footerInfo .infoCon{font-size:14px;}
.footerInfo  .infoCon{display: flex;align-items: center;justify-content: center;margin-top:1%;color:#666666}
.footerInfo .infoCon a{color:#666666}
.bannBox .swiper-container-horizontal>.swiper-pagination-bullets, .bannBox .swiper-pagination-custom, .bannBox .swiper-pagination-fraction{bottom: 15%; left: 0;  width: 100%;  text-align: left;  padding-left: 19%;}
.swiper-pagination-bullet{background: #30a9ff;}
.bannerSwiper .swiper-container-horizontal>.swiper-pagination-bullets, .bannerSwiper .swiper-pagination-custom, .bannerSwiper .swiper-pagination-fraction{bottom: auto; top:5%;left: 0;  width: 100%;  text-align: left;  padding-left: 19%;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets, .bannerBox .swiper-pagination-custom, .bannerBox .swiper-pagination-fraction{bottom:15%;}