a {
	text-decoration: none
}

.container {
	margin: auto
}

.full-container {
	width: 100%
}

.full-width {
	width: 100%
}

.full-height {
	height: 100%
}

.box-size-border {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.no-pd {
	margin: 0;
	padding: 0
}

.nav-ns {
	margin: 0;
	padding: 0;
	list-style: none
}

.hori-nav {
	margin: 0;
	padding: 0;
	list-style: none
}

.hori-nav li {
	display: block;
	float: left
}

.a-default {
	color: #ffffff;
	text-decoration: none
}

.clearfix:before {
	content: '';
	display: block;
	clear: both
}

.clearfix:after {
	content: '';
	display: block;
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.hidden {
	display: none
}

.pointer {
	cursor: pointer
}

.abs-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.abs-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

@media (min-width:480px) {
	.c-xs {
		width: 480px
	}
}

@media (min-width:768px) {
	.c-sm {
		width: 720px
	}
}

@media (min-width:992px) {
	.c-md {
		width: 940px
	}
}

@media (min-width:1200px) {
	.c-lg {
		width: 1180px
	}
}

.hotline-container {
	background-color: #E0E0E0;
	line-height: 40px;
	font-size: 14px;
	color: #2c2c30
}

.hotline-container .a-default {
	color: #2c2c30;
	padding: 0 8px;
	border-right: 1px solid #2c2c30
}

.hotline-container .a-default:hover {
	color: #818185
}

.hotline-container li:last-of-type .a-default {
	border-right: none
}

.logo-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #273550
}

.logo-container .container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 25px;
	padding-right: 85px;
	padding-bottom: 0px;
	padding-left: 0px;
}




.logo-container .container .logo-img {
	width: 140px
}

.logo-container .container .desc-img {
	width: 300px;
	position: relative;
	top: -9px;
	margin-left: 25px
}

@media (max-width:800px) {

.logo-container .container .logo-img {
	width: 70px;
	margin-left: 2px
}

.logo-container .container .desc-img {
	width: 268px;
	position: relative;
	top: -9px;
	margin-left: 0px
}	 
}

.try-wrp {
	padding: 70px 0 80px
}

.try-wrp .p {
	margin: 0;
	padding: 0;
	margin-bottom: 80px;
	font-size: 28px;
	color: white;
	text-align: center
}

.try-wrp .try-form {
	display: flex;
	justify-content: space-between
}

.try-wrp .try-input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 19%;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	padding: 0 20px;
	border-radius: 3px;
	border: 1px solid white;
	outline: none
}

.try-wrp .try-input:hover {
	border-color: #ff8f16
}

.try-wrp .btn {
	color: white;
	background-color: #ff8f16;
	border-color: #ff8f16;
	cursor: pointer
}

.try-wrp .btn:hover {
	background-color: #f6860d
}

.bottom-nav {
	display: flex;
	justify-content: space-between;
	padding: 80px 0 130px
}

.bottom-nav .nav-ns {
	font-size: 15px
}

.bottom-nav .nav-ns .a-default {
	color: #a8a9aa
}

.bottom-nav .nav-ns .a-default:hover {
	color: white
}

.bottom-nav .nav-ns li {
	margin-bottom: 20px
}

.bottom-nav .nav-ns li:first-of-type {
	margin-bottom: 32px
}

.bottom-nav .qrcode-box {
	text-align: center
}

.bottom-nav .qrcode-box img {
	width: 120px;
	height: 120px;
	display: block;
	margin-bottom: 30px
}

.modal-container {
	position: fixed;
	top: 110px;
	left: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3)
}

.modal-container .modal-wrp {
	background-color: white
}

.try-modal {
	display: inherit;
	color: #666666
}

.try-modal .try-title {
	margin: 0;
	padding: 0;
	font-weight: normal;
	padding: 0;
	text-align: center;
	font-size: 30px;
	border-bottom: 1px solid #E6E6E6
}

.try-modal .try-form {
	margin: 30px auto 10px;
}

.try-modal .red {
	color: #FF3F3F
}

.try-modal .cell-name {
	color: #666666;
	padding-bottom: 30px
	
}






.try-modal .cell-ipt {
	width: 388px;
	display: flex;
	padding-bottom: 20px
}

@media (max-width:780px) {
.try-modal .cell-ipt {
	width: 288px;
	display: flex;
	padding-bottom: 20px
}

}

.try-modal .cell-ipt .ipt {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #C4E5FF;
	padding-left: 20px
}

.try-modal .cell-ipt .ckcode-btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	height: 48px;
	line-height: 48px;
	border: 1px solid #C4E5FF;
	width: 30%;
	min-width: 120px;
	margin-left: 10px;
	cursor: pointer
}

.try-modal .cell-ipt .ckcode-btn:hover {
	background-color: #1C93FE;
	color: white
}

.try-modal .cell-ipt .ckbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	cursor: pointer;
	padding-left: 50px;
	line-height: 35px;
	position: relative
}

.try-modal .cell-ipt .ckbox:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #C4E5FF;
	position: absolute;
	top: 10px;
	left: 25px
}

.try-modal .cell-ipt .ckbox-act:after {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #1C93FE;
	position: absolute;
	top: 13px;
	left: 28px
}

.try-modal .btn-group {
	padding: 30px 0;
	border-top: 1px solid #E6E6E6
}

.try-modal .btn-group .sub-btn {
	margin: auto;
	width: 390px;
	height: 50px;
	line-height: 50px;
	background-color: #1c93f1;
	color: white;
	font-size: 18px;
	text-align: center;
	cursor: pointer
}

.try-modal .btn-group .sub-btn:hover {
	background-color: #0b82e0
}