/* 
*
*登录与注册css样式 
*
*/
/* 电脑屏 */
@media screen and (min-width: 1200px) {
	#wrap {width: 1200px;margin: 0 auto;}
	#wrap .logo {padding: 20px 0;}
	#wrap .logo a {width: 560px;display: flex;justify-content: center;align-items: center;}
	#wrap .logo span {height: 55px;border-right: 1px solid #ccc;margin: 0 20px;}
	#wrap .logo img {width: 180px;}
	#wrap .box {display: flex;align-items: center;}
	#wrap .box > img {width: 460px;margin: 0 50px;}
	#wrap .box > .cont {margin: 0 100px 0 auto;border: 1px solid #ccc;width: 360px;padding: 10px 0 40px 0;}
	#wrap .box > .cont .title {padding: 20px 0;text-align: center;font-size: 20px;font-weight: bold;letter-spacing: 3px;border-bottom: 3px solid #1E78BE;margin-bottom: 20px;}
	#wrap .box > .cont .item {display: flex;padding: 10px 20px;justify-content: center;}
	#wrap .box > .cont .item .getCheck {border: 1px solid #1E78BE;width: calc(40% - 10px);height: 36px;font-size: 12px;cursor: pointer;user-select: none;background: #1E78BE;color: #fff;box-sizing: border-box;margin-left: 10px;text-align: center;line-height: 34px;}
	#wrap .box > .cont .item input[type=text] {width: 80%;height: 36px;font-size: 14px;box-sizing: border-box;text-indent: 5px;background: #fff;border: 1px solid #dedfe0;}
	#wrap .box > .cont .item input[type=text]:focus{border: 1px solid #1E78BE;}
	#wrap .box > .cont .prompt {font-size: 12px;color: #ec3f3f;width: 256px;margin: 0 auto;}
	#wrap .btn {border: 1px solid #1E78BE;width: 80%;height: 36px;cursor: pointer;background: #1E78BE;color: #fff;user-select: none;box-sizing: border-box;text-align: center;line-height: 34px;}
	#wrap .foot {border-top: 1px solid #ccc;text-align: center;font-size: 12px;padding: 20px 0;}
	#wrap .foot p {line-height: 24px;}
}

/* 手机屏 */
@media screen and (max-width: 1200px) {
	#wrap {width: 100%;}
	#wrap .logo {padding: 40px 0 20px 0;}
	#wrap .logo a {display: flex;justify-content: center;align-items: center;}
	#wrap .logo span {height: 55px;border-right: 1px solid #dedfe0;margin: 0 20px;}
	#wrap .logo img {width: 40%;}
	#wrap .box {padding: 20px 10px;}
	#wrap .box > img {display: none;}
	#wrap .box > .cont {border: 1px solid #dedfe0;padding: 10px 0 40px 0;}
	#wrap .box > .cont .title {padding: 20px 0;text-align: center;font-size: 6vw;font-weight: bold;letter-spacing: 3px;border-bottom: 3px solid #1E78BE;margin-bottom: 20px;}
	#wrap .box > .cont .item {display: flex;padding: 10px 0;justify-content: center;}
	#wrap .box > .cont .item .getCheck {border: 1px solid #1E78BE;width: calc(40% - 10px);height: 36px;font-size: 12px;cursor: pointer;user-select: none;background: #1E78BE;color: #fff;box-sizing: border-box;margin-left: 10px;text-align: center;line-height: 34px;}
	#wrap .box > .cont .item input[type=text] {width: 80%;height: 36px;font-size: 14px;box-sizing: border-box;text-indent: 1em;background: #fff;border: 1px solid #dedfe0;}
	#wrap .box > .cont .item input[type=text]:focus{border: 1px solid #1E78BE;}
	#wrap .box > .cont .prompt {font-size: 12px;color: #ec3f3f;width: 80%;margin: 0 auto;}
	#wrap .btn {border: 1px solid #1E78BE;width: 80%;height: 36px;cursor: pointer;background: #1E78BE;color: #fff;user-select: none;box-sizing: border-box;text-align: center;line-height: 34px;}
	#wrap .foot {border-top: 1px solid #dedfe0;text-align: center;font-size: 12px;padding: 20px 0;}
	#wrap .foot p {line-height: 2;}
}