@charset "UTF-8";

.company-logo,.header .layui-nav .layui-nav-item,.header .layui-nav .user-item {
	line-height: 80px
}

.noselect,.pay-methods .more .number-keyboard {
	-webkit-touch-callout: none;
	-khtml-user-select: none
}

.bg-blue-linear {
	background: -webkit-linear-gradient(left,#2FB1FF,#0091FF);
	background: -ms-linear-gradient(left,#2FB1FF,#0091FF);
	background: -moz-linear-gradient(left,#2FB1FF,#0091FF);
	background: -linear-gradient(left,#2FB1FF,#0091FF);
	background-color: #0899F8
}

.bg-black-opacity {
	background-color: rgba(0,0,0,.25)
}

.bg-light-gray {
	background-color: #f6f6f6
}

.bg-white {
	background-color: #fff
}

.bg-dark-gray {
	color: #fff;
	background-color: #626262
}

.btn-blue,.layui-form-select dl dd.layui-this {
	background-color: #0899F8
}

.page .fixed-top+div {
	padding-top: 80px
}

.text-danger {
	color: #FF4300
}

.text-warning {
	color: #F5A623
}

.text-success {
	color: #0899F8
}

.text-green {
	color: #009688
}

.text-blue {
	color: #0899F8
}

.text-light-gray {
	color: #aaa
}

.text-gary {
	color: #333
}

.shadow-top {
	-moz-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.13);
	-webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,.13);
	box-shadow: 0 -2px 4px 0 rgba(0,0,0,.13)
}

.btn-blue[disabled] {
	opacity: .8;
	cursor: not-allowed
}

.layui-btn-primary:hover {
	border-color: #0899F8;
	color: #0899F8
}

.layui-form-checked[lay-skin=primary] i {
	border-color: #0899F8;
	background-color: #0899F8;
	color: #fff
}

.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #0899F8;
	color: #fff
}

.fixed-top {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 8000
}

.header .nav a i,.logo,.nav-user {
	position: absolute
}

.header {
	width: 100%;
	height: 80px;
	border-radius: 0
}

.header .layui-nav {
	padding: 0;
	background: 0 0
}

.header .layui-nav * {
	font-size: 16px
}

.header .layui-nav .layui-nav-item a,.header .layui-nav .user-item a {
	color: rgba(255,255,255,.85)
}

.header .layui-nav .layui-nav-item a:hover,.header .layui-nav .user-item a:hover {
	color: #fff
}

.header .nav {
	float: right;
	margin-right: 10%
}

.header .nav a {
	font-size: 18px;
	padding: 0 25px
}

.header .nav a i {
	left: 25px;
	top: 0;
	padding-right: 10px;
	font-size: 26px
}

.header .nav .nav-child a {
	padding-left: 25px
}

.header .nav .layui-nav-more {
	display: none
}

.header .nav .layui-nav-child {
	border: 0;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	top: 80px
}

.header .nav .layui-nav-child a {
	font-size: 16px;
	color: #333
}

.header .nav .layui-nav-child a:hover {
	color: #0899F8;
	background-color: transparent
}

.header .nav-user li a {
	padding: 0 10px;
	overflow: hidden
}

.header .nav-user li .nav-avatar {
	padding-right: 0
}

.header .nav-user a.iconfont {
	color: #a9b7b7
}

.header .nav-user .layui-nav-child {
	left: auto;
	right: 0;
	width: 120px;
	min-width: 0
}

.header>.layui-nav-item a {
	color: rgba(255,255,255,.5)
}

.header .layui-this a {
	color: #fff
}

.logo {
	left: 15px;
	top: 11px;
	overflow: hidden
}

.logo img.pay-logo {
	float: left;
	height: 60px
}

.logo img.un-logo {
	float: left;
	width: auto;
	height: 60px
}

.logo .logo-name {
	float: left;
	color: #fff;
	margin-left: 10px
}

.mobile,.userlist li a:hover {
	color: #0899F8
}

.logo .logo-name dt {
	font-size: 26px
}

.company-logo {
	width: 240px
}

.company-logo img {
	width: 100%;
	text-align: center;
	vertical-align: middle
}

.nav a .icon-shezhi,.nav a .icon-shouye {
	top: 2px
}

.nav-user {
	top: 0;
	right: 0
}

.mobile,.userlist {
	position: absolute;
	top: 80px;
	text-align: center
}

.nav-user .icon {
	font-size: 22px
}

.mobile {
	width: 160px;
	height: 150px;
	padding: 8px 0;
	background-image: url(images/appCodebg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	right: -50px
}

.mobile p {
	font-size: 16px;
	letter-spacing: 3px;
	margin-bottom: 4px
}

.mobile img {
	width: 100px;
	height: 100px
}

.userlist {
	width: 140px;
	padding: 6px 0;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	right: -25px;
	z-index: 66
}

.userlist li {
	font-size: 16px;
	line-height: 42px
}

.nav-msg,.nav-msg:hover {
	color: #fff
}

.userlist li label {
	margin-right: 6px
}

.nav-avatar img {
	width: 36px;
	height: 36px;
	margin-left: 10px;
	border-radius: 100%
}

.nav-avatar .icon-renzheng {
	font-size: 16px;
	top: 1px
}

.nav-avatar .badge-vip {
	position: relative;
	margin-left: 10px
}

.nav-msg {
	position: absolute;
	top: 50%;
	left: -25px;
	height: 20px;
	line-height: 20px;
	margin-top: -10px;
	padding: 0 6px!important;
	background-color: #ff7200;
	border-radius: 2px
}

.header .layui-nav .layui-nav-bar,.header .layui-nav .layui-this:after,.header .nav-user .layui-nav-more,.html-layui .nav-avatar .layui-nav-more {
	background: #0899F8
}

.bg-blue-linear .html-layui .nav-avatar .layui-nav-more,.bg-blue-linear .layui-nav .layui-nav-bar,.bg-blue-linear .layui-nav .layui-this:after,.bg-blue-linear .nav-user .layui-nav-more {
	background: #fff!important
}

.bag-empty,.bag-full {
	background-size: 100%
}

.item-icon {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background-image: url(images/item-icon.png);
	background-repeat: no-repeat
}

.samll-icon,.samll-icon2x {
	margin: 0 auto;
	background-image: url(images/samll-icon.png);
	display: inline-block
}

em.item-icon,span.item-icon {
	display: inline-block
}

.item-icon.x64 {
	transform: scale(.4)
}

.blank {
	background-position: 100px 100px
}

.electric {
	background-position: 0 -330px
}

.water {
	background-position: -110px 0
}

.network {
	background-position: -220px 0
}

.telephone {
	background-position: -330px 0
}

.campus-card {
	background-position: -440px 0
}

.bus-card {
	background-position: -550px 0
}

.parking {
	background-position: 0 -110px
}

.tuition {
	background-position: -110px -110px
}

.dormitory {
	background-position: -220px -110px
}

.textbook {
	background-position: -330px -110px
}

.train {
	background-position: -440px -110px
}

.second-exam {
	background-position: -550px -110px
}

.books {
	background-position: 0 -220px
}

.cet4 {
	background-position: -110px -220px
}

.cet6 {
	background-position: -220px -220px
}

.computer {
	background-position: -330px -220px
}

.mandarin {
	background-position: -440px -220px
}

.teacher {
	background-position: -550px -220px
}

.samll-icon {
	width: 40px;
	height: 40px;
	background-position: -160px -120px
}

.samll-icon2x {
	width: 80px;
	height: 80px
}

.checked {
	background-position: 0 0
}

.electric-samll {
	background-position: -40px 0
}

.water-samll {
	background-position: -40px -40px
}

.network-samll {
	background-position: -80px -40px
}

.telephone-samll {
	background-position: -120px -40px
}

.campus-card-samll {
	background-position: -160px -40px
}

.bus-card-samll {
	background-position: -200px -40px
}

.parking-samll {
	background-position: -240px -40px
}

.tuition-samll {
	background-position: -280px -40px
}

.dormitory-samll {
	background-position: -320px -40px
}

.textbook-samll {
	background-position: -360px -40px
}

.train-samll {
	background-position: -120px -80px
}

.second-exam-samll {
	background-position: -160px -80px
}

.books-samll {
	background-position: -200px -80px
}

.cet4-samll {
	background-position: -240px -80px
}

.cet6-samll {
	background-position: -280px -80px
}

.computer-samll {
	background-position: -320px -80px
}

.mandarin-samll {
	background-position: -360px -80px
}

.teacher-samll {
	background-position: -120px -120px
}

.alipay {
	background-position: -80px 0
}

.payment {
	background-position: -120px 0
}

.wxpay {
	background-position: -160px 0
}

.paypal {
	background-position: -200px 0
}

.xuepay {
	background-position: 0 -40px
}

.yinlian {
	background-position: 189px 2px
}

.platform {
	background-position: -240px 0
}

.cardpay {
	background-position: -280px 0
}

.accountpay {
	background-position: -320px 0
}

.defaultpay {
	background-position: -360px 0
}

.bankcard {
	background-position: -400px 0
}

.BOCpay {
	background-position: -440px 0
}

.pay-success {
	background-position: 0 -80px
}

.pay-failure {
	background-position: -40px -80px
}

.pay-waiting {
	background-position: -80px -80px
}

.bag {
	display: inline-block;
	width: 56px;
	height: 56px
}

.bag-empty {
	background-image: url(images/bag-empty.png)
}

.bag-full {
	background-image: url(images/bag-full.png)
}

body {
	color: #1D1D1D;
	font: 16px PingFang SC,Helvetica Neue,HelveticaTahoma,Arial,sans-serif
}

input::-ms-clear,input::-ms-reveal {
	display: none
}

.wrapper {
	min-height: 100vh;
	position: relative
}

.layui-container {
	min-width: 970px;
	padding-bottom: 20px
}

.layui-layer-dialog .layui-layer-content {
	font-size: 16px!important
}

.hide {
	display: none
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.padding0 {
	padding: 0!important
}

.right-top-mark {
	font-size: .875rem;
	width: 5.125rem;
	height: 5.625rem;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0
}

.right-top-mark .text {
	color: #444;
	text-align: center;
	text-shadow: rgba(255,255,255,.5) 0 1px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 3px 0;
	left: 2px;
	top: 7px;
	width: 120px;
	background-color: #fafafa;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#eee));
	background-image: -webkit-linear-gradient(top,#fafafa,#eee);
	background-image: -moz-linear-gradient(top,#fafafa,#eee);
	background-image: -ms-linear-gradient(top,#fafafa,#eee);
	background-image: -o-linear-gradient(top,#fafafa,#eee);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-shadow: 0 0 3px rgba(0,0,0,.3)
}

.search-box h1,.search-box h3 {
	font-weight: 700;
	text-shadow: 0 2px 20px rgba(0,0,0,.8);
	letter-spacing: 4px
}

.layui-btn-huge {
	height: 56px;
	line-height: 56px;
	padding: 0 25px;
	font-size: 18px;
	margin-top: 20px
}

.panel .panel-head {
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DEDEDE
}

.panel .panel-head .panel-mark {
	float: left;
	width: 8px;
	height: 30px;
	background: #0899F8
}

.panel .panel-head .panel-title {
	font-size: 18px;
	text-indent: 1em;
	display: inline-block
}

.panel .panel-body {
	margin: 10px 0
}

.input-group-icon {
	position: relative
}

.input-group-icon .layui-input {
	width: 200px;
	padding-right: 30px
}

.input-group-icon .layui-icon {
	position: absolute;
	right: 10px;
	top: 10%;
	cursor: pointer
}

.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block
}

.pagination {
	margin-top: 10px
}

.pagination .layui-box.layui-laypage a,.pagination .layui-box.layui-laypage span {
	width: 38px;
	height: 38px;
	line-height: 38px;
	padding: 0;
	margin: 0 6px;
	text-align: center;
	border-radius: 4px
}

.login,.table {
	width: 100%
}

.login {
	height: 100vh;
	position: relative
}

.login ul {
	overflow: hidden
}

.login ul li.login-pic {
	width: 42%
}

.login ul .login-pic {
	line-height: 100vh
}

.login ul .login-pic img {
	width: 100%
}

.login ul .login-form {
	margin-left: 4%;
	position: absolute;
	top: 50%;
	left: 45%;
	z-index: 8;
	-ms-transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-webkit-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	transform: translateY(-55%)
}

.login ul .login-form .login-box {
	display: block;
	margin: 0 auto;
	width: 400px;
	height: 400px;
	background: #fff;
	box-shadow: 0 -1px 16px 0 rgba(0,0,0,.21);
	border-radius: 6px
}

.login ul .login-form .login-box ul.layui-tab-title {
	border: none
}

.login ul .login-form .login-box ul.layui-tab-title li {
	width: 172px
}

.login ul .login-form .from-box {
	display: block;
	margin: 10px 40px
}

.login ul .login-form .from-box .title {
	margin-bottom: 20px
}

.login ul .login-form .layui-form-item {
	margin-bottom: 20px;
	position: relative
}

.login ul .login-form .layadmin-user-login-icon {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 38px;
	line-height: 36px;
	text-align: center;
	color: #d2d2d2
}

.login ul .login-form .layui-form-item .layui-input {
	padding-left: 38px
}

.login ul .login-form .layadmin-link {
	color: #0899F8
}

.login ul .login-form .layadmin-link:hover {
	opacity: .8
}

.login ul .login-form .layadmin-user-login-refresh {
	font-size: 12px;
	color: #AEAEAE;
	cursor: pointer;
	text-align: right
}

.login ul .from-pic {
	width: 200px;
	position: absolute;
	bottom: 30%;
	right: 5%
}

.login ul .from-pic img {
	width: 100%
}

.index {
	position: relative
}

.search-box {
	position: absolute;
	z-index: 6;
	top: 20vh;
	left: 20%;
	color: #fff
}

.search-box h1 {
	font-size: 60px
}

.search-box h3 {
	font-size: 36px;
	line-height: 120px
}

.search-box .search {
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	font-size: 20px
}

.search-box .search button,.search-box .search input {
	float: left;
	padding: 0 15px;
	height: 58px
}

.search-box .search .search-input {
	width: 85%;
	border-radius: 2px 0 0 2px
}

.search-box .search .search-button {
	line-height: 28px;
	width: 15%;
	border-radius: 0 2px 2px 0;
	font-size: inherit
}

.search-box .search-content {
	width: 85%;
	background-color: #fff;
	border-radius: 0 0 8px 8px
}

.search-box .search-content ul {
	padding-left: 0
}

.search-box .search-content ul::-webkit-scrollbar {
	width: 8px
}

.search-box .search-content ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.8);
	cursor: pointer
}

.search-box .search-content ul::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.search-box .search-content li {
	width: 90%;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	list-style: none
}

.search-box .search-content li:last-child {
	border-bottom: 0
}

.search-box .search-content li a {
	color: #8c8282
}

.search-box .search-content p.no-data {
	color: #8c8282;
	text-align: center;
	font-size: 16px
}

.search-box p {
	line-height: 48px;
	font-size: 18px
}

.banner-box {
	width: 100%
}

.banner-box .objfill-cover {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.tab-box .flex-box {
	display: -webkit-flex;
	display: flex;
	justify-content: space-around
}

.tab-box .flex-box .flex-item {
	font-size: 20px
}

.tab-box .item-box {
	width: 100%;
	background-color: #fff
}

.tab-box .item-box td {
	padding: 5vh 0;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf
}

.tab-box .item-box tr td:last-child {
	border-right: none
}

.tab-box .item-box tr:last-child td {
	border-bottom: none
}

.tab-box .item-box li.item-name {
	text-align: center;
	font-size: 18px;
	margin-top: 2vh
}

.tab-box .table-box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 16px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 16px 0 rgba(0,0,0,.25);
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.25);
	border: 1px solid #dfdfdf
}

.layui-tab-brief>.layui-tab-title .layui-this {
	color: #0899F8
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
	border: none;
	border-radius: 0;
	border-bottom: 3px solid #0899F8
}

.notice-box .notice-title {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 10px
}

.notice-box .notice-title .more a {
	font-size: 16px;
	color: #b7b7b7
}

.notice-box .notice-content {
	padding: 10px;
	overflow: hidden
}

.notice-box .notice-content dd,.notice-box .notice-content dt {
	width: 48%
}

.notice-box .notice-content .notice-img,.notice-box .notice-content .notice-img img {
	width: 100%
}

.notice-box .notice-content .notice-list li {
	padding-top: 4px;
	border-bottom: 1px solid #D8D8D8;
	line-height: 30px
}

.notice-box .notice-content .notice-list li .list-time {
	font-size: 16px;
	color: #bbb
}

.notice-box .notice-content .notice-list li .list-content {
	font-size: 18px;
	color: #5d5d5d;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.site-title {
	margin: 0 0 20px;
	padding-top: 30px
}

.site-title fieldset {
	border: none;
	padding: 0;
	border-top: 1px solid #eee
}

.site-title fieldset legend {
	margin-left: 20px;
	padding: 0 10px;
	font-size: 22px;
	font-weight: 400
}

.layui-container .user-location {
	font-size: 16px;
	padding-top: 10px;
	line-height: 32px
}

.layui-container .layui-row {
	margin: 0 -10px
}

.layui-container .layui-row .grid-content {
	margin: 10px
}

.layui-container .layui-row .box-shadow {
	padding: 10px 15px;
	border-radius: 2px;
	box-shadow: 0 0 14px 0 rgba(0,0,0,.16)
}

.list-details .table tr:nth-child(odd) {
	text-indent: 1em;
	line-height: 36px;
	background-color: #F2F2F2
}

.list-details .table tr:nth-child(even) {
	text-align: center
}

.list-details .table tr:nth-child(even) td:first-child {
	text-indent: 1em;
	padding: 10px 0
}

.list-details .table tr:nth-child(even) td:first-child img {
	text-align: left;
	width: 100px
}

.information .user-info,.my-payment .user-info {
	text-align: center
}

.information .user-info .face,.my-payment .user-info .face {
	width: 140px;
	height: 140px;
	margin: 20px auto;
	border-radius: 158px;
	border: 3px solid #dbdbdb;
	overflow: hidden
}

.information .user-info .face img,.my-payment .user-info .face img,.news .news-pic img {
	width: 100%
}

.information .user-info .name,.my-payment .user-info .name {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 2px
}

.information .user-info .info,.my-payment .user-info .info {
	margin: 10px 0;
	font-size: 16px;
	color: #818181;
	line-height: 25px;
	letter-spacing: 1px
}

.news .layui-nav,.pop-form {
	margin-top: 20px
}

.information .payment-charts .noborder,.my-payment .payment-charts .noborder {
	border-color: transparent
}

.information .payment-charts .noborder:focus,.information .payment-charts .noborder:hover,.my-payment .payment-charts .noborder:focus,.my-payment .payment-charts .noborder:hover {
	border-color: transparent!important
}

.news .layui-tab .layui-tab-title {
	height: auto;
	border-bottom: none
}

.news .layui-tab .layui-unselect.layui-tab-bar {
	display: none
}

.news .layui-tab-more {
	padding-right: 0
}

.news .layui-nav .layui-this {
	background-color: transparent;
	color: #0899F8
}

.news .layui-nav .layui-nav-item {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	text-align: left;
	color: #696969
}

.news .layui-nav .layui-nav-item:hover {
	background-color: transparent;
	color: #0899F8
}

.news .layui-nav-tree .layui-nav-bar,.news .news-title {
	background-color: #0899F8
}

.news .layui-nav .layui-nav-item.layui-this {
	color: #0899F8
}

.news .news-pic {
	height: 210px;
	margin-bottom: 20px
}

.news .news-all ul li {
	color: #606060
}

.news .news-title {
	border-left: 8px solid #7CC9FF;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-indent: 1rem
}

.news .news-title .icon {
	margin-right: 8px;
	color: #febc00
}

.news .news-list {
	padding-top: 10px;
	min-height: 360px
}

.news .news-list li {
	font-size: 16px;
	overflow: hidden;
	line-height: 32px
}

.news .news-list li .icon {
	margin-right: 4px
}

.information .replace,.setting .replace {
	border: transparent;
	background: 0 0;
	cursor: pointer
}

.information .replace:active,.setting .replace:active {
	color: #068ae0
}

.information .table tr,.setting .table tr {
	border-bottom: 1px solid #d8d8d8
}

.information .table tr td:first-child,.setting .table tr td:first-child {
	text-indent: 1em
}

.information .table tr td:nth-child(2),.setting .table tr td:nth-child(2) {
	color: #696969
}

.information .table td,.setting .table td {
	padding: 20px 0
}

.information .table a,.setting .table a {
	color: #0899F8
}

.information .table a:hover,.setting .table a:hover {
	color: #068ae0
}

.setting .table td {
	padding: 30px 0
}

.pop-form {
	width: 90%
}

.pop-bandcard .layui-form-switch {
	margin-top: 0
}

.pop-bandcard .layui-form-onswitch em {
	margin-left: 2px;
	margin-right: 19px
}

.item-info .item-icon {
	margin-top: 20px;
	margin-bottom: 20px
}

.item-info .item-name {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px
}

.item-info .item-remark {
	color: #696969;
	letter-spacing: 1px;
	line-height: 28px
}

.item-info .item-notice {
	margin: 40px 22px;
	color: #696969;
	line-height: 24px
}

.item-info .item-notice .title {
	font-size: 16px;
	letter-spacing: 1px
}

.item-info .item-notice li {
	list-style: disc
}

.border-box {
	width: 60%;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #979797;
	cursor: pointer;
	top: -2px
}

.border-box.selected {
	border: 2px solid #0899F8;
	overflow: hidden;
	position: relative;
	top: -1px
}

.border-box.selected .checked {
	position: absolute;
	top: 0;
	right: 0
}

.electric-info,.topay-info,.tuition-info {
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	margin-top: 20px!important
}

.electric-price {
	margin-top: 60px!important;
	height: 140px;
	text-align: center
}

.electric-price .degree {
	margin: 20px 12px 10px 0
}

.electric-price .degree .degree-number {
	font-size: 20px;
	font-weight: 600;
	position: relative;
	top: -12px
}

.electric-price .degree .degree-input {
	width: 58%;
	border: 0;
	border-bottom: 1px solid transparent;
	position: relative;
	top: -12px;
	background-color: transparent
}

.electric-price .degree .degree-input::-webkit-input-placeholder {
	font-size: 14px
}

.electric-price .degree .degree-input:-moz-placeholder {
	font-size: 14px
}

.electric-price .degree .degree-input::-moz-placeholder {
	font-size: 14px
}

.electric-price .degree .degree-input:-ms-input-placeholder {
	font-size: 14px
}

.electric-price .degree .degree-input:focus {
	border-bottom: 1px solid #AEAEAE
}

.electric-price .price {
	font-size: 18px;
	font-weight: 600;
	color: #696969;
	border-top: 2px dashed #c5c5c5;
	margin: 0 10px;
	padding: 15px 0;
	word-break: break-all
}

.search-box-course {
	position: relative
}

.search-box-course .search-content {
	width: 99.8%;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	border: 1px solid #e6e6e6;
	border-top: none;
	position: absolute;
	top: 38px;
	z-index: 15;
	box-shadow: 0 4px 7px 0 rgba(0,0,0,.16)
}

.search-box-course .search-content ul {
	max-height: 50vh;
	overflow-y: auto;
	padding-left: 0
}

.search-box-course .search-content ul::-webkit-scrollbar {
	width: 8px
}

.search-box-course .search-content ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.8);
	cursor: pointer
}

.search-box-course .search-content ul::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.search-box-course .search-content li {
	width: 90%;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	list-style: none
}

.search-box-course .search-content li:last-child {
	border-bottom: 0
}

.search-box-course .search-content li a {
	color: #8c8282
}

.search-box-course .search-content .empty-msg {
	text-align: center
}

.search-box-course .search-content .empty-msg .img-box {
	width: 100px;
	margin: 10px auto
}

.search-box-course .search-content .empty-msg .img-box img {
	width: 100%
}

.search-box-course .search-content .search-list {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin: 10px
}

.search-box-course .search-content .search-list .course-item {
	cursor: pointer;
	width: calc(100%/3 - 9.33px);
	padding: 8px 4px;
	border: 1px solid #e6e6e6;
	position: relative
}

.search-box-course .search-content .search-list .course-item:nth-child(3n+2),.search-box-course .search-content .search-list .course-item:nth-child(3n+3) {
	border-left: none
}

.search-box-course .search-content .search-list .course-item:nth-of-type(n+4) {
	border-top: none
}

.course-box .course-list .title {
	line-height: 32px;
	text-indent: 1em;
	border: 1px solid #e6e6e6;
	background-color: #FBFBFB
}

.course-box .course-list .item-box {
	height: 52vh;
	overflow-y: auto;
	border-top: none;
	border-radius: 0 0 0 6px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-bottom: 10px
}

.course-detail-box ul .content,.course-detail-box ul .label,.course-detail-box ul .textarea,.pay-methods .isShow,.pay-methods .more .password-input .i-block {
	display: inline-block
}

.course-box .course-list .item-box::-webkit-scrollbar {
	width: 8px
}

.course-box .course-list .item-box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.8);
	cursor: pointer
}

