* {margin:0; padding:0;	border:0; outline:0; font-size:100%; background:transparent; }
body,button,input,select,textarea{font-family: Microsoft YaHei, SimHei, Verdana, Arial, sans-serif; font-size:14px;}
body{ word-break:break-all; min-width:1200px; background-color: #fff;}
h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
ul,ol{list-style:none; padding:0; margin:0;}
button,input[type="submit"],input[type="button"]{cursor:pointer;}
input[type="radio"],input[type="checkbox"],input[type="submit"],input[type="reset"] { vertical-align:middle; cursor:pointer; }
input[type="checkbox"]{ border: none; background: #fff; position: relative;}
input[type="checkbox"]::after{ content: ''; display: inline-block; vertical-align: middle; color: #fff; font-size:12px; text-align: center; width: 15px; height:15px; line-height:15px; border: 1px solid #ccc; background-color: #fff; position: absolute; left: -2px; top:  -3px; z-index: 2;}
input[type="checkbox"]:checked::after{ content: '✔'; border-color: #FF0000; background-color: #FF0000;}
input[type="radio"]{ margin-right: 6px; border: none; background: #fff; position: relative;}
input[type="radio"]::after{ content: ''; display: inline-block; vertical-align: middle; color: #fff; font-size:20px; text-align: center; width: 15px; height:15px; line-height:10px; margin-top: -8px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; position: absolute; left: -2px; top: 50%; z-index: 2;}
input[type="radio"]:checked::after{ content: '●'; color: #FF0000; border-color: #FF0000; background-color: #fff;}
/****/
a{ color:#333; text-decoration:none;}
a[href]{ cursor:pointer;}
a[href]:hover{ text-decoration: underline;}
:focus { outline:0;}
/****/
fieldset, img { border:0; vertical-align:middle;} 
img{ object-fit: contain;}
button, input, select, textarea {background:transparent; font-size:100%; outline:0;}
input, button {vertical-align:middle;border:none;background:none;outline:none;}
button{ white-space: nowrap;}
textarea { resize: none;}
:link, *:visited, *:hover, *:active, *:focus{transition:background-color 0.2s linear 0s }
/**/
table{ border-collapse:collapse; border-spacing:0;}
i{ font-style:normal;}
/* */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display:block; margin:0; padding:0;}

/*@font-face {
	font-family: 'PingFang';
	src: url('./pingfang.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/

/**//**/
.c-main{ color: #FF0000;}
.c-333{ color:#333;}
.c-666{ color:#666;}
.c-999{ color:#999;}
.c-org{ color:#FFA200;}
.c-red{ color: #FF0000;}
.c-blue{ color: #FF0000;}
.fs-12{ font-size:12px;}
.fs-14{ font-size:14px;}
.fs-16{ font-size:16px;}

/**/
.pr{position:relative;}
.pa{position:absolute;}
.hide{display:none;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dp-ib{ display:inline-block; vertical-align:middle;}
.nowrap{ white-space:nowrap;}
.loading{ width:100%; height:100px; background:url(../images/loading.gif) center center no-repeat;}
/**/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clear{ clear:both;}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {display:table; content:""; height:0; clear:both; visibility:hidden;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.bg-gray{ *zoom:1; background-color:#F6F6F6;}
.bg-white{ background-color:#FFF;}
.pos-right{ position:absolute; right:0; z-index:1;}
.btn:hover{ opacity: .9;}
.g-btn{ display:inline-block; *display:inline; *zoom:1; white-space: nowrap; font-size: 16px; text-align:center; vertical-align:middle; color:#FFF; height:36px; line-height:36px; overflow:hidden; padding:0 30px; margin: 0 5px; border-radius: 2px; background-color: #FF0000; position:relative; cursor: pointer; box-sizing: border-box;}
.g-btn:hover, .g-btn[href]:hover{ color:#FFF; text-decoration: none; background-color: #005bf6;}
.g-btn.out{ color: #FF0000; border: 1px solid #FF0000; background: none;}
.g-btn.out:hover, .btn.out[href]:hover{ text-decoration: none; background: #dfebfa;}
.g-btn.org{ background-color: #FF8A36;}
.g-btn.org:hover{ background-color: #ff9950;}
.g-input{ vertical-align: middle; height: 35px; line-height: 35px; padding: 0 10px; border:1px solid #ccc; border-radius: 2px;}
.elps{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.p-content { width: 1200px; margin: 0 auto; position: relative;}
.icon{ display: inline-block; vertical-align: middle; background:url(../images/icon.png) no-repeat;}

.nice-checkbox { vertical-align: middle; width: 1em; height: 1em; line-height: 1em; position: absolute; clip: rect(0, 0, 0, 0);}
.nice-checkbox + label::before { content: "";display: inline-block; color: #2261d3; font-size: 14px; vertical-align: middle; width: 1em; height: 1em; line-height: 1em; padding-left: .1em; margin-right: .4em; border: 1px solid #2261d3; }
.nice-checkbox:checked + label::before { content: "✔"; background-clip: content-box;}

/*-----------------------------------分页-----------------------------------------------*//**/
.page{ padding:30px 0;font-size:14px; color:#333; text-align:center;}
.page a{display:inline-block; color:#333; text-align:center; min-width: 14px; height:32px; line-height:32px; padding:0px 10px; margin:0 5px; border:1px solid #ebebeb; border-radius: 3px; background-color: #FFF; cursor:pointer;}
.page a:hover {color: #FF0000;text-decoration: none;border-color: #FF0000;}
.page a.cur {text-decoration: none;color: #FFF; /*border:1px solid #FC6640;*/background-color: #FF0000;}
.page a.gray{ color:#ADADAD;}
.page a.gray:hover{ border-color:#ECECEC; background-color:#FFF; cursor:default;}
.page span{ cursor:text; margin:0 8px; display:inline-block;}
.page span b{ color:#666;}
.page .page-tool{ color:#333; margin-left:20px;}
.page .ipt{ text-align:center; border:1px solid #ddd; height:28px;}
.page .num{ width:50px; height:32px; line-height:32px; margin: 0 5px; border:1px solid #ECECEC;}
.page .btn{ width:55px;  height:38px; line-height:38px; border:1px solid #ECECEC; border-radius: 3px;}
.page .btn:hover {color: #FFF; border-color: #FF0000;background-color: #FF0000;}
.page p {text-align:center;}

.page-tiny{color:#333; font-size:12px; text-align:center; line-height:20px; padding:30px 0;}
.page-tiny a{display:inline-block; color:#333; text-align:center; padding:0 5px; margin:0 2px; cursor:pointer;}
.page-tiny a:hover,.page-tiny a.cur{ text-decoration:underline;}
.page-tiny a.prev,.page-tiny a.next{ color:#FF7C6D;}
.page-tiny a.gray{ color:#ADADAD;}
.page-tiny a.gray:hover{ border-color:#ECECEC; background-color:#FFF; cursor:default;}
.page-tiny span{ cursor:text; margin:0 8px; display:inline-block;}
.page-tiny span b{ color:#666;}
.page-tiny .page-tool{ color:#999; margin-left:20px;}
.page-tiny .ipt{ text-align:center; line-height:20px; border:1px solid #ddd;}
.page-tiny .num{ width:50px; border:1px solid #ECECEC; border-radius:3px;}
.page-tiny .btn{ width:35px; margin-left:10px; border:1px solid #ECECEC; border-radius:3px;}
.page-tiny .btn:hover{ color:#FFF; border-color:#FF7C6D; background-color:#FF7C6D;}

/*-----------------------------------在线客服-----------------------------------------------*//**/
.m-sider-bar{ width: 44px; height: 100%; position: fixed; top: 0; right: 12px; z-index:10000; transition: right 0.3s;}
@media screen and (max-width:1400px){
	.m-sider-bar{ right:0;}
}
.m-sider-bar .m-sider-bg{ width:100%; height:100%; background-color:#A3A3A3; position:absolute; left:0; top:0; z-index:-1;}
.m-sider-bar .m-sider-main{ margin-top:106px;}
.m-sider-bar .m-sider-bottom{ width: 100%; position: absolute; bottom: 20px; left: 0; z-index: 2;}
.m-sider-bar .m-sider-con{ color:#fff; font-size:14px; white-space:nowrap; min-height: 22px; line-height: 22px; padding:10px 30px 10px 20px; border-radius: 5px; background-color: #FF0000; position:absolute; right: 90px; top:0; z-index:1; transition:all 0s; cursor:default; box-shadow: 0 0 5px #CCC;}
.m-sider-bar .m-sider-con .btn{ display: inline-block; vertical-align: middle; color: #FF0000; font-size: 14px; padding: 0 20px; margin: 5px 0; background-color: #fff; border-radius: 20px;}
.m-sider-bar .m-sider-con i{ display:block; width:0; height:0; line-height:0; margin-top:-4px; border-top:5px dashed transparent; border-bottom:5px dashed transparent; border-left:6px solid #FF0000; position:absolute; right:-6px; top:50%; z-index:1;}
.m-sider-bar .m-sider-icon:hover i{ margin-top: -24px;}
.m-sider-bar .m-sider-con-cart-wrap{ color:#151515; font-size:14px; width: 320px; height:100%; line-height:26px; background-color:#FFF; position:fixed; right:-360px; top:0; z-index:-1; cursor:default; box-shadow: 0 0 10px #eee; transition: all .3s;}
.m-sider-bar .m-sider-con-cart{ padding:20px 10px 81px 20px;}
.m-sider-bar .m-sider-con-cart .con-cart-top{ border-bottom: 1px solid #EAEBEB;}
.m-sider-bar .m-sider-con-cart .con-cart-bottom{ line-height: 20px; padding: 20px; border-top: 1px solid #EBEBEB; background-color: #FFF; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; box-shadow: 0 -30px 30px -30px #EBEBEB;}
.m-sider-bar .m-sider-con-cart .con-cart-empty{ overflow: auto; padding: 0 10px 0 20px; background-color: #FFF; position: absolute; left: 0; right: 0; top: 78px; bottom: 0; z-index: 3;}
.m-sider-bar .m-sider-con-cart .con-cart-empty .empty-content{ font-size: 16px; width: 160px; line-height: 24px; margin: 320px auto 0 auto;}
.m-sider-bar .m-sider-con-cart .con-cart-empty .empty-content .icon-cart-empty{ display: inline-block; width: 128px; height: 123px; margin-bottom: 26px; background: url(../images/m-sider-bar.png) -140px 0 no-repeat;}
.m-sider-bar .m-sider-con-cart .con-cart-list{ overflow: auto; padding: 0 10px 0 20px; position: absolute; left: 0; right: 0; top: 78px; bottom: 81px; z-index: 2;}
.m-sider-bar .m-sider-con-cart .con-cart-list li{ border-bottom: 1px solid #EAEBEB; padding: 6px 0 36px 0;}
.m-sider-bar .m-sider-con-cart .con-cart-list .cart-top-btn{ text-align: right; height: 30px;}
.m-sider-bar .m-sider-con-cart .con-cart-list li:hover .cart-btn{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.m-sider-bar .m-sider-con-cart .con-cart-list .cart-pic{ float: left; width: 70px; height: 70px; margin-right: 12px; background-color: #f2f2f2;}
.m-sider-bar .m-sider-con-cart .con-cart-list .cart-pic img{ width: 70px; height: 70px; border: 1px solid #EDEDED;}
.m-sider-bar .m-sider-con-cart .con-cart-list .cart-detail{ float: left; width: 110px; line-height: 24px;}
.m-sider-bar .m-sider-con-cart .con-cart-list .cart-price{ float: right; width: 98px; text-align: right;}
.m-sider-bar .m-sider-con-cart .cart-btn{ display: inline-block; vertical-align: middle; line-height: 20px; padding: 0 13px; border-radius: 10px; background-color: #DBD8D8; cursor: pointer;}
.m-sider-bar .m-sider-con-cart .cart-btn.del{ color: #FFF; border-radius: 3px; background-color: #D41A22; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.m-sider-bar .m-sider-con-cart .cart-btn.del-file{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0; margin-left: 4px; background: url(../images/m-sider-bar.png) -90px 0 no-repeat;}
.m-sider-bar .m-sider-con-cart .cart-btn.pay{ color: #FFF; line-height: 38px; padding: 0 40px; border-radius: 3px; background-color: #D41A22;}
.m-sider-bar .m-sider-con-cart .cart-btn.pay:hover{ background-color: #E12E36;}
.m-sider-bar .m-sider-con-cart .cart-title{ font-size: 18px; margin-right: 30px;}
.m-sider-icon{ width: 44px; height: 44px; overflow:hidden; margin-bottom: 12px; border-radius: 50%; background: #fff url(../images/m-sider-bar.png) -75px -153px no-repeat; position:relative; box-shadow: 0 0 10px #eee; transition: .1s; cursor:pointer;}
.m-sider-icon:hover{ overflow:visible; background-position: -4px -153px;}
.m-sider-icon:hover .m-sider-con{ right:48px;}
.m-sider-icon .m-sider-link{ display:block; width:100%; height:100%;}
.m-sider-icon.m-sider-order{ background-position: -75px -276px;}
.m-sider-icon.m-sider-order:hover{ background-position: -4px -276px;}
.m-sider-icon.m-sider-pub{ background-position: -75px -400px;}
.m-sider-icon.m-sider-pub:hover{ background-position: -4px -400px;}
.m-sider-icon.m-sider-tel{ background-position:5px 12px; cursor:default;}
.m-sider-icon.m-sider-top{ margin-top:10px; background-position: -75px -338px;}
.m-sider-icon.m-sider-top:hover{ background-position: -4px -338px;}
.m-sider-icon.m-sider-cart{ background-position: -75px -215px; cursor:default;}
.m-sider-icon.m-sider-cart:hover{ background-position: -4px -215px;}
.m-sider-icon.m-sider-cart:hover .m-sider-con-cart-wrap{ right: 68px;}
.m-sider-icon .m-sider-num{ display: none; color:#FFF; font-family:sans-serif; font-size:14px; text-align:center; width:30px; padding:0 1px 0 2px; border-radius:10px; background-color:#FF0000; position:absolute; left:10px; bottom:15px; z-index:2;}
.m-sider-icon.m-sider-cart:hover .m-sider-num{ color: #FF0000; background-color: #FFF;}
.m-sider-icon.m-sider-mb{ background-position:10px -46px; cursor:default;}
.m-sider-icon.m-sider-tool{ background-position:5px -260px; cursor:default;}
.m-sider-icon.m-sider-print{ background-position:5px -156px; cursor:default;}
.m-sider-icon.m-sider-consult{ background-position:5px -304px; cursor:default; /*-webkit-animation:ani-changbg 1300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate; animation:ani-changbg 1300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;*/}
.m-sider-icon.m-sider-chat{ cursor:default;}
.m-sider-icon.m-sider-chat .m-sider-con{ height: auto;}
.m-sider-icon.m-sider-chat .m-sider-con p{ text-align: center;}
.m-sider-bar .m-sider-con .icon-tel{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; background: url(../images/bg.png) -70px -676px;}
.m-sider-icon.m-sider-chat:hover .m-sider-con{ right: 44px;}
.m-sider-icon.m-sider-chat:hover .m-sider-con i{ margin-top: -30px;}
@keyframes ani-changbg{50% { background-color:#1A6EEA;}0%,100% { background-color:#24A5FF;}}
/*右侧悬浮*/
.side-bar{ width: 76px; height: 362px; background: url(../images/side-bar.png) no-repeat; position: fixed; right: 20px; top: 200px; z-index: 1000;}
.side-bar .cart{ text-align: center; padding: 10px 15px; background: #FFFFFF; box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.1); border-radius: 2px; position: absolute; left: 0 ; top: -100px; z-index: 2;}
.side-bar .cart .icon{ width: 24px; height: 24px; background: url(../images/side-bar.png) -100px 0 no-repeat;}
.side-bar .cart .num{ color: #fff; font-size: 12px; padding: 0 2px; border-radius: 20px; background-color: #D7272D; position: absolute; left: 40px; top: 6px; z-index: 2;}
.side-bar .cart h3{ margin-top: 6px;}
.side-bar li{ height: 76px; margin-bottom: 20px;}
.side-bar li a{ display: block; height: 100%;}
.side-service{ width: 297px; height: 187px; background: url(../images/side-service.png) no-repeat; position: fixed; right: 20px; top: 600px; z-index: 1000;}
.side-service a{ display: block; height: 100%;}
.side-service .close{ width: 20px; height: 20px; position: absolute; right: 4px; top: 16px; z-index: 2;}
.side-service .btn{ width: 260px; height: 45px; position: absolute; left: 20px; bottom: 20px; z-index: 2;}
/**/
.m-sider-service{ color: #fff; font-size: 13px; width: 122px; padding: 10px 0; background: linear-gradient(180deg, #14CBB8 0%, #00ADA9 100%); box-shadow: 0px 8px 32px 0px rgba(105,123,140,0.1); border-radius: 100px 100px 6px 6px; position: fixed; right: 30px; top: 50%; z-index: 2000; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);}
.m-sider-service h2{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 4px 0;}
.m-sider-service h3{ font-size: 16px; margin-bottom: 6px;}
.m-sider-service .icon{ width: 16px; height: 16px; margin-bottom: 2px; background: url(../images/m-sider-service.png) -30px -100px no-repeat;}
.m-sider-service .service-bar{ font-size: 12px; text-align: center; padding: 10px;}
.m-sider-service .service-bar .icon.avatar{ width: 80px; height: 80px; background-position: 0 0;}
.m-sider-service .service-bar .icon.tel{ margin-right: 5px; background-position: -60px -100px;}
.m-sider-service .service-layer{ display: none; width: 170px; padding: 20px; background-color: #fff; border-radius: 2px; border: 1px solid #EEEEEE; position: absolute; right: 80px; top: 0; z-index: 3; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);}
.m-sider-service:hover .service-layer{ display: block;}
.m-sider-service .service-layer::before{ content: ''; width: 20px; height: 100%; position: absolute; right: -20px; top: 0; z-index: 1;}
.m-sider-service .service-layer::after{ content: ''; border: 5px dashed transparent; border-left: 5px solid #fff; position: absolute; right: -10px; top: 10px; z-index: 1;}
.m-sider-service .service-tel{ padding: 10px 0 10px 0; margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.m-sider-service .service-list li{ margin-bottom: 10px;}
.m-sider-service .service-list li:last-child{ margin-bottom: 0;}
.m-sider-service .service-list li h3{ margin-bottom: 6px;}
.m-sider-service .service-list li .icon{ filter: contrast(0.5);}
.m-sider-service .service-list li .btn{ color: #00ADA9; font-size: 12px; height: 22px; line-height: 22px; padding: 0 6px; background: #fff; border-radius: 3px;}
.m-sider-service .service-web{ color: #333; text-align: center; width: 100%; padding: 6px; background-color: #E5F7F6; box-shadow: 0px 8px 32px 0px rgba(105,123,140,0.1); border-radius: 6px; box-sizing: border-box; position: absolute; top: calc(100% + 10px); left: 0; z-index: 100;}
.m-sider-service .service-web .icon{ margin-right: 6px; background-position: 0 -100px;}

/*弹层*/
.layer-box{ display: none; background-color: #fff; width: 754px; height: 556px; margin: auto; border-radius: 3px; border: 1px solid #E1E6F0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; box-shadow: 0 0 0 1600px rgba(0, 0, 0, 0.2);}
.layer-box form{ height: 100%;}
.layer-title{ color: #fff; width: calc(100% - 40px); height: 40px; line-height: 40px; padding: 0 20px; background: #FF0000; position: absolute; left: 0; top: 0; z-index: 100;}
.layer-title::after{ content: ''; position: relative; width: 100%; height: 40px;}
.layer-title .icon-close{ width: 13px; height: 14px; background-position: -40px -190px; margin-top: -6px; position: absolute; top: 50%; right: 20px; z-index: 2; cursor: pointer;}
.layer-content{ height: calc(100% - 80px); overflow: auto; padding: 20px; margin: 40px 0 0; background-color: #fff;}
.layer-btn{ text-align: center; width: calc(100% - 40px); padding: 10px 0; margin-top: 20px; background-color: #fff; position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 100;}
.layer-btn ~ .layer-content{ height: calc(100% - 140px); margin: 40px 0 60px;}

/*建设中*/
.building-box{ text-align: center; padding: 70px 0 76px 0;}

/*404*/
.error-main{ font-size: 30px; text-align: center; padding: 130px 0;}
.error-pic{ margin-bottom: 50px;}
.error-text{ margin-bottom: 30px;}

/*404*/
.blank-box{ min-height: 500px; background-color: #FFF;}
.blank-image{ height: 267px; background: url(../Images/404.jpg) center center no-repeat;}
.blank-btn{ display: inline-block; vertical-align: middle; color: #FFF; font-size: 16px; line-height: 40px; padding: 0 20px; border-radius: 5px; background-color: #FF7814;}
.blank-btn:hover{ background-color: #DF5F00;}

[v-cloak] {
display:none;
}

.right-bar{
    width: 50px;
    background: #FFFFFF;
    box-shadow: 0px 6px 20px 0px rgba(0,0,0,0.08);
    border-radius: var(--radius);
    position: fixed;
    right: 0;
    top: 400px;
	z-index: 1000;
}
.right-bar-item{
    width: 50px;
    height: 60px;
    cursor: pointer;
    border-radius: var(--radius);
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 18px;
    text-align: center;
    font-style: normal;
}
.right-bar-item:hover{
    background: rgba(255,0,0,0.1);
    color: #ff0000;
}
/* .right-bar-item:hover .right-bar-icon{
    filter: sepia(50%) hue-rotate(90deg) saturate(200%);
} */
.right-bar-icon{
    width: 24px;
    height: 24px;
    margin: 10px auto 0;
    position: relative;
}
.badge{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    background: var(--primary-color);
    color: #FFFFFF;
    font-size: 8px;
}
.qrcode{
    width: 120px;
    height: 136px;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
    border-radius: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
    text-align: center;
    font-style: normal;
    position: absolute;
    left: -125px;
    top: -50px;
    overflow: hidden;
    display: none;
}
.qrcode-img{
    width: 110px;
    height: 110px;
    margin-top: 5px;
}
.customer-service{
    position: relative;
}
.customer-service:hover .qrcode{
    display: block;
}