@charset "utf-8";
*{margin:0;padding:0}

html{width:100%;height:100%; background-color:#fff;}
body{width:100%;height:100%;margin:0 auto;font-family:"Microsoft YaHei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";font-size:14px;overflow-x:hidden; overflow-y:auto;word-break: break-all; max-width: 600px;}

*,*: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: #000;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
img{ max-width:100%; vertical-align:middle;}
ul,li,dl,dt,dd,p,img{border:none}
ul,li{list-style:none}
mark{background-color: transparent;}
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:Microsoft YaHei;}
input[type="checkbox"],.checkbox{display:inline-block;width:15px;height:15px;border-radius:2px;border:1px solid #d8d8d8;cursor:pointer;margin-right:5px;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:5px;vertical-align:middle}
button{outline: none;border: none;font-size: 15px;}
mark{background-color: transparent;}
i{font-style: normal;}
.clear{zoom: 1;clear: both;}
.clear:after{display: block;content: '';clear: both;}
.hidden{display: none;}
.fl{float: left;}
.fr{float: right;}
.overhidden{ overflow:hidden !important;}
textarea{resize: none;}
/*icon*/
/*icon 弹窗使用*/
.icon{background: url(../images/icon.png);vertical-align: middle;display: inline-block; background-size:600px;}
.iconL{background: url(../images/iconL.png)no-repeat;background-size:600px;display: inline-block;vertical-align: middle;}

/*::-webkit-scrollbar{ display: none;}    */  /*隐藏滚动条*/

/*图片占位符结构*/
.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%;}