.course-box .course-list .item-box::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.course-box .course-list .course-item {
	cursor: pointer;
	width: calc(100%/3 - 9.33px);
	padding: 8px 4px;
	border: 1px solid #e6e6e6;
	border-top: none;
	position: relative
}

.course-box .course-list .course-item:nth-child(3n+2),.course-box .course-list .course-item:nth-child(3n+3) {
	border-left: none
}

.course-box .course-item {
	position: relative
}

.course-box .course-item .item-name .name {
	width: 50%
}

.course-box .course-item .item-name .code {
	font-size: 14px;
	color: #666;
	line-height: 24px
}

.course-box .course-item .item-information {
	font-size: 14px;
	color: #666;
	margin-bottom: 10px
}

.course-box .course-item .item-information .teacher {
	width: 58%
}

.course-box .course-item .item-information p {
	overflow: hidden
}

.course-box .course-item .item-price {
	height: 28px;
	overflow: hidden
}

.course-box .course-item .item-price .price {
	font-size: 18px;
	margin-top: 8px;
	line-height: 36px
}

.course-detail-box {
	width: 400px;
	max-height: 400px;
	overflow-y: auto
}

.addcart-box .layui-card-header,.bag-box {
	overflow: hidden
}

.course-detail-box::-webkit-scrollbar {
	width: 8px
}

