*{padding: 0;margin: 0;font-family: PingFangSC-Regular,Microsoft YaHei,Heiti,Arial,Helvetica,"sans-serif";}
*,:before,:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{width: 100%;height: 100%;overflow: hidden;background: #f9fafc;}
a{text-decoration: none;}

.warp{width: 950px;margin: 0 auto;}

.header{position: relative;}
.top .warp{position: relative;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 10px 0;justify-content: center;}
.top .logo{display: block;height: 70px;}
.top .logo img{display: block;max-height: 100%;}

.menu{height: 45px;line-height: 45px;background: #E94335;color: #fff;font-size: 16px;}
.menu .warp{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.menu a{position: relative;flex:1;height: 45px;line-height: 45px;color: #fff;text-align: center;}
.menu a:hover{background: #DA1B25;}
.menu a span{position: absolute;
    top: 0;
  	left: 40%;
    right: 12px;
    width: 27px;
    height: 16px;
    background-image: url(data:image/gif;base64,R0lGODlhHgAQAKIFAPD/AP8AAPH/E/+QAP/2AP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNzRFODlBNkQyQzYxMUU1QjY3MjlFOTNBNTNCMTRENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNzRFODlBN0QyQzYxMUU1QjY3MjlFOTNBNTNCMTRENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3NEU4OUE0RDJDNjExRTVCNjcyOUU5M0E1M0IxNEQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3NEU4OUE1RDJDNjExRTVCNjcyOUU5M0E1M0IxNEQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoABQAsAAAAAB4AEAAAA0cIutz+MEoZgqozA7xt/R5oRRxWjl0mhhfKUaMZuyg5p3hut/j7aotVsAYsMgTIpHLJbCIL0Ki08Jhar9YGdrtdcL9XADiaAAAh+QQJCgAFACwAAAAAHgAQAAADRQi63P4wyumCvbRZtTfolwd5IBcsYkSeK3pOYfm9M9W2pv2CoavnKlpm+BAYj8ikcmksOJ/QwiNKrVIb1mx2oe1WAd5nAgAh+QQJCgAFACwAAAAAHgAQAAADRgi63P4wyklBuFhetXHmAbVZ4TiSYoiaKjp5nXqeEevObS2X+0JDNliuQpwIjsikcsk8Fp7QaOEhrVqrjatWu9h6rYAvNAEAIfkECQoABQAsAAAAAB4AEAAAA0cIutz+MEoZgqozA7xt/R5oRRxWjl0mhhfKUaMZuyg5p3hut/j7aotVsAYsMgTIpHLJbCIL0Ki08Jhar9YGdrtdcL9XADiaAAAh+QQJCgAFACwAAAAAHgAQAAADRQi63P4wyumCvbRZtTfolwd5IBcsYkSeK3pOYfm9M9W2pv2CoavnKlpm+BAYj8ikcmksOJ/QwiNKrVIb1mx2oe1WAd5nAgAh+QQJCgAFACwAAAAAHgAQAAADRgi63P4wyklBuFhetXHmAbVZ4TiSYoiaKjp5nXqeEevObS2X+0JDNliuQpwIjsikcsk8Fp7QaOEhrVqrjatWu9h6rYAvNAEAIfkEBQoABQAsAAAAAB4AEAAAA0YIutz+MMpJKwtBYYB79lsUbmOmmVLJmeFKgR+LtqLs3nh93i0NqbCFz0JcCI7IpHLJPBae0GjhIa1aq42rVrvYeq2ALzQBACH5BAUKAAUALAUAAwAUAAcAAAMbOFOlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbSFSlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbOFOlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbGFGlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbOFOlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbSFSlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbOFOlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJACH5BAUKAAUALAUAAwAUAAcAAAMbGFGlrfDB+Kq1ruaM59oLA4pfyI2aGXakRFkJADs=);
}

.wrapper{position: relative;display: table;table-layout: fixed;width: 100%;height:-webkit-calc(100% - 135px);height: -moz-calc(100% - 135px);height: calc(100% - 135px);}
.layout{display: table-cell;vertical-align: middle;width: 100%;height: 100%;background:url(../images/bg.jpg) right center no-repeat;background-size: contain;}
.layout>.warp{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;}
.layout>.warp>.left{width: 60%;}
.layout>.warp>.left>.item{width: 100%;margin: 1rem 0;padding: 1rem;background: #f3f3f3;line-height: 1.6;border-radius: 10px;font-size: 24px;color: #e94335;-webkit-box-shadow: 1px 1px 10px #adadad;-moz-box-shadow: 1px 1px 10px #adadad;box-shadow: 1px 1px 10px #adadad;}
.layout>.warp>.right{width: 40%;text-align: right;}
.layout>.warp>.right img{max-width: 90%;}

.menuBtn{display: none;position: relative;width: 29px;height: 20px;cursor: pointer;z-index: 9999}
.menuBtn span{background: #e94335;height: 4px;width: 100%;position: absolute;-webkit-transition: .1s ease-in-out;-moz-transition: .1s ease-in-out;-o-transition: .1s ease-in-out;transition: .1s ease-in-out;left: 0;}
.menuBtn span:first-child{top: 0;}
.menuBtn span:nth-child(2){top: 8px;}
.menuBtn span:last-child{top: 16px;}
.on span:first-child{top: -2px;-webkit-transform: rotate(45deg) translate(5px,9px);-moz-transform: rotate(45deg) translate(5px,9px);-ms-transform: rotate(45deg) translate(5px,9px);-o-transform: rotate(45deg) translate(5px,9px);transform: rotate(45deg) translate(5px,9px);}
.on span:nth-child(2){opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.on span:last-child{top: 14px;-webkit-transform: rotate(-45deg) translate(2px,-6px);-moz-transform: rotate(-45deg) translate(2px,-6px);-ms-transform: rotate(-45deg) translate(2px,-6px);-o-transform: rotate(-45deg) translate(2px,-6px);transform: rotate(-45deg) translate(2px,-6px);}

.wxbox{width:347px!important;}
.wxbox .layui-m-layercont{padding:0;}

@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animateds { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; left: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animateds { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50;border-radius: 50%;}
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animateds .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animateds .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animateds .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; left: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(80px); transform: translateX(80px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { left: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

@media only screen and (max-width: 1366px){
	.warp{width: 90%;}
}
@media only screen and (max-width: 480px){
	.top .warp{justify-content:space-between;align-items: center;}
	.top .logo{height: 3rem;flex: 1;}
  	.top .logo img{margin:0 auto;}
	.menuBtn{display: block;}
	.menu{width: 100%;height: 1px;}
	.menu.show{height: auto;position: absolute;z-index: 999;}
	.menu .warp{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
	.menu a{display: block;flex: auto;width: 100%;}
	.wrapper{height:-webkit-calc(100% - 3rem);height: -moz-calc(100% - 3rem);height: calc(100% - 3rem);}
	.layout{background: none;}
	.layout>.warp>.left{width: 100%;}
	.layout>.warp>.left>.item{font-size: 1.2rem;}
  	.menu a span{display: none;}
}