@charset "UTF-8";
/*------------// Overall //------------------*/
body {
	color: #666666;
	margin: 0;
	background: #f8f8f8;
	line-break: 100%;
	font-family: "微软雅黑";
	font-size: 14px;
	font-size: 0.14rem;
	background:url(bg.png) top center no-repeat;
}
html, body {
	-webkit-text-size-adjust: none;
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*-webkit-touch-callout: none;*/
	box-sizing: border-box;
}
html {
	font-size: 625%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th, td {
	border-collapse: collapse;
}
a:link {
	text-decoration: none;
	color: #666;
}
a:visited {
	text-decoration: none;
	color: #666;
}
img {
	vertical-align: middle;
	border: 0;/*添加以下属性是解决图片在微信浏览器下默认转换效果造成页面模糊*/
	-webkit-transform: scale(1)rotate(0)translate3d(0, 0, 0);
	transform: scale(1)rotate(0)translate3d(0, 0, 0);
	display: inline-block;
	outline: none;
	max-width: 100%;
	height: auto;
	border: none;
}
div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, input, button {
	margin: 0;
	padding: 0;
}
ol, ul, li {
	list-style-type: none;
}
/*IOS下移除按钮原生样式 -webkit-appearance*/
input[type=button] {
	-webkit-appearance: none;
	outline: none;
}
/*去除点击按钮，有灰色阴影*/
a, input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* a {transition: all 0.3s ease-in-out;} */
textarea {
	font-family: Arial;
}
button {
	cursor: pointer;
}
.clear {
	clear: both;
}
.pic-box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.pc{
	display:block;
}
.mb{
	display:none;
}
@media screen and (min-width:768px) {
	.pc {
		display: block;
	}
	a.pc{display: inline;}

	.mb {
		display: none;
	}
}
.container{ max-width:750px; max-width:7.5rem; margin:0 auto; width:100%}
.login-logo{margin-top:200px; margin-top:2rem; text-align:center}
	.login-logo img{ width:225px; width:2.25rem}
.login-title{ margin-top:200px; margin-top:2rem; text-align:center; color:#000; font-size:58px; font-size:0.58rem; margin-bottom:25px; margin-bottom:0.25rem}
.login-title span{ color:#0d77fa}
.login-p{text-align:center; color:#000; font-size:26px; font-size:0.26rem; margin-bottom:40px; margin-bottom:0.4rem}
.login-line-panel{width:650px; width:6.5rem; margin:0 auto; margin-bottom:60px; margin-bottom:0.6rem; background:#FFF; border-radius:20px; border-radius:0.2rem; height:94px; height:0.94rem; border:solid 1px #e4e4e4; border:solid 0.01rem #e4e4e4}
.login-phone-select{float:left; width:177px; width:1.77rem; height:60px; height:0.6rem; margin-top:17px; margin-top:0.17rem; padding-left:34px; padding-left:0.34rem; border:none; border-right:solid 1px #ababac;border-right:solid 0.01rem #ababac; font-size:28px; font-size:0.28rem; background:none}
.login-input-panel{float:left; margin-top:17px; margin-top:0.17rem;padding-left:24px; padding-left:0.24rem;}
.login-input{height:60px; height:0.6rem; border:none;font-size:28px; font-size:0.28rem; outline:none}
.login-code{float:right; width:177px; width:1.77rem; height:60px; height:0.6rem; line-height:60px; line-height:0.6rem;border-left:solid 1px #ababac;border-left:solid 0.01rem #ababac; margin-top:17px; margin-top:0.17rem; text-align:center; font-size:28px; font-size:0.28rem;}
.login-code span,.login-p span{color:#0d77fa}
.login-submit-panel{ width:100%; text-align:center}
.login-btn{width:650px; width:6.5rem; margin:0 auto; border:none; border-radius:20px; border-radius:0.2rem; background:#0d77fa; height:99px; height:0.99rem; color:#FFF; margin-bottom:30px; margin-bottom:0.3rem; font-size:32px; font-size:0.32rem}
.login-btn-yellow{background-color:#ffbc09}
.login-protocol-panel{ text-align:center; color:#000; margin-bottom:40px; margin-bottom:0.4rem}
.allow-radio{accent-color:#0d77fa}

.login-protocol-panel span{color:#0d77fa}

.top-user{ height:100px; height:1rem; width:100%; padding:0 60px; padding:0 0.6rem; margin-top:70px; margin-top:0.7rem}
.top-user .left-user{ width:380px;width:3.8rem; float:left}
.top-user .user-icon{width:90px; height:90px; width:0.9rem; height:0.9rem; border-radius:45px; border-radius:45px;border-radius:0.45rem; border-radius:0.45rem; display:inline-block; background:#FFF; text-align:center; float:left; margin-right:20px; margin-right:0.2rem}
.top-user .left-user p{ font-size:26px; font-size:0.26rem; color:#000}
.top-user .left-user p:nth-of-type(1){font-weight:bold;padding-top:10px; padding-top:0.1rem}
	.top-user .left-user p span{color:#0d77fa}
.top-user .user-icon img{ width:43px; width:0.43rem; margin-top:22px; margin-top:0.22rem}
.top-user .right-tool{ width:250px;width:2.5rem; float:right; text-align:right}
	.top-user .right-tool .logout-icon{width:50px; width:0.5rem; margin-top:10px; margin-top:0.1rem}
	.top-user .right-tool .tool-link{ color:#0d77fa; font-size:30px; font-size:0.3rem; padding-top:20px; padding-top:0.2rem; display:inline-block }
.title01{margin-top:30px; margin-top:0.3rem; text-align:left; color:#000; font-size:50px; font-size:0.5rem; margin-bottom:25px; margin-bottom:0.25rem; padding-left:60px; padding-left:0.6rem}
.title-sub-p{text-align:left; color:#000; font-size:26px; font-size:0.26rem; margin-bottom:40px; margin-bottom:0.4rem;padding-left:60px; padding-left:0.6rem}
.lattice-list-panel{width:100%; padding:0 60px; padding:0 0.6rem; overflow:hidden; clear:both; margin-bottom:60px; margin-bottom:0.6rem; display:flex; flex-wrap:wrap; justify-content:space-between}
	.lattice-list-panel .lattice-item{width:270px; width:2.7rem; height:220px; height:2.2rem; border-radius:25px; border-radius:0.25rem; border:solid 15px #d7e4ff;border:solid 0.15rem #d7e4ff; background-color:#eff5ff;  text-align:center; flex:0 0 290px;flex:0 0 2.9rem}
	.lattice-list-panel .lattice-item h2{ color:#0c76fa; font-size:50px; font-size:0.5rem; font-weight:normal; padding-top:40px; padding-top:0.4rem; margin-bottom:30px; margin-bottom:0.3rem }
		.lattice-list-panel .lattice-item p{ font-size:26px; font-size:0.26rem; color:#333}
	.lattice-list-panel .lattice-item-selected{border-color:#2466fd ; background:#41a4ff url(selected-icon.png) 210px 10px no-repeat; background:#41a4ff url(selected-icon.png) 2.1rem 0.12rem no-repeat; background-size:0.4rem}
		.lattice-list-panel .lattice-item-selected h2, .lattice-list-panel .lattice-item-selected p{color:#FFF}
	.lattice-info-panel{ width:100%}
	.lattice-info-panel .login-btn{margin:0 60px; margin:0 0.6rem; width:630px; width:6.3rem}
	.lattice-price-panel{width:630px; width:6.3rem; margin:0 auto; background:#ffffff; border-radius:25px; border-radius:0.25rem; padding:40px 30px; padding:0.4rem 0.3rem; margin-bottom:60px; margin-bottom:0.6rem}
.lattice-price-panel h2{font-size:36px; font-size:0.36rem; color:#333;margin-bottom:10px; margin-bottom:0.1rem}
.lattice-price-panel p{font-size:26px; font-size:0.26rem; color:#808080; line-height:1.6em}
.lattice-price-panel p.warn-p{color:#ff8d1a}

.order-item-panel{width:630px; width:6.3rem; margin:0 auto; background:#ffffff; border-radius:25px; border-radius:0.25rem; padding:30px; padding:0.3rem; margin-bottom:60px; margin-bottom:0.6rem}
.order-item-header{ border-bottom:solid 1px #ededed;border-bottom:solid 0.01rem #ededed; clear:both; overflow:hidden; margin-bottom:10px; margin-bottom:0.1rem; }
.order-item-header .l-logo{width:34px; width:0.34rem; float:left; margin-bottom:15px; margin-bottom:0.15rem; margin-right:21px; margin-right:0.1rem }
	.order-item-header .l-title{float:left; color:#000; font-size:30px; font-size:0.3rem; margin-bottom:15px; margin-bottom:0.15rem;}
	.order-item-header .r-status{float:right; color:#999; font-size:30px; font-size:0.3rem }
	.order-item-panel p{font-size:26px; font-size:0.26rem; color:#808080; line-height:1.6em}
.order-item-panel .btm-tool{clear:both; font-size:26px; font-size:0.26rem; color:#000; padding-top:10px; padding-top:0.1rem;overflow:hidden}
.order-item-panel .btn-s{ float:right; padding: 10px 12px; padding:0.1rem 0.12rem; margin-left:20px; margin-left:0.2rem; border-radius:10px; border-radius:0.1rem}
.order-item-panel .btn-primary{ background:#0e77f7; color:#FFF}
.order-item-panel .btn-success{ background:#08d82c; color:#FFF}
.layui-layer-dialog .layui-layer-content{font-size:16px !important}
.layui-layer-title,.layui-layer-btn{font-size:16px !important}