.course-detail-box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.8);
	cursor: pointer
}

.course-detail-box::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.course-detail-box ul {
	margin: 10px 20px
}

.course-detail-box ul li {
	padding: 6px 0 12px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e6e6e6
}

.course-detail-box ul .label {
	width: 5em
}

.course-detail-box ul .textarea {
	margin-right: 20px
}

.course-detail-box ul .textarea span {
	margin-left: 6px
}

.bag-box {
	margin-top: 20px
}

.bag-box .bag {
	float: left
}

.bag-box .text {
	float: left;
	line-height: 36px;
	margin: 15px 0 0 15px;
	width: 60%;
	height: 36px
}

.bag-box.bag-box-empty {
	cursor: not-allowed
}

.bag-box.bag-box-full {
	cursor: pointer;
	position: relative
}

.bag-box.bag-box-full .layui-badge {
	position: absolute;
	top: 0;
	left: 42px
}

.foot-tools {
	position: relative;
	margin-top: -10px
}

.addcart-box {
	position: absolute;
	bottom: 70px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.16)
}

.addcart-box .layui-card-header .icon {
	cursor: pointer
}

.addcart-box .layui-card-body {
	max-height: 35vh;
	overflow-y: auto
}

.addcart-box .layui-card-body::-webkit-scrollbar {
	width: 8px
}

