html {
	font-size: 14px;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

* {
	margin: 0;
	padding: 0
}

body {
	font-size: 14px;
	width: 100%;
	margin: 0 auto
}

a {
	background-color: transparent
}

a:hover,
e {
	outline: 0
}

b,
strong {
	font-weight: 400
}

img {
	border: 0
}

hr {
	box-sizing: content-box;
	height: 0
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
html input[type=button],
input[type=reset],
input[type=submit],
input[type=text] {
	-webkit-appearance: none;
	border-radius: 0
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

blockquote,
dd,
dir,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
menu,
ol,
p,
pre,
tbody,
textarea,
tfoot,
thead,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style-type: none;
	list-style-image: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

img {
	width: auto\9;
	vertical-align: top
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #ffbc01
}

html {
	box-sizing: border-box;
	text-rendering: optimizelegibility
}

body {
	font-family: Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, Hiragino Sans GB, Source Han Sans CN, Source Han Sans SC, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif
}

th {
	text-align: inherit
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tl {
	text-align: left
}

.fr {
	float: right
}

.fl {
	float: left
}

.font12 {
	font-size: 1.2rem
}

.font14 {
	font-size: 1.4rem
}

.font16 {
	font-size: 1.6rem
}

.font18 {
	font-size: 1.8rem;
	color: #535353
}

.font18blod {
	font-size: 1.8rem;
	font-weight: 700
}

.black {
	color: #000
}

.lightblack {
	color: #f7f7f7
}

.withe {
	color: #fff
}

.orange {
	color: #ffbc00
}

.color919191 {
	color: #919191
}

.blue {
	color: #01cfff
}

.lightblue {
	color: #ecf6f8
}

.orangeborder {
	border: .1rem solid #ffbc00
}

.red {
	color: #db1000
}

input::-webkit-input-placeholder {
	color: #cfcfcf
}

input,
select,
textarea {
	outline: none
}

.publicheight {
	height: 36px;
	line-height: 36px
}

.md-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.md-overlay,
.mmd-show {
	position: fixed;
	visibility: hidden
}

.mmd-show {
	top: 45%;
	left: 50%;
	width: 50%;
	max-width: 570px;
	min-width: 250px;
	height: auto;
	z-index: 2000;
	-webkit-transform: translateX(-50%) translateY(-50%)
}

.md-content {
	color: #000;
	background: #fff;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.md-content h3 {
	margin: 0;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	opacity: .8;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px 3px 0 0
}

.md-content .tips {
	text-align: center;
	padding: 2rem 1.2rem 1.2rem;
	font-size: 1.4rem
}

.md-content .md-close {
	display: block;
	border: none;
	padding: .6em 1.2em;
	color: #fff;
	font-family: Lato, Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
	margin: 0 auto;
	font-size: .8em;
	background: #ffbc01
}

.md-content .md-close:hover {
	background: #e2b32e
}

.md-effect .md-content {
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
	opacity: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.mmd-show1 .md-content {
	transition: all .2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.md-overlays {
	width: 100%;
	height: 100%;
	max-width: 64rem;
	top: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.md-overlays,
.mmd-shows {
	position: fixed;
	visibility: hidden
}

.mmd-shows {
	top: 45%;
	left: 50%;
	width: 50%;
	max-width: 570px;
	min-width: 300px;
	height: auto;
	z-index: 2000;
	-webkit-transform: translateX(-50%) translateY(-50%)
}

.main {
	width: 1200px;
	margin: 0 auto
}

.headers {
	width: 100%;
	min-width: 1200px;
	background: #000;
	height: 70px
}

.headers .header {
	margin: 0 auto;
	padding: 0;
	position: relative;
	color: #fff
}

.headers .header .logo {
	float: left;
	line-height: 70px;
	margin: 0 87px 0 20px
}

.headers .header .logo img {
	vertical-align: middle
}

.headers .header .menu {
	float: right;
	margin-right: 170px;
	line-height: 70px
}

.headers .header .menu ul li {
	float: left;
	width: 80px;
	text-align: center
}

.headers .header .menu ul li a {
	color: #fff
}

.headers .header .menu ul li:hover >a {
	color: #30cc7b
}

.enterprise_login {
	cursor: pointer;
	border: 1px solid #fff;
	height: auto;
	padding: 2px 20px;
	border-radius: 4px;
	position: absolute;
	right: 20px;
	top: 25px
}

.enterprise_login img {
	vertical-align: middle;
	margin-right: 2px
}

.enterprise_login span:hover {
	color: #30cc7b
}

.footer {
	width: 100%;
	min-width: 1200px;
	text-align: center;
	background: #f2f2f2;
	padding: 25px 0 50px;
	font-size: 12px;
	color: #757575
}

.footer .partners {
	padding-bottom: 50px
}

.footer .footer1 {
	margin-bottom: 10px
}

.footer .footer1 b {
	font-style: italic;
	font-size: 19px;
	color: #000
}

.menu ul li div{width: 100px;line-height: 35px;background: #1d1d1d;padding: 10px;text-align: left;display: none;}
.menu ul li div p{cursor: pointer;}
.menu ul li:hover div{display: block;}
.menu ul li p:hover a{color:#30cc7b;}

/*旅行社采销管理*/
.trBody{min-width: 1200px;height: 851px;background: url(assets/images/trBg.jpg) no-repeat;background-size: 100% 100%;padding-top: 120px;box-sizing: border-box;}
.trContent{margin: 0 auto;width: 1200px;height: 500px;}
.trContent_left{float: left;width: 829px;background: url(assets/images/trBg1.png) no-repeat;height: 500px;background-size: 100% 335px;padding-top: 310px;box-sizing: border-box;}
.trContent_right{float: right;height: 500px;position: relative;width: 317px;}
.trp1,.trp3{font-size: 24px;color: #19332d;}
.trp3{margin-top: 40px;}
.trp2,.trp4{font-size: 32px;color: #19332D;}
.trContent_left p{padding-left: 55px;}
.trContent_login{width: 315px;height: 385px;border: 1px solid #cdcdcd;position: absolute;left: 0;top: 100px;padding: 50px 30px 0 30px;box-sizing: border-box;}
.trContent_right>img{position: absolute;left: 50%;top: 55px;margin-left: -40px;}
.trlp1{text-align: center;font-size: 18px;color: #5b73cd;}
.trlp2 input,.trlp3 input{width: 100%;height: 32px;border-radius: 5px;border: 1px solid #cdcdcd;padding-left: 45px;box-sizing: border-box;outline: none;}
.trlp2{margin-top: 25px;position: relative;}
.trlp3{margin-top: 18px;position: relative;}
.trlp2 img,.trlp3 img{position: absolute;left: 15px;top: 5px;}
.trlp4{margin-top: 18px;position: relative;height: 34px;}
.trlp4 img{position: absolute;left: 0;top: 0;width: 86px;height: 34px;}
.trlp4 input{width: 145px;height: 32px;border-radius: 5px;border: 1px solid #CDCDCD;box-sizing: border-box;outline: none;position: absolute;right: 0;padding-left: 10px;}
.trlp5{margin-top: 18px;text-align: right;}
.trlp5 a{font-size: 12px;color: #737373;text-decoration: underline;}
.trlp6{margin-top: 30px;}
.trlp6 button{width: 100%;border-radius: 10px;text-align: center;height: 45px;line-height: 45px;color: #ffffff;background: #31c176;outline: none;border: none;}

/*商户认证*/
.meBody{position: relative;top: 50px;font-size: 14px;height: 800px;}
.meBg{height: 458px;background: url(assets/images/mebanner.jpg) no-repeat;min-width: 1200px;width: 100%;background-size: 100% 100%;position: absolute;top: 32px;z-index: -1; }
.meContent{position: absolute;top: 0;background: #FFFFFF;left: 400px;}
.meContent1{border: 1px solid #e3e2e2;width: 645px;height: 655px;box-shadow: 5px 5px 5px #e3e2e2;color:#7f7f7f;padding: 25px 32px 32px 20px;box-sizing: border-box;}
.mep1{padding-bottom: 8px;}
.mep1 select{width: 108px;height: 24px;border-radius: 5px;border: 1px solid #ccc;margin-left: 5px;outline:none;}
.mep2{border-bottom: 1px solid #CCCCCC;padding-bottom: 5px;}
.meContent1 p span{display: inline-block;width: 80px;text-align-last: justify;}
.mep3 input{width: 220px;height: 28px;border: 1px solid #CCCCCC;outline: none;padding: 0 5px;box-sizing: border-box;}
.meContent1 p{margin-top: 15px;}
.meContent1 p select{width: 96px;height: 25px;border: 1px solid #CCCCCC;box-sizing: border-box;outline: none;color: #000;margin-right: 5px;}
.meContent1 p.mep4{margin-top: 20px;}
.mep4 a{display: inline-block;width: 128px;height: 37px;text-align: center;line-height: 37px;color: #FFFFFF;background: #30cc7b;border-radius: 5px;cursor: pointer;}
.mep3 b{font-weight: normal;margin-left: 25px;position: relative;top: 5px;}
.mep3 i{font-style: normal;margin-left: 15px;color: #5a738a;}
.enterprise_login a:hover{color:#30cc7b;}
.meDenglu{cursor: pointer;}

/*案例*/
.caBody{width: 1200px;margin: 0 auto;padding: 55px 65px 200px 35px;}
.caBody .caDiv{border-bottom: 1px solid #f2f2f2;font-size: 0;padding: 20px 0;}
.caBody .caDiv img{width: 250px;height: 150px;margin-right: 20px;}
.caBody .caDiv div{display: inline-block;width: 930px;font-size: 14px;}
.caBody .caP1{font-size: 20px;}
.caBody .caP2{margin-top: 15px;color: #7a7a7a;}
.caBody .caP3{margin-top: 15px;}
.caBody .caP3 a{font-size: 16px;color: #5b73cd;cursor: pointer;}

/*案例大数据开始*/
.caBigdata{display: none;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.wbg { background: url(assets/images/wbeijing.jpg) no-repeat; width: 100%; height: 100%; background-size: 100% 100%; }
/*头部部分*/
.whead { height: 70px; position: relative; padding: 0 20px; box-sizing: border-box; cursor: pointer; }
.whead .wlogo { float: left; margin-top: 21px; }
.whead p { height: 100%; line-height: 70px; font-size: 24px; color: #FFFFFF; text-align: center; position: relative; }
.whead p .wel_time { position: absolute; right: 8%; font-size: 16px; color: #FFFFFF; }
.whead h2 { text-align: center; color: #77D4F7; padding-bottom: 5px; border-bottom: 1px solid #4CB1D7; }
.whead p i { font-size: 12px; color: #FFFFFF; display: inline-block; margin-left: 8px; font-style: normal; }
.wclose { position: absolute; right: 35px; top: 26px; cursor: pointer; }
/*主体上部分*/
.wdown { width: 100%; padding: 0 27px; box-sizing: border-box; }
.wmain_top { -webkit-box-shadow: 5px 5px 25px #1b7196 inset, -5px -5px 25px #1b7196 inset; width: 100%; height: 100px; border-radius: 5px; }
.wmain_top ul { height: 100%; width: 100%; padding: 14px 0; box-sizing: border-box; }
.wmain_top ul li { height: 100%; width: 12.5%; float: left; }
.wmain_top ul li:first-child, .wmain_top ul li:nth-child(4) { width: 18%; }
.wmain_top ul li:first-child p { color: #FFFFFF; font-size: 12px; position: relative; top: 8px; }
.wmain_top ul li:first-child p span { font-size: 34px; }
.wmain_top ul li:first-child img { float: left; vertical-align: middle; margin-left: 30px; margin-right: 10px; margin-top: 5px; }
.wmain_top ul li:nth-child(3) { padding-top: 40px; box-sizing: border-box; border-right: 1px solid #1d6d8f; width: 18%; }
.wmain_top ul li:nth-child(3) p { color: #FFFFFF; display: inline-block; }
.wmain_top ul li:nth-child(3) b { font-style: normal; display: inline-block; margin: 0 10px; font-size: 12px; }
.wmain_top ul li:nth-child(3) span { font-size: 16px; }
.wmain_top ul li:nth-child(2) { font-size: 16px; color: #FFFFFF; }
#day_single_people, #day_grouy_people { margin: 0 10px; }
.wmain_top ul li:nth-child(5) { font-size: 16px; color: #FFFFFF; }
.wmain_top ul li:nth-child(4) p { color: #FFFFFF; font-size: 12px; position: relative; top: 8px; }
.wmain_top ul li:nth-child(4) p span { font-size: 34px; }
.wmain_top ul li:nth-child(4) img { float: left; vertical-align: middle; margin-left: 30px; margin-right: 10px; margin-top: 5px; }
.wmain_top ul li:nth-child(6) { padding-top: 40px; box-sizing: border-box; width: 20%; }
.wmain_top ul li:nth-child(6) p { color: #FFFFFF; display: inline-block; }
.wmain_top ul li:nth-child(6) b { font-style: normal; display: inline-block; margin: 0 10px; font-size: 12px; }
.wmain_top ul li:nth-child(6) span { font-size: 16px; }
.wmain_top ul li .welMagin { margin-left: 25px; }
/*主体中间部分*/
.wmain_middle { width: 100%; min-height: 168px; border-bottom: 1px solid #0F5373; box-sizing: border-box }
.wmain_middle_left, .wmain_middle_right { width: 49%; display: inline-block; box-sizing: border-box }
.wmain_middle_left > .wbili, .wmain_middle_right > .wbili { border: none; box-sizing: border-box }
.wmain_middle_left > .wbili > ul > li:first-child, .wmain_middle_right > .wbili > ul > li:first-child { line-height: 25px; width: 70px; }
.wmain_middle_left .wbili > div, .wmain_middle_right .wbili > div { width: 49%; height: 100%; float: left }
.wmain_middle_left .wbili > div:first-child > span, .wmain_middle_right .wbili > div:first-child > span { display: inline-block; width: 70px; height: 52px; line-height: 25px; text-align: center; background: #3c6a89; color: #FFFFFF; font-size: 12px; margin-top: 50px; border-radius: 3px; }
.wmain_middle_left .wbili > div > p, .wmain_middle_right .wbili > div > p { color: #fff; position: relative; top: 5px; left: 50%; }
.wbili_list { display: inline-block; color: #fff; font-size: 12px; position: relative; left: 27px; top: 30px; }
.wbili_list > dt { margin-top: 3px; }
.wbili_list > dt > span { width: 8px; height: 8px; position: relative; bottom: 0px; left: -8px; float: left; top: 6px; right: 6px; }
.wbili_list > dt > b { margin: 0 3px; }
.monthVisitor { min-width: 135px; min-height: 135px; position: relative; left: 50%; top: -70px; }
/*主体左边部分*/
.wmain_left { width: 48.5%; margin-top: 20px; position: relative; float: left; }
.wyujing { width: 100%; height: 78px; box-sizing: border-box; }
.wmain_left > p { color: #6ec5e5; border-bottom: 2px solid #4cb1d7; padding-bottom: 10px; margin-bottom: 20px; }
.wyujing > div { width: 40%; float: left; height: 100%; line-height: 78px; }
.wCanvas { width: 70%; height: 100%; float: right; }
.wyujing ul { height: 100%; width: 60%; border-radius: 5px; background: #1a5775; float: right; }
.wyujing ul li { height: 58px; width: 32%; float: left; border-right: 1px solid #296177; color: #FFFFFF; line-height: 45px; position: relative; font-size: 12px; margin-top: 10px; line-height: 58px; }
.wyujing ul li span { color: #5cc685; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; line-height: 36px; }
.wyujing ul li .on { color: #ff6b4e; }
.wyujing ul li p { display: inline-block; width: 36px; height: 36px; position: relative; vertical-align: middle; left: 10px; }
.wyujing ul li img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.wyujing ul li b { width: 50%; text-align: center; display: inline-block; }
.wpingjia, .wtoushu { cursor: pointer; }
.wlvshe { width: 100%; height: 78px; border-radius: 5px; box-sizing: border-box; }
.wlvshe > p { color: #6ec5e5; border-bottom: 2px solid #4cb1d7; padding-bottom: 10px; margin-bottom: 20px; }
.wlvshe ul { height: 45px; width: 100%; }
.wlvshe li { width: 25%; margin: 0 4%; float: left; height: 100%; font-size: 0; }
.wlvshe li p { height: 35px; line-height: 35px; color: #FFFFFF; display: inline-block; font-size: 12px; text-align: center; }
.wxiaofei { margin-top: 30px; }
.wxiaofei > p { border-bottom: 2px solid #4cb1d7; color: #4cb1d7; padding-bottom: 10px; }
.wxiaofei > p img { margin-right: 5px; vertical-align: middle; }
.wxiaofei ul li { float: left; box-sizing: border-box; }
.wxiaofei ul li:first-child { width: 36%; padding-left: 5%; }
.wxiaofei ul li:nth-child(2) { width: 30%; }
.wxiaofei ul li:nth-child(3) { width: 33%; }
.wxiaofei li:first-child p { color: #457bc1; }
.wxiaofei li:first-child span { display: inline-block; background: #1a3641; width: 22px; height: 36px; line-height: 36px; margin-right: 2px; text-align: center; font-size: 24px; color: #FFFFFF; font-weight: bold; margin-top: 12px; }
.wxiaofei li:nth-child(2) p { color: #FFFFFF; font-size: 12px; margin-top: 8px; }
.wxiaofei li:nth-child(2) i { display: inline-block; width: 8px; height: 8px; margin-right: 10px; }
.wxiaofei li:nth-child(2) span:first-child { width: 38%; display: inline-block; }
.wxiaofei li:nth-child(2) span:nth-child(2) { width: 60%; display: inline-block; }
.wqushi { margin-top: 10px; }
.wqushi p { color: #FFFFFF; text-indent: 5px; height: 20px; line-height: 20px; padding-left: 20px; }
#day_product_money p:first-child b { background: #2EC7C9; }
#day_product_money p:nth-child(2) b { background: #c8b2f4; }
#day_product_money p:nth-child(3) b { background: #63c2ff; }
#day_product_money p:nth-child(4) b { background: #ffcb8c; }
#day_product_money p:nth-child(5) b { background: #ed868c; }
/*主体右边部分*/
.wmain_right { float: right; width: 49%; margin-top: 20px; }
.wfenxi { border-bottom: 2px solid #4cb1d7; color: #77d4f7; padding-bottom: 10px; }
.wfenxi img { vertical-align: sub; margin-right: 3px; }
.wbili ul { width: 100%; height: 100%; }
.wbili ul li { box-sizing: border-box; float: left; height: 100%; }
.wbili ul li:first-child { width: 70px; height: 52px; line-height: 52px; text-align: center; background: #3c6a89; color: #FFFFFF; font-size: 12px; margin-top: 55px; border-radius: 3px; }
.wbili ul li:nth-child(2) { width: 25%; margin-left: 27px; position: relative; top: 60px; }
.wbili ul li:nth-child(2) img { position: absolute; left: 50%; top: -12px; }
.wbili .wdiv1 p { display: inline-block; width: 100%; color: #FFFFFF; font-size: 12px; position: relative; }
.wbili .wdiv1 b { position: absolute; }
.wbili .wp1 p { display: inline-block; }
.wbili .wp1 p:first-child { width: 55%; }
.wbili .wp1 p:nth-child(2) { width: 45%; float: right; }
.wp1 p:first-child span { display: inline-block; height: 35px; background: #fb985c; width: 50%; border-left: 6px solid #fb985c; box-sizing: border-box; }
.wdiv2 { height: 35px; margin-top: 20px; }
.wdiv2 p:first-child { width: 55%; height: 100%; float: left; }
.wdiv2 p:first-child span { display: inline-block; height: 35px; background: #8ddfe6; width: 100%; border-left: 6px solid #8ddfe6; box-sizing: border-box; }
.wdiv2 p:nth-child(2) { width: 45%; height: 100%; float: right; line-height: 35px; color: #FFFFFF; font-size: 12px; }
.wbili li:nth-child(3) { width: 59%; float: right; height: 100%; padding-top: 24px; }
.wshuxing ul { width: 100%; height: 100%; font-size: 12px; /*display: flex;*/ position: relative; }
.wshuxing ul li { float: left; }
.wshuxing li:first-child { width: 70px; height: 52px; text-align: center; line-height: 52px; color: #FFFFFF; font-size: 12px; background: #3c6a88; border-radius: 3px; position: relative; top: 60px; }
.wshuxing li:nth-child(2) { width: 32%; margin-left: 25px; position: relative; top: 15px; }
.wshuxing li:nth-child(2) p { color: #FFFFFF; font-size: 12px; text-align: center; }
.wshuxing li:nth-child(3) { width: 53%; padding-top: 15px; position: absolute; right: 0; }
.wshuxing li:nth-child(3) p { color: #FFFFFF; font-size: 12px; text-align: center; }
.wlaiyuan p { padding: 10px 0 10px 20px; color: #FFFFFF; height: 16px; }
.wlaiyuan > div { height: 100%; }
/*footer部分*/
.wfooter { /*position: fixed; bottom: 0;*/ width: 100%; text-align: center; font-size: 12px; color: white; padding-bottom: 25px;clear: both;position: relative;top: 50px;}
/*单位统一部分*/
.wTyiSpan { font-size: 12px; color: #FFFFFF; position: absolute; }
.wpingjia:hover { transform: scale(1.1); }
.wpingjia { transition: 0.6s; }
.wtoushu { transition: 0.6s; }
.wtoushu:hover { transform: scale(1.1); }
#today_person_age_to, #today_person_sex_to { margin-top: 20px; }
#person_year_unit { margin-left: 5px; }
#money_year_unit { margin-left: 5px; }
.wmain_top ul li .welMagin { margin: 0 5px; }
.wMarginP { margin-top: 10px; }
.wmain_top ul li:nth-child(2) img, .wmain_top ul li:nth-child(5) img { position: relative; top: 2px; }
/*canvas部分*/
#day_money_duibi { width: 130px; height: 130px; }
#analysis_chart_total { height: 100px; }
#analysis_chart_merchant_type { height: 100px; }
#chart_group_scatt { height: 115px; }
#today_person_sex_to { height: 100px; }
#today_person_age_to { height: 100px; }
#today_person_area_from_tag { height: 115px; }
.wxiaofei ul { height: 140px; }
.wbili { width: 100%; height: 155px; border-bottom: 1px solid #0f5375; }
.wshuxing { width: 100%; height: 178px; border-bottom: 1px solid #115b80; }
.wlaiyuan > div { width: 100%; height: 100px; }
#day_money_duibi_li { padding-top: 20px; }
#day_total_money { padding-top: 45px; }
#day_product_money { padding-top: 10px; }
#day_money_duibi_img { width: 350px; height: 270px; position: absolute; top: -40px; left: -80px; }
.wborder_box { position: absolute; top: 0; left: 0px; width: 5px; height: 100%; background: #001f2b; z-index: 100; cursor: pointer; }
.wborder_box:hover .wborder { left: 0px; animation: move 1s alternate; }
.wborder { width: 170px; height: 100%; background: #021720; position: absolute; left: -170px; transition: all 0.6s; top: 0; z-index: 100; padding: 0 25px; box-sizing: border-box; }
.wborder1 { background: #021720; padding: 0 25px; box-sizing: border-box; height: 100%; text-align: center; }
.wborderCont { text-align: center; }
.wborderCont div { font-size: 16px; color: #FFFFFF; height: 75px; text-align: center; line-height: 75px; cursor: pointer; overflow: hidden; background: url(../images/wborderBg.jpg) no-repeat center center; }
.wborderCont div:hover span { transform: scale(1.05); transition: 0.6s; display: inline-block; }
.wlogo2 { margin-top: 21px; }
@keyframes move {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    
}

/*响应式部分*/
@media only screen and (max-height: 800px ) {
    .wlogo2 { width: 120px; height: 30px; }
    .wlogo { width: 120px; height: 30px; }
    .wyujing ul li { margin-top: 6px; line-height: 58px; }
    .wyujing { height: 70px; }
    .wMarginP { margin-top: 8px; }
    .wmain_top ul li:nth-child(5) { font-size: 14px; }
    .wmain_top ul li:nth-child(2) { font-size: 14px; }
    .wmain_top ul li:first-child p span { font-size: 30px; }
    .wmain_top ul li:nth-child(4) p span { font-size: 30px; }
    .wdiv2 p:nth-child(2), .wp1 p:nth-child(2) { line-height: 30px; }
    .wfooter { padding-bottom: 15px; }
    #analysis_chart_total, .wlaiyuan > div { height: 120px; }
    #today_person_age_to, #today_person_sex_to { height: 130px; margin-top: 10px; }
    .wp1 p:first-child span, .wdiv2 p:first-child span { height: 30px; }
    .wbili ul li:nth-child(2) { top: 40px; }
    .wxiaofei ul { height: 150px; }
    #day_money_duibi_li { padding-top: 10px; }
    #day_total_money { padding-top: 35px; }
    .wCanvas { position: relative; top: -20px; }
    .wmain_left > p { margin-bottom: 20px; }
    .wmain_top { height: 90px; }
    .wqushi { position: relative; top: -10px; }
    .wbili { height: 165px; }
    #canvas { transform: scale(0.8); position: relative; left: -10px; }
    .wlvshe { height: 90px; }
    .wxiaofei { margin-top: 15px; }
    .wxiaofei li:nth-child(2) p { margin-top: 5px; }
    .wFirstdiv { margin-top: 20px; }
    .wborder1 { padding: 0 15px; }
    
}
@media only screen and (min-height: 800px ) and (max-height: 900px) {
    .wxiaofei ul { height: 160px; }
    .wbili { height: 175px; }
    .wshuxing { height: 198px; }
    .wlaiyuan > div { height: 120px; }
    #day_money_duibi { width: 140px; height: 140px; }
    #analysis_chart_total { height: 120px; }
    #analysis_chart_merchant_type { height: 120px; }
    #chart_group_scatt { height: 135px; }
    #today_person_sex_to { height: 120px; }
    #today_person_age_to { height: 120px; }
    #today_person_area_from_tag { height: 135px; }
    #day_money_duibi_li { padding-top: 15px; }
    .wmain_top ul li:nth-child(4) img { margin-left: 45px; margin-right: 20px; }
    .wmain_top ul li:first-child img { margin-left: 45px; margin-right: 20px; }
    
}
@media only screen and (min-height: 901px ) and (max-height: 949px) {
    .wxiaofei ul { height: 180px; }
    .wbili { height: 195px; }
    .wshuxing { height: 228px; }
    .wlaiyuan > div { height: 175px; }
    #day_money_duibi { width: 160px; height: 160px; }
    #analysis_chart_total { height: 160px; }
    #analysis_chart_merchant_type { height: 150px; }
    #chart_group_scatt { height: 165px; }
    #today_person_sex_to { height: 150px; }
    #today_person_age_to { height: 150px; }
    #today_person_area_from_tag { height: 175px; }
    #day_money_duibi_li { padding-top: 10px; }
    .wmain_left { margin-top: 20px; }
    .wmain_right { margin-top: 20px; }
    .wqushi { margin-top: 30px; }
    .wxiaofei { margin-top: 40px;}
    .wmain_top ul li:nth-child(4) img { margin-left: 45px; margin-right: 20px;}
    .wmain_top ul li:first-child img { margin-left: 45px; margin-right: 20px;}
    .wborder { width: 215px; left: -215px; }
    .wlogo2 { margin-top: 40px; }
    .wFirstdiv { margin-top: 40px; }
    
}
@media only screen and (min-height: 950px ) {
    .wxiaofei ul { height: 180px; }
    .wbili { height: 215px; }
    .wshuxing { height: 248px; }
    .wlaiyuan > div { height: 200px; }
    #day_money_duibi { width: 170px; height: 170px; }
    #analysis_chart_total { height: 200px; }
    #analysis_chart_merchant_type { height: 170px; }
    #chart_group_scatt { height: 185px; }
    #today_person_sex_to { height: 170px; }
    #today_person_age_to { height: 170px; }
    #today_person_area_from_tag { height: 175px; }
    .wmain_left { margin-top: 30px; }
    .wmain_right { margin-top: 30px; }
    .wqushi { margin-top: 30px; }
    .wxiaofei { margin-top: 40px; }
    #day_total_money { padding-top: 55px; }
    #day_product_money { padding-top: 18px; }
    .whead { height: 110px; }
    .whead p { line-height: 110px; }
    .whead .wlogo { margin-top: 40px; }
    .wfooter { padding-bottom: 25px; }
    .wclose { right: 35px; top: 46px; }
    #day_money_duibi_img { width: 480px; height: 370px; position: absolute; top: -65px; left: -115px; }
    .wxiaofei li:nth-child(2) p { margin-top: 10px; }
    .wmain_top ul li:nth-child(4) img { margin-left: 45px; margin-right: 20px; }
    .wmain_top ul li:first-child img { margin-left: 45px; margin-right: 20px; }
    .wlvshe { margin-top: 30px; }
    .wlvshe > p { margin-bottom: 30px; }
    .wbili ul li:first-child { margin-top: 80px; }
    .wmain_left > p { margin-bottom: 30px; }
    .wshuxing li:first-child { top: 95px; }
    .wborder { width: 215px; left: -215px; }
    .wlogo2 { margin-top: 40px; }
    .wFirstdiv { margin-top: 40px; }
    .wbili ul li:nth-child(2) { width: 30%; }
    .wbili .wp1 p:first-child { width: 60%; }
    .wbili .wp1 p:nth-child(2) { width: 40%; }
    .wdiv2 p:first-child { width: 60%; }
    .wdiv2 p:nth-child(2) { width: 40%; }
    
}
/*案例大数据结束*/