/*占位符*/
.imgwrap{position:relative;width:100%;height:auto}
.imgzwf{display:block;width:100%;height:auto}
.imgshow{position:absolute;left:0;top:0;width:100%;height:100%}
/*加载*/
.loadding{ position:fixed; left:0; top:0; z-index:10; width:32px; height:32px; /*background:rgba(0,0,0,0.3);*/}
.loadding img{ position:fixed; left:50%; top:50%; margin-top:-16px; margin-left:-16px;}
.load{ text-align:center; line-height:40px; font-size:12px; color:#999;}

.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;}
.linefive{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.linesix{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
/*火狐兼容*/
.lineTwo{position: relative; overflow: hidden;}
.lineTwo::after{content: ""; position: absolute; bottom: 0; right: 0; padding-left: 40px;}
.lineThree{position: relative; line-height: 20px; max-height: 60px;overflow: hidden;}
.lineThree::after{content: ""; position: absolute; bottom: 0; right: 0; padding-left: 40px;}
/*提示*/
.errortip{color:#ff0000}

/**加载更多**/
.more_btn{width: 100%;text-align: center;color: #666;font-size: 12px;margin-bottom: 24px;margin-top: 14px;}
.more_btn span{color: #259490;font-size: 16px;}
/*背景*/
body.bg1{background: url(../images/bg_1.jpg) no-repeat center;background-size:100% auto;}


/*首页头部导航*/
.headBox{width:100%;height:50px;color:#fff;position:fixed;left:0px;top:0px;z-index:99999;}
.headBox .navTop{ width:100%;height:50px;background: rgba(0,0,0,0.8); position:relative;}
.headBox .navTop .menu_btn{ width:50px;height:50px;background-image:url(../images/icon_menu.png); background-color:#a62b26; background-size:100%; float:left; cursor:pointer;}
.headBox .logo{width:100px; height:50px; float:left;}
.headBox .logo img{width:auto; height:45px; margin-top:2px;}
.headBox .navTop .user{ height:50px; width:50px; position:absolute; right:0; top:0; z-index:1;background-image:url(../images/icon_user.png); background-size:100%; }

.headBox .navBox{ width:100%; height:100%; font-size:16px; color:#050505; position:fixed; left:-100%; top:0; z-index:999;}
.headBox .navBox .logo{ width:calc(100vw - 50px); display:block; padding:0 3%; position:relative; margin-bottom: 10px;}
.headBox .navBox .logo i{ width:80%; height:0; display:block; margin:0 auto; position:absolute; left:10%; bottom:0;border-bottom:0.7px solid #cdcdcd;}
.headBox .navBox .menu_btn{ width:50px;height:50px;background-image:url(../images/icon_menu.png); background-color:#a62b26; background-size:100%; float:left; cursor:pointer; position:absolute; right:0; top:0; z-index:99;}
.headBox .navBox .nav{width:calc(100vw - 50px);height:100%;background-color:#fff; display: block;align-items: center;justify-content: space-between; padding:0 3%;}
.headBox .navBox .nav li{width:100%; height:40px;line-height: 40px; overflow:hidden;    font-weight: bold;}
.headBox .navBox .nav li.subdetail{  font-weight: normal; background-image:url(../images/icon_detail.png);background-size:auto 100%; background-repeat:no-repeat; background-position: right center; font-size:15px; }
.headBox .navBox .nav li a{display:block; width:100%; height:40px;line-height: 40px;}
.headBox .navBox .nav li a.active{color:#a62b26;}
.headBox .navBox .nav li a:hover,.headBox .navBox .nav li a:active{color:#050505;}
.headBox .navBox .nav li a i{ width:40px; height:40px; float:left; background-image:url(../images/icon_nav.png); background-position:40px 0; background-repeat:no-repeat; background-size:120px;}
.headBox .navBox .nav li.menu_01 i{ background-position:0 0;}
.headBox .navBox .nav li.menu_02 i{ background-position:-40px 0;}
.headBox .navBox .nav li.menu_03 i{ background-position:-80px 0;}

.headBox .navBox .nav li.menu_01.active i{ background-position:0 -40px;}
.headBox .navBox .nav li.menu_02.active i{ background-position:-40px -40px;}
.headBox .navBox .nav li.menu_03.active i{ background-position:-80px -40px;}


/*内页头部导航*/
.headBox1{width:100%;height:50px;background:#fff;color:#292929;z-index:100;position: relative;}
.headBox1 .logo{width:96px;display: flex;align-items: center;}
.headBox1 .wrap{display: flex;}
.headBox1 .navBox{width:calc(100% - 96px);width:-moz-calc(100% - 96px);width:-webkit-calc(100% - 96px);height:auto;position: relative;}
.headBox1 .navBox .nav{width:1000px;height:100%;display: flex;align-items: center;justify-content: space-between;margin:0 auto}
.headBox1 .navBox .nav li{width:33%;text-align: center;}
.headBox1 .navBox .nav li a{color:#292929;display: block;line-height: 50px;}
.headBox1 .navBox .nav li:hover a{color:#a52216;}
.headBox1 .nav_child{width:100%;height:50px;position: fixed;left:0px;top:50px;}
.headBox1 .nav_child .child{position:absolute;left:0;top:0;width:100%;text-align:left;line-height:50px;height:0;overflow:hidden;background: rgba(80,7,0,0.7);}
.headBox1 .nav_child .child.c1{}
.headBox1 .nav_child .child a{color:#fff;}
.headBox1 .nav_child .child .items{display: inline-block;}
.headBox1 .nav_child .child .itemcon{display: inline-block; margin:0px 20px;}
.headBox1 .nav_child .child .icon_01{width:20px;height:15px;background: url(../images/meu.png) no-repeat center;display: inline-block;position: relative;top:2px;margin-right:5px;}
.headBox1 .nav_child .child .itemcon.cur .icon_01{background: url(../images/menuact.png) no-repeat center;}
.headBox1 .nav_child .child .itemcon.cur {color:#a62b26}
.headBox1 .nav_child .child.now{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;height:50px;}
.headBox1 .nav_child .child .itemcon:hover a{color:#a62b26}
.headBox1 .nav_child .child .itemcon:hover .icon_01{background: url(../images/menuact.png) no-repeat center;}

/*公共底部样式*/
.footer{width: 100%;height: auto; padding:20px 0;color: #484848; display: inline-block;    margin-top: 20px;}
.footer .ewmlist{ width:90%; margin:10px 5%; height:auto; display: inline-block;}
.footer .ewmlist img{ width:26%; float:left; margin-left:6.5%; height:auto; display:block;}

.footer .linkinfo{display: flex;justify-content: center;margin-top:10px;}
.footer .wxCon{width:46px;height:46px;position: relative; cursor: pointer; background: #636363;margin:0px 10px; border-radius: 100px;display: flex;align-items: center;justify-content: center;}
.footer .peoCon{width:46px;height:46px;cursor: pointer;background: #636363;margin:0px 10px;border-radius: 100px;display: flex;align-items: center;justify-content: center;}
.footer .info{ line-height:30px; text-align:center;  border: 0.6px solid #4f4f4e; width: 240px; margin: 0 auto;border-radius: 20px; color:#e2e2e2;}
.footer .wxCon .ewmcon{width:110px;height:auto;border-radius:5px;padding:10px 10px 0px 10px;background-color:#fff;position: absolute;left:-130px;top:-41px;z-index:100;display: none;}
.footer .wxCon .ewmcon .ewm{width:90px;height:90px;}
.footer .wxCon .ewmcon p{line-height: 30px;color:#00cae2}
.footer .wxCon .arrowicon{display: block; width:0;height:0;position: absolute;top:60px;right:-13px;margin-left:-8px; border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff;
	transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
.footer .wxCon:hover .ewmcon{display: block}
.footer{background:url(../images/botbg.jpg) no-repeat center top; background-size:100% 100%; color:#fff;}
/*分页样式*/
.pageDiv{width:100%;margin: auto;text-align: center;    margin: 20px 0px;}
.pageDiv span{vertical-align: top;margin: 0 5px;width: 30px;height: 30px;text-align: center;line-height: 28px;border: 1px solid transparent;}
.pageDiv a{width: 30px;height: 30px;text-align: center;line-height: 28px;color:#00a6ba;background-color: rgb(248,248,248);display: inline-block;cursor: pointer;border: 1px solid rgb(238,238,238);margin: 0 5px;vertical-align: middle;}
.pageDiv input{width: 30px;height: 25px;line-height: 25px;border: 1px solid #00BFFF;vertical-align: top;margin: 0 5px;text-align: center;}
.prevPage,.nextPage{width: 30!important;height: 30px!important;text-align: center;line-height: 28px;border: 1px solid #00BFFF;font-size: 23px;vertical-align: middle;}
.disabled{color: gray !important;border: 1px solid rgb(238,238,238)!important;display: inline-block;width: 40px;height: 25px;text-align: center;line-height: 30px !important;border-radius: 2px;font-size: 23px;}
.pageCur{width: 40px;height: 25px;text-align: center;line-height: 25px;color: white;background-color: #00a6ba;display: inline-block;border-radius: 2px;border: 1px solid #00BFFF;margin: 0 5px;}
.turnDown{font-size: 12px;vertical-align: top !important;}
.pageDiv img{width:12px;margin-bottom:4px;}

/*公共*/
.mainBox{width:100%;height:auto;min-height:calc(100% - 50px);min-height:-moz-calc(100% - 50px);min-height:-webkit-calc(100% - 50px);overflow-x:hidden; }
.wrap{width:1360px;height:auto;margin:0 auto;}
/*标题*/
.originbt{width: 100%;height: 100px;background-color: #f6efe4;border-bottom: 6px solid #b8945b;}
.tit{width:460px;height: 100px;border-bottom:6px solid #93703a;padding-left: 20px;font-size: 14px;color: #93703a;line-height: 100px;}
.tit span{font-size: 30px;margin-right: 20px;letter-spacing: 6px;}
.tit1{width: 100%;height: 35px;line-height: 35px;}
.tit1 span{margin: 0 6px;}
.tit2{font-size: 26px;margin: 40px 0 30px;letter-spacing: 10px;color: #333;opacity: 0.9;}
.tit2 span{background: #b8945b;padding:10px 14px;border-radius: 50%;color: #fff;letter-spacing: 0px;}
::-webkit-scrollbar {  width: 8px;  height: 14px;} 
::-webkit-scrollbar-track,:-webkit-scrollbar-thumb {  border-radius: 999px;  border: 5px solid transparent;}
::-webkit-scrollbar-track {  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;} 
::-webkit-scrollbar-thumb {  min-height: 20px;  background-clip: content-box;  box-shadow: 0 0 0 5px #b8945b inset;    border-radius: 30px;}
::-webkit-scrollbar-corner {  background: transparent;}




.popBox{width:100%;height:100%;background: rgba(0,0,0,0.8); position: fixed;left:0px;top:0px;display: none;}
.popBox .popCon{width:450px;height:auto;position: absolute;left:50%;margin-left:-225px; background-color: #F6F0E4;padding:45px;}
.popBox .popCon.detail{height:650px; position: absolute;top:50%;margin-top:-325px;}
.popBox .popCon.refund{height:500px; position: absolute;top:50%;margin-top:-250px;}
.popBox .popCon.pay{height:300px; position: absolute;top:50%;margin-top:-150px;}
.popBox .popCon.loginout{height:350px; position: absolute;top:50%;margin-top:-175px;}
.popBox .popCon.wxpop{height:460px; position: absolute;top:50%;margin-top:-230px;}

.popBox .popCon .tipCon{text-align: center;color:#fff;line-height: 25px;}
.popBox .popCon  .wxTit{text-align: center;color:#fff;width:100%;font-size:28px;margin-top:40px;}
.popBox .popCon  .wxewm{width:160px;height:auto;border-bottom:4px solid #c51c1c;margin:30px auto;}
.popBox .popCon  .wxewm .qrcode{width:160px;height:160px;margin-bottom:5px;}
.popBox .popCon  .wxewm .qrcode img{width:100%;height:100%;}
.popBox .popCon .wxtip{width:100%;text-align: center;font-size:16px;color:#fff;}


.popBox .popCon .popClose {  width: 25px;   height: 25px;   cursor: pointer;  background: url(../images/yj_close.png) no-repeat center;   position: absolute;  right: 10px;   top: 10px;}
.titBox{width:100%;height:100px;display: flex;align-items: center; background: url(../images/titbg_1.jpg) no-repeat center;background-size:cover;}
.navtit{width:100%;height:50px;}
.navtit .wrap{display: flex;align-items: center;height:100%;}
.navtit .iconhome{width:20px;height:20px;margin-right:10px;background: url(../images/home.png) no-repeat center;display: inline-block;}

/* 
  turn : 定义的动画名称
  1s : 动画时间
  linear : 动画以何种运行轨迹完成一个周期
  infinite :规定动画应该无限次播放
 */
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}

.imgshow:hover{transform: scale(1.05, 1.05); opacity: 1; z-index: 0; transition: transform 4000ms linear 0s;}
.imgwrap{overflow: hidden;}


@media only screen and (max-width:1400px ) {
	.wrap{width:1200px}
}