.addcart-box .layui-card-body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.8);
	cursor: pointer
}

.addcart-box .layui-card-body::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.addcart-box .addcart-list .course-item {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	position: relative
}

.addcart-box .addcart-list .course-item .right-top-mark .text {
	width: 138px;
	top: 0;
	text-shadow: none;
	background-color: #009688;
	color: #fff;
	background-image: none
}

.addcart-box .addcart-list .course-item .retake-box {
	cursor: pointer;
	background-color: #009688;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	color: #fff;
	text-align: center
}

.addcart-box .addcart-list .course-item .retake-box .icon {
	position: relative;
	top: 2px
}

.enter-amount {
	min-height: 35vh
}

.enter-amount input {
	width: 100%;
	color: #0899F8;
	font-size: 32px;
	font-weight: 600;
	line-height: 60px;
	border: 0;
	border-bottom: 1px solid #ccc
}

.enter-amount input::-webkit-inner-spin-button,.enter-amount input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.enter-amount input[type=number] {
	-moz-appearance: textfield
}

.layui-table td,.layui-table th {
	font-size: 16px
}

.marginBottom40 {
	margin-bottom: 40px!important
}

.site-block {
	margin: -1px 28px 0;
	padding: 15px 0 0;
	border: 1px solid #eee
}

.pay-methods .methods-list {
	padding-top: 4px;
	min-height: 40vh
}

.pay-methods .methods-list::-webkit-scrollbar {
	width: 6px
}

.pay-methods .methods-list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background: rgba(24,144,255,.6);
	cursor: pointer
}

.pay-methods .methods-list::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(0,0,0,.1)
}

.pay-methods .title {
	padding: 15px 10px
}

.pay-methods .layui-row {
	margin-bottom: 8px
}

.pay-methods .border-box {
	width: 90%;
	margin: 0 auto;
	padding: 4px 25px 2px 10px;
	overflow: hidden
}

.pay-methods .border-box h3 {
	font-size: 20px;
	display: inline-block;
	font-weight: 600
}

.pay-methods .border-box .pay-info {
	line-height: 40px
}

.pay-methods .border-box li {
	overflow: hidden;
	position: static
}

.pay-methods .border-box li span {
	float: left
}

.pay-methods .pay-name {
	color: #696969;
	margin-left: 4px;
	margin-top: 10px
}

.pay-methods .isShow {
	position: relative;
	right: -86.8%;
	border: 2px solid #ddd;
	font-size: 14px;
	padding: 6px 8px;
	cursor: pointer
}

.pay-methods .more {
	position: relative;
	z-index: 6
}

.pay-methods .more .password-input .six-password {
	position: relative;
	height: 38px;
	width: 189px;
	overflow: hidden;
	vertical-align: middle
}

.pay-methods .more .password-input .sixDigitPassword {
	position: absolute;
	left: -122px;
	top: 0;
	width: 1000px;
	height: 38px;
	color: #fff;
	font-size: 12px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-user-select: initial;
	outline: 0;
	z-index: 699;
	opacity: 0;
	filter: alpha(opacity=0)
}

.pay-methods .more .password-input .sixDigitPassword-box {
	cursor: text;
	background: #fff;
	outline: 0;
	position: relative;
	padding: 8px 0;
	height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 2px
}

.pay-methods .more .password-input .sixDigitPassword-box i {
	float: left;
	display: block;
	padding: 4px 0;
	height: 12px;
	border-left: 1px solid #e6e6e6;
	text-align: center
}

.pay-methods .more .password-input .sixDigitPassword-box i em.icon {
	font-size: 20px;
	position: relative;
	top: -5px
}

.pay-methods .more .password-input .sixDigitPassword-box span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	height: 34px;
	border: 1px solid rgba(82,168,236,.8);
	border-radius: 2px;
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.75),0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)
}

.pay-methods .more .number-keyboard {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	left: 312px;
	width: 360px;
	top: 15px;
	padding: 0 4px;
	border-radius: 4px;
	background: #f0f0f0;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.21)
}

.pay-methods .more .number-keyboard .key-title {
	position: relative
}

.pay-methods .more .number-keyboard .key-title h4 {
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.pay-methods .more .number-keyboard .key-title .close {
	position: absolute;
	right: 4px;
	top: 8px;
	font-size: 13px;
	cursor: pointer
}

.pay-methods .more .number-keyboard ul {
	width: 100%;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
	padding: 2px
}

.pay-result .result-info,.topay .sum-info {
	padding: 20px 10px 10px;
	position: relative
}

.pay-methods .more .number-keyboard ul li {
	height: 40px;
	float: left;
	width: 14.4%;
	font-size: 20px;
	background: #fff;
	margin: 4px;
	border-radius: 4px;
	cursor: pointer
}

.pay-methods .more .number-keyboard ul li[style] {
	background: 0 0
}

.pay-methods .more .number-keyboard ul li[onclick]:hover {
	box-shadow: 0 0 8px rgba(0,0,0,.2)
}

.pay-methods .more .number-keyboard ul .deletePass {
	float: right
}

.pay-methods .more .number-keyboard.hide {
	display: none
}

.pay-result .main {
	width: 82%;
	margin: 0 auto
}

.pay-result .result-info ul li {
	margin-bottom: 8px
}

.pay-result .result-info ul li .name {
	display: inline-block;
	width: 80px
}

.pay-result .result-info ul li h1 {
	display: inline-block;
	font-size: 28px
}

.pay-result .result-info .qrcode {
	text-align: right
}

.pay-result .result-info .qrcode img {
	width: 120px;
	height: 120px
}

.pay-result .result-info ol {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100px;
	float: right
}

.pay-result .result-info ol li {
	margin-bottom: 6px
}

.pay-result .result-info .order-detail {
	min-height: 30vh
}

.topay .main {
	width: 82%;
	margin: 0 auto
}

.topay .sum-info {
	border-bottom: 1px solid #ddd
}

.topay .sum-info ul li {
	margin-bottom: 8px
}

.topay .sum-info ul li .name {
	display: inline-block;
	width: 80px
}

.topay .sum-info ul li h1 {
	display: inline-block;
	font-size: 28px
}

.topay .sum-info .qrcode {
	text-align: right
}

.topay .sum-info .qrcode img {
	width: 120px;
	height: 120px
}

.topay .sum-info ol {
	position: relative;
	overflow: hidden;
	text-align: right
}

.topay .sum-info ol li {
	margin-bottom: 6px;
	position: relative
}

.topay .sum-info ol li img {
	width: 140px;
	height: 140px
}

.topay .sum-info .detail-btn {
	background: #aaa;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 10px;
	bottom: 0
}

.topay .dscription {
	font-size: 16px;
	line-height: 40px;
	color: #929292
}

.pagination {
	display: flex;
	justify-content: center
}

.pagination .layui-laypage a {
	font-size: 14px
}

.pagination .layui-laypage a:hover {
	color: #0899F8
}

.page-box .layui-laypage {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.view-select dd,.view-select dt {
	float: left
}

.view-select .electric-con .thumbnail {
	background: url(../../images/electric.png)
}

.view-select .tuition-con .thumbnail {
	background: url(../../images/tuition.png)
}

.view-select .thumbnail-box {
	float: left;
	position: relative
}

.view-select .thumbnail-box .thumbnail {
	margin-right: 15px;
	display: inline-block;
	width: 150px;
	height: 60px;
	background-size: cover;
	cursor: pointer
}

.view-select .thumbnail-box img {
	width: 660px;
	position: absolute;
	top: 65px;
	left: 0;
	box-shadow: 0 -1px 16px 0 rgba(0,0,0,.21);
	z-index: 99
}

.view-select .thumbnail-box .border-box.selected {
	border: 1px solid #0899F8;
	top: 0
}

.absolute-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.footer {
	font-size: 16px;
	text-align: center;
	line-height: 40px
}

.order-detail .order-step {
	overflow: hidden;
	margin: 0 auto;
	width: 600px;
	padding: 15px 0
}

.order-detail .order-step li {
	width: 200px;
	text-align: center;
	float: left;
	position: relative
}

.order-detail .order-step li h3 {
	font-size: 16px;
	padding-bottom: 15px;
	color: #333
}

.order-detail .order-step li .cicle {
	margin: 0 auto;
	display: block;
	width: 26px;
	height: 26px;
	border: 8px solid #eee;
	background-color: #ddd;
	border-radius: 100%;
	line-height: 26px;
	color: #fff
}

.order-detail .order-step li p {
	color: #999;
	font-size: 14px;
	padding-top: 20px
}

.order-detail .order-step li:after {
	content: " ";
	position: absolute;
	width: 158px;
	height: 4px;
	background-color: #ddd;
	top: 50%;
	left: 108px;
	transform: translate(13px,-2px);
	z-index: 100
}

.order-detail .order-step li:last-child:after {
	display: none
}

.order-detail .order-step li.finished .cicle,.order-detail .order-step li.finished:after {
	background-color: #0899F8
}

.order-detail .order-step li.failure .cicle,.order-detail .order-step li.failure:after {
	background-color: #FF4300
}

.order-main {
	padding: 20px
}

.order-main .layui-row {
	border: 1px solid #ddd
}

.order-main .layui-card {
	border-right: 1px solid #ddd;
	border-radius: 0
}

.order-main .layui-card .layui-card-header {
	background-color: #eee;
	border-bottom: 1px solid #ddd
}

.order-main .layui-card .layui-card-body {
	box-shadow: none;
	padding: 20px
}

.order-main .layui-card .layui-card-body p {
	border: 0;
	margin: 0;
	padding: 10px 0;
	font-size: 14px
}

.order-main .order-m-right {
	padding: 10px 20px
}

.order-main .order-m-right .tips {
	text-align: center;
	font-size: 18px;
	padding-bottom: 25px;
	padding-top: 10px;
	position: relative
}

.order-main .order-m-right .tips .layui-icon {
	position: relative;
	top: 5px;
	display: inline-block;
	background-color: transparent;
	font-size: 32px;
	font-weight: 400;
	margin-right: 10px;
	text-align: center
}

.order-main .order-m-right .order-pay,.order-main .order-m-right .order-price {
	text-align: right;
	padding-bottom: 6px;
	font-size: 14px
}

.order-main .order-m-right .order-pay span,.order-main .order-m-right .order-price span {
	font-size: 20px
}

.order-main .order-m-right .order-pay span {
	color: #FF4300
}

.order-table-style .layui-table-body.layui-table-main {
	margin-bottom: -2px
}

.order-table-style .layui-table-grid-down {
	display: none!important
}

.newsdetail .layui-nav .layui-nav-item {
	border-bottom: 1px solid #eee;
	width: auto
}

.newsdetail .panel-head {
	position: relative
}

.newsdetail .user-location {
	padding-top: 0;
	width: 60%;
	padding-left: 20px
}

.newsdetail .float-right {
	position: absolute;
	right: 0;
	top: 0
}

.newsdetail .article {
	padding: 20px
}

.newsdetail .article .info,.newsdetail .article h2,.newsdetail .article h3 {
	text-align: center
}

.newsdetail .article h2 {
	font-size: 26px;
	padding: 20px 0
}

.newsdetail .article h3 {
	font-size: 20px;
	padding: 0 10px
}

.newsdetail .article .info {
	font-size: 14px;
	color: #666;
	padding: 9px 0 20px
}

.newsdetail .article p {
	text-align: left;
	text-indent: 2rem;
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 10px
}

.newsdetail .article img {
	margin: 15px 0;
	width: 100%;
	height: auto
}

.newsdetail .article .author p {
	text-align: right;
	margin-top: 5px
}

.newsdetail .news-footer {
	border-top: 1px solid #eee;
	padding-top: 10px
}

.newsdetail .news-footer a {
	display: block
}

.newsdetail .news-footer a span {
	font-size: 14px;
	color: #666;
	line-height: 30px
}

.brand-color .layui-tab-title li {
	font-size: 16px
}

.brand-color .layui-tab-title .layui-this {
	color: #0899F8
}

.layui-table-edit,table .layui-input {
	height: 98%;
	border-width: 0 0 1px;
	box-shadow: none;
	background-color: #f2f2f2
}

.layui-table-edit:focus,table .layui-input:focus {
	border-color: #0899F8!important
}

.min-height {
	min-height: 45vh
}

.error-page .error {
	width: 35%;
	text-align: center;
	margin: 0 auto;
	padding-top: 18vh
}

.error-page .error img {
	width: 100%
}

.error-page .error p {
	margin-top: 20px;
	padding: 30px 0;
	color: #666;
	letter-spacing: 1px
}

.error-page .error .btn-group {
	text-align: center
}

.error-page .error .btn-group a {
	padding: 0 10px;
	margin: 0 10px;
	color: #0899F8;
	font-size: 14px;
	line-height: 24px
}

#tabDemo .layui-tab-bar,#tabDemo.layui-tab ul.layui-tab-title li:nth-child(1) i,#tabDemo2 .layui-tab-bar,#tabDemo2.layui-tab ul.layui-tab-title li:nth-child(1) i,#tabDemo2.layui-tab ul.layui-tab-title li:nth-child(2) i,#tabDemo3 .layui-tab-bar,#tabDemo3.layui-tab ul.layui-tab-title li:nth-child(1) i,#tabDemo3.layui-tab ul.layui-tab-title li:nth-child(2) i,#tabDemo3.layui-tab ul.layui-tab-title li:nth-child(3) i {
	display: none
}

#tabDemo .layui-tab-title,#tabDemo2 .layui-tab-title,#tabDemo3 .layui-tab-title {
	overflow-x: visible
}

#tabDemo .layui-tab-title::-webkit-scrollbar,#tabDemo2 .layui-tab-title::-webkit-scrollbar,#tabDemo3 .layui-tab-title::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #F5F5F5
}

#tabDemo .layui-tab-title::-webkit-scrollbar-track,#tabDemo2 .layui-tab-title::-webkit-scrollbar-track,#tabDemo3 .layui-tab-title::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 4px;
	background-color: #F5F5F5
}

#tabDemo .layui-tab-title::-webkit-scrollbar-thumb,#tabDemo2 .layui-tab-title::-webkit-scrollbar-thumb,#tabDemo3 .layui-tab-title::-webkit-scrollbar-thumb {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
	background-color: #0899F8
}

#tabDemo .layui-tab-title li .layui-tab-close:hover,#tabDemo2 .layui-tab-title li .layui-tab-close:hover,#tabDemo3 .layui-tab-title li .layui-tab-close:hover {
	background-color: #0899F8
}

.layui-container .payoffline-brand {
	padding-bottom: 15px;
	line-height: 38px;
	height: 38px
}

.payoffline-page .order-main,.payoffline-page .order-main .box-shadow {
	padding: 0
}

.search-content-payoffline {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 14px
}

.search-content-payoffline .layui-form-label {
	width: 200px
}

.payoffline-page button {
	width: 180px
}

.payoffline-page .layui-col-md12 .grid-content {
	margin: 0
}

.payoffline-page .order-main .layui-card .layui-card-header {
	background-color: #f5f5f5;
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	border-bottom: 0;
	font-weight: 700
}

.payoffline-page .layui-table td,.payoffline-page .methods-list-inline .pay-name {
	font-size: 14px
}

.payoffline-page .order-main .layui-card .layui-card-header:before {
	content: '';
	width: 3px;
	height: 16px;
	background-color: #0899F8;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 15px
}

.payoffline-page .user-avatar {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-top: 40%;
	margin-bottom: 20px
}

.payoffline-page .layui-table-view {
	margin: 0
}

.payoffline-page .layui-col-md9 {
	border-left: 1px solid #DDD
}

.payoffline-page .layui-card {
	box-shadow: none;
	border-right: 0;
	margin-bottom: 0
}

.payoffline-page .methods-list-inline {
	min-height: auto;
	padding: 30px 15px
}

.payoffline-page .methods-list-inline .samll-icon {
	transform: scale(.8)
}

.payoffline-page .methods-list-inline .checked {
	transform: scale(1)
}

.payoffline-page .methods-list-inline .border-box,.payoffline-page .methods-list-inline .border-box.selected {
	top: 0
}

.payoffline-page .methods-list-inline .border-box {
	width: 130px;
	display: inline-block;
	padding-right: 9px;
	margin-right: 10px
}

.payoffline-page .methods-list-inline .border-box .checked-icon {
	display: none
}

.payoffline-page .methods-list-inline .border-box li {
	width: 100%
}

.payoffline-page .methods-list-inline .border-box.selected {
	border: 1px solid #0899F8
}

.payoffline-page .methods-list-inline .border-box.selected .checked-icon {
	display: block
}

.payoffline-page .layui-table thead tr {
	background-color: #fcfcfc
}

.payoffline-page .layui-table-view .layui-table td {
	padding: 0
}

.payoffline-page .order-table-style .layui-table-body.layui-table-main {
	height: 260px
}

.payoffline-page .layui-table-tool {
	display: none
}

.payoffline-page .font-large {
	font-size: 24px;
	padding: 0 5px
}

.payoffline-page .total-money {
	text-align: right;
	padding: 15px
}

.payoffline-page .pay-bottom {
	padding: 0 20px;
	border-top: 1px solid #ccc;
	overflow: hidden;
	line-height: 80px;
	color: #666
}

.payoffline-page .pay-bottom .float-right button {
	margin-left: 15px
}

.payoffline-page .no-data {
	color: #999;
	font-size: 14px;
	margin-top: 20px
}

.payoffline-page .layui-none {
	font-size: 14px;
	padding: 30px
}

.payoffline-page .user-location {
	padding-top: 30px
}

.pay-offline-bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
	color: #666;
	height: 60px;
	line-height: 60px
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.font-size-12 {
	font-size: 12px
}

.font-size-14 {
	font-size: 14px
}

.font-size-16 {
	font-size: 16px
}

.font-size-18 {
	font-size: 18px
}

.font-size-20 {
	font-size: 20px
}

.font-size-24 {
	font-size: 24px
}

.index-manage .layui-row .grid-content {
	cursor: pointer
}

.index-manage .payment-list {
	padding-top: 6px;
	padding-left: 4%
}

.index-manage .payment-list .panel-head {
	border: 0;
	font-weight: 600;
	padding-bottom: 0
}

.index-manage .payment-list th {
	font-size: 16px;
	font-weight: 400;
	color: #728598;
	text-align: left
}

.index-manage .payment-list td {
	font-size: 24px;
	padding: 6px 0 0;
	color: #728598
}

.index-manage .payment-list td .unit {
	font-size: 16px;
	padding-left: 2px
}

.index-manage .payment-list .text-success {
	color: #0899F8!important
}

.payment-lists .layui-table td,.payment-manage .layui-table td {
	font-size: 14px
}

.payment-lists .layui-table thead tr,.payment-manage .layui-table thead tr {
	background: #3cb5ff;
	color: #fff
}

.payment-lists .layui-table[lay-even] tr:nth-child(even),.payment-manage .layui-table[lay-even] tr:nth-child(even) {
	background: #dff3ff
}

.payment-lists .form-content .layui-input-block,.payment-manage .form-content .layui-input-block {
	line-height: 38px
}

.payment-manage .border-bottom-dotted {
	border-bottom: 1px dashed #d8d8d8
}

.payment-manage .table-button .search {
	width: 320px;
	margin-right: 10px
}

.payment-manage .table-button .search input {
	line-height: 44px;
	height: 44px
}

.payment-manage .table-button .more {
	margin-left: 30px
}

.payment-manage .table-more {
	margin-top: 20px
}

.payment-manage .table-more .layui-form-label {
	text-align: left;
	padding-left: 2px
}

.layui-form-radio>i:hover,.layui-form-radioed>i {
	color: #0899F8
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: #0899F8
}

.layui-table-sort .layui-table-sort-asc {
	border-bottom-color: #fff
}

.layui-table-sort .layui-table-sort-desc {
	border-top-color: #fff
}

.add-box .btn,.counter+.input-group .btn {
	padding: 0;
	border: 1px solid #0899F8;
	font-size: 26px;
	line-height: 0
}

.counter+.input-group .input-group-append,.counter+.input-group .input-group-prepend {
	display: inline-block
}

.counter+.input-group .btn {
	margin: 0;
	outline: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	color: #0899F8;
	cursor: pointer
}

.counter+.input-group .btn span {
	position: relative;
	top: -1px
}

.counter+.input-group .btn[disabled] {
	border: 1px solid #aaa;
	color: #aaa;
	cursor: not-allowed
}

.counter+.input-group .number {
	background: 0 0;
	outline: 0;
	border: none;
	display: inline-block;
	width: 40px;
	text-align: center;
	position: relative;
	top: -2px
}

.add-box .btn,.select-box .btn {
	margin: 0;
	outline: 0;
	height: 26px;
	background: #fff;
	color: #0899F8;
	cursor: pointer
}

.add-box .btn span,.select-box .btn span {
	position: relative;
	top: -1px
}

.add-box .btn {
	width: 26px;
	border-radius: 50%
}

.select-box .btn {
	padding: 4px 8px;
	border: 1px solid #0899F8;
	border-radius: 13px;
	font-size: 14px;
	line-height: 18px
}

@font-face {
	font-family:synjones;src:url(fonts/synjones/synjones.eot);src:url(fonts/synjones/synjones.eot?#iefix) format("eot"),url(fonts/synjones/synjones.woff) format("woff"),url(fonts/synjones/synjones.ttf) format("truetype"),url(fonts/synjones/synjones.svg#synjones) format("svg")
}[class*=" icon-"],[class^=icon-] {
	font-family: synjones;
	speak: none;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	text-transform: none;
	display: inline-block;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-backspace:before {
	content: "\E001"
}

.icon-CET4:before {
	content: "\E002"
}

.icon-CET6:before {
	content: "\E003"
}

.icon-close:before {
	content: "\E004"
}

.icon-dot:before {
	content: "\E005"
}

.icon-exchange:before {
	content: "\E006"
}

.icon-home:before {
	content: "\E007"
}

.icon-hot:before {
	content: "\E008"
}

.icon-logout:before {
	content: "\E009"
}

.icon-notice:before {
	content: "\E00A"
}

.icon-user:before {
	content: "\E00B"
}

.icon-iconfont.pug:before {
	content: "\E00C"
}