@charset "utf-8";
/* CSS Document */

body {
	background: #fafafa;
	padding:0;
	margin:0;
	-moz-user-select:none;
	-webkit-user-select:none; 
	user-select: none;
	-ms-touch-action: none;
	-webkit-text-size-adjust:none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;                         /*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击去除高亮的颜色*/
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	border: 0;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
*:before, *:after, input[type="search"], input[type="search"]:before, input[type="search"]:after {
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
input {
    font-family: HiraginoSans-W3;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;                         /*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击去除高亮的颜色*/
}
button {
	font-family: HiraginoSans-W3;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
}
select {
	font-family: HiraginoSans-W3;
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;                         /*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击去除高亮的颜色*/
}
pre {
    font-family: HiraginoSans-W3;
    white-space: pre-wrap;
}
select::-ms-expand {
    display: none;
}
textarea {
	resize: none;
    font-family: HiraginoSans-W3;
}
.btn:hover, .btn:focus {
    text-decoration: none;
}
::-webkit-input-placeholder {
	font-size:14px;
    color:#757575;
    font-family: HiraginoSans-W3;
    font-stretch:normal;
    font-style:normal;
    font-weight:500;
}
::-moz-placeholder {
	font-size:14px;
    color:#757575;
    font-family: HiraginoSans-W3;
    font-stretch:normal;
    font-style:normal;
    font-weight:500;
}
:-ms-input-placeholder {
	font-size:14px;
    color:#757575;
    font-family: HiraginoSans-W3;
    font-stretch:normal;
    font-style:normal;
    font-weight:500;
}
input:-moz-placeholder {
	font-size:14px;
    color:#757575;
    font-family: HiraginoSans-W3;
    font-stretch:normal;
    font-style:normal;
    font-weight:500;
}
::-ms-clear, ::-ms-reveal {
	display: none;
}

a {	
	color:inherit;
	text-decoration: none;	
}
	
a:hover {
	color:inherit;	
	text-decoration: none;	
}

img {
	border: none;
	vertical-align: top;
}

ul, li {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}


.clear {
    clear: both;
    height: 0px;
}

.h30 {
	height: 30px;
    clear: both;
}

.h20 {
    height: 20px;
    clear: both;
}

.h15 {
    height: 15px;
    clear: both;
}

.h10 {
    height: 10px;
    clear: both;
}

.main_content {
	width:1000px;
	height:100%;
	margin:0 auto;
}
.content_left {
	width:558px;
	height:100%;
	background:#fff;
	border:solid 1px rgba(0, 0, 0, 0.05);
	box-shadow:0 20px 32px -8px rgba(9,30,66,0.25);
	float:left;
	position:fixed;
}
.logo {
	width:245px;
	height:72px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	margin:20% auto 56px auto;
}
.text {
	width:480px;
	height:auto;
	font-family: HiraginoSans-W3;
	text-align: center;
	letter-spacing: 0px;
	line-height: 2;
	color: #757575;
	font-size: 24px;
	margin:0 auto 36px auto;
}
.zfsd {
	width:100%;
	height:22px;
	background:url(../images/zfsd.svg) center no-repeat;
	margin:0 auto 56px auto;
}
.text1 {
	width:480px;
	height:auto;
	font-family:HiraginoSans-W3;
	text-align:center;
	color:#757575;
	font-size:14px;
	font-weight:600;
	margin:-12px auto 32px auto;
}
.input {
	width:368px;
    height:50px;
	margin:0 auto;
	position:relative;
}
.input_border {
	width:368px;
    height:50px;
	font-family:HiraginoSans-W3;
    color:#757575;
    text-align:center;
    font-size:14px;
	line-height:1;
	border:0;
    background:#f1f1f1;
	-webkit-border-radius:6px;
    -moz-border-radius:6px; 
    border-radius:6px;
	padding:19px 10px;
	position:absolute;
	bottom:-50px;
	left:0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	visibility:hidden;
	opacity:0;
}
.input_show {
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	visibility:visible;
	opacity:1;
	bottom:0;
	left:0;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:368px;
    height:50px;
	margin:-50px auto 24px auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position:relative;
	z-index:9;
}
.button_yywz {
	width:368px;
    height:50px;
	margin:0 auto 36px auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position:relative;
	z-index:9;
}
#yayapayAgent {
	display: block;
}
#yayapayAgentPhone {
	display: none;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:24px auto;
}
.button_border {
	width:368px;
    height:50px;
	font-family: HiraginoSans-W3;
    color:#007aff;
    text-align:center;
    font-size:14px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px; 
    border-radius:6px;
    border:solid 1px #007aff;
	background:#ffffff;
	cursor:pointer;
}
.button > .hover {
	color:#fff;
	background:#007aff;
	cursor:pointer;
}
.tips {
    width:400px;
	max-height:48px;
	font-family:HiraginoSans-W3;
    color:#757575;
    text-align:center;
    font-size:14px;
	line-height:24px;
	margin:0 auto 36px auto;
}
.tips b {
    color:#007aff;
	font-weight:500;
	display:inline-flex;
}
.tips b a {
    color:#007aff;
	font-weight:500;
}
.tips b a:hover {
    color:#007aff;
	font-weight:500;
}
.get {
	width:368px;
	height:20px;
	font-family:HiraginoSans-W3;
    color:#212121;
    text-align:center;
    font-size:14px;
	font-weight:600;
	margin:0 auto 18px auto;
}
.store {
    width:170px;
	height:40px;
    background:url(../images/store.svg) center no-repeat;
	margin:0 auto;
}
.store a {
    width:170px;
	height:40px;
	display:block;
}
.upload_list {
    width:368px;
	max-height:378px;
	margin:0 auto;
	overflow-x:hidden;
	overflow-y:auto
}
.upload_list::-webkit-scrollbar {
    display: none;
}
.upload_list ul li {
    width:368px;
	height:50px;
	margin:0 0 32px 0;
}
.upload_list ul li a {
    width:368px;
	height:50px;
	font-family:HiraginoSans-W3;
    color:#fff;
    text-align:center;
    font-size:14px;
    font-weight:600;
	line-height:50px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px; 
    border-radius:6px;
    background-color:#007aff;
    border:solid 1px #007aff;
	display:block;
}
.upload_list ul li a:hover {
    color:#fff;
}
.upload_list ul li a b {
	font-family:HiraginoSans-W3;
	font-weight:bold;
}
.upload_list ul li a.no_upload {
	color:#007aff;
    background-color:#fff;
    border:solid 1px #007aff;
	cursor:default;
}
.upload_list ul li a.no_upload {
	color:#007aff;
    background-color:#fff;
    border:solid 1px #007aff;
}
.return {
  width: 64px;
  height: 64px;
  background:url(../images/cancel.svg) center no-repeat;
  background-size:cover;
  margin: 64px auto 0 auto;
}
.return a {
  width: 64px;
  height: 64px;
  display:block;
}
.content_right {
	width:370px;
	height:720px;
	background:url(../images/iphone.png) center no-repeat;
	background-size:cover;
	padding:81px 0 0 30px;
	margin:12% 0 0 0;
	float:right;
}
.iphone_bg {
    width:301px;
	height:534px;
}
#iphone_img {
    width: 301px;
    height: 534px;
    overflow: hidden;
    position: relative;
}
.jPicture-container {
	display: block;
	position: relative;
	overflow: hidden
}
.jPicture-container a {
	display: block;
	color: #fff;
	text-decoration: none
}
.jPicture-container img {
	border: 0
}
.jPicture-inner {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.jPicture-part {
	overflow: hidden
}
.jPicture-fade {
	width: 100%
}
.jPicture-fade .jPicture-part {
	position: absolute;
	display: none
}
.jPicture-slide .jPicture-part {
	float: left
}
.jPicture-slide img {
	display: block
}
.footer {
	width:100%;
	height:auto;
	font-family: HiraginoSans-W6;
    color:#007aff;
    text-align:center;
    font-size:14px;
    font-weight:600;
    background:#fff;
    box-shadow:0 0 4px 2px rgba(9,30,66,0.05);
    padding:20px 0 16px 0;
	position:fixed;
	bottom:0;
	left:0;
}
.footer_cnt {
	width:auto;
	height:auto;
	margin:0 auto;
	display:table;
}
.footer_cnt a {
	margin:0 10px;
	float:left;
}
.footer_cnt a:hover {
    color:#007aff;
	margin:0 10px;
}
.footer_cnt b {
	width:140px;
	height:14px;
	margin:0 0 0 6px;
	vertical-align:middle;
	float:left;
}
.footer_cnt b > img {
	width: 100%;
    height: 16px;
    vertical-align: middle;
    margin: 0 0 3px 0;
}

.tan_border {
	width:100%;
    height: 92px;
	background:#fff;
	padding:22px 0;
	position:fixed;
	bottom:-92px;
	left:0;
	z-index:9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	visibility:hidden;
}
.show {
	left:0;
	bottom:0;
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	visibility:visible;
	opacity:1;
}
.tan_text {
	width:100%;
    height: 48px;
	font-family: HiraginoSans-W3;
    line-height: 48px;
    color: #007aff;
    text-align: center;
    font-size: 14px;
}
.tan_text b {
	font-weight:600;
}

.modal-open {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.modal-open .modal_lygy,.modal-open .modal_shenq {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-open .modal_lygy::-webkit-scrollbar,.modal-open .modal_shenq::-webkit-scrollbar {
    display: none;
}
.modal_lygy {
	position: fixed;
	top: 5%;
	right: 0;
	bottom: 5%;
	left: 0;
	z-index: 100;
	display: none;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal_shenq {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: none;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90;
	background: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal.fade .modal-dialog_lygy,.modal.fade .modal-dialog_shenq {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog_lygy,.modal.in .modal-dialog_shenq {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-dialog_lygy {
	position: relative;
	width: 80%;
    height: auto;
	margin: 0 auto;
	z-index: 100;
}
.modal-dialog_shenq {
	position: relative;
	width: 80%;
    height: auto;
	margin: 60% auto;
	z-index: 100;
}
.modal-content_lygy {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 4px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
	width:100%;
	height:100%;
	overflow:hidden;
}
.modal-content_shenq {
	position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 5px;
    outline: 0;
    width: 100%;
    height: 100%;
}
.modal-header_lygy {
	padding: 20px 30px 0 30px;
	text-align:right;
}
.modal-header_shenq {
    padding: 20px;
}
.n_close:focus, .n_close:hover {
	background:url(../images/icon_close.png) right bottom no-repeat transparent;
}
button.n_close {
	width:24px;
	height:24px;
	-webkit-appearance: none;
	padding: 0;
	background:url(../images/icon_close.png) right top no-repeat transparent;
	border: 0;
	cursor: pointer;
	display:inline-block;
}
button.close1 {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    position: absolute;
    right: 15px;
    top: 5px;
}
.close1 {
    float: right;
    font-size: 36px;
    line-height: 1;
    color: #152935;
    filter: alpha(opacity=100);
    opacity: 1;
}
.modal-body_lygy {
	padding: 20px 30px;
}
.modal-body_shenq {
    position: relative;
    padding: 20px;
}
.modal-bottom_lygy {
	padding: 20px 30px;
}
.shenq_text {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #152935;
	text-align: center;
	margin: 0 auto 20px auto;	
}
.shenq_btn_bg {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
}
.shenq_btn {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background: #4289ff;
    border: 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

@media (min-width: 1281px) and (max-width: 1440px) {
html {
	font-size:18px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:35rem;
}
.logo {
	width:14rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:3rem auto 2rem auto;
}
.text {
	width:30rem;
	font-size: 1.25rem;
	line-height: 2rem;
	padding:0 1rem;
	margin:0 auto 1.5rem auto;
}
.zfsd {
	margin:0 auto 1.5rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:-0.75rem auto 2rem auto;
}
.input {
	width:26rem;
    height:3rem;
	margin:0 auto 1.25rem auto;
}
.input_border {
	width:26rem;
    height:3rem;
    font-size:0.875rem;
	line-height:3rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:26rem;
    height:3rem;
	margin:-3rem auto 1.25rem auto;
}
.button_yywz {
	width:26rem;
    height:3rem;
	margin:0 auto 1.25rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1.25rem auto 1.25rem auto;
}
.button_border {
	width:26rem;
    height:3rem;
    font-size:0.875rem;
}
.tips {
    width:24rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:24rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 2rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 48px;
  height: 48px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 48px;
  height: 48px;
}

.content_right {
	width:20.625rem;
	height:40.125rem;
	background-size:20.625rem 40.125rem;
	padding:4.575rem 0 0 1.675rem;;
	margin:2rem 0 0 0;
}
.iphone_bg {
    width:16.75rem;
	height:29.75rem;
}
#iphone_img {
    width:16.75rem;
	height:29.75rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {
html {
	font-size:14px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:30rem;
}
.logo {
	width:20rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:3rem auto 2rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2rem;
	padding:0 1rem;
	margin:0 auto 2rem auto;
}
.zfsd {
	margin:0 auto 2rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:-0.75rem auto 2rem auto;
}
.input {
	width:24rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.input_border {
	width:24rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:24rem;
    height:3.25rem;
	margin:-3.25rem auto 2rem auto;
}
.button_yywz {
	width:24rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:2rem auto 2rem auto;
}
.button_border {
	width:24rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:24rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:24rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 2rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:20.625rem;
	height:40.125rem;
	background-size:20.625rem 40.125rem;
	padding:4.625rem 0 0 1.675rem;
	margin:1.5rem 0 0 0;
}
.iphone_bg {
    width:16.75rem;
	height:29.75rem;
}
#iphone_img {
    width:16.75rem;
	height:29.75rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-width: 960px) and (max-width: 1023px) {
html {
	font-size:12px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:35rem;
}
.logo {
	width:20rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:3rem auto 2rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2rem;
	padding:0 1rem;
	margin:0 auto 2rem auto;
}
.zfsd {
	margin:0 auto 2rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:-0.75rem auto 2rem auto;
}
.input {
	width:28rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.input_border {
	width:28rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:28rem;
    height:3.25rem;
	margin:-3.25rem auto 2rem auto;
}
.button_yywz {
	width:28rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:2rem auto 2rem auto;
}
.button_border {
	width:28rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 2rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:20.625rem;
	height:40.125rem;
	background-size:20.625rem 40.125rem;
	padding:4.625rem 0 0 1.675rem;
	margin:1.5rem 0 0 0;
}
.iphone_bg {
    width:16.75rem;
	height:29.75rem;
}
#iphone_img {
    width:16.75rem;
	height:29.75rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-width: 800px) and (max-width: 959px) {
html {
	font-size:12px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:35rem;
}
.logo {
	width:20rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:3rem auto 2rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2rem;
	padding:0 1rem;
	margin:0 auto 2rem auto;
}
.zfsd {
	margin:0 auto 2rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:-0.75rem auto 2rem auto;
}
.input {
	width:28rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.input_border {
	width:28rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:28rem;
    height:3.25rem;
	margin:-3.25rem auto 2rem auto;
}
.button_yywz {
	width:28rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:2rem auto 2rem auto;
}
.button_border {
	width:28rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 2rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:20.625rem;
	height:40.125rem;
	background-size:20.625rem 40.125rem;
	padding:4.625rem 0 0 1.675rem;
	margin:1.5rem 0 0 0;
}
.iphone_bg {
    width:16.75rem;
	height:29.75rem;
}
#iphone_img {
    width:16.75rem;
	height:29.75rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-height: 730px) and (max-height: 768px) {
html {
	font-size:18px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:38rem;
}
.logo {
	width:14rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:2.5rem auto 1.5rem auto;
}
.text {
	width:26rem;
	height:auto;
	font-size: 21px;
	line-height:2.5rem;
	padding:0 1rem;
	margin:0 auto 1.25rem auto;
}
.zfsd {
	margin:0 auto 1.25rem auto;
}
.text1 {
	width:34rem;
	font-size:1rem;
	margin:0 auto 1.5rem auto;
}
.input {
	width:24rem;
    height:3rem;
	margin:0 auto 1.25rem auto;
}
.input_border {
	width:24rem;
    height:3rem;
    font-size:14px;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:24rem;
    height:3rem;
	margin:-3rem auto 1.25rem auto;
}
.button_yywz {
	width:24rem;
    height:3rem;
	margin:0 auto 1.25rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1.25rem auto 1.25rem auto;
}
.button_border {
	width:24rem;
    height:3rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:14px;
	line-height:1.5rem;
	margin:0 auto 0.875rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 1.5rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:17.375rem;
	height:33.75rem;
	background-size:17.375rem 33.75rem;
	padding:3.875rem 0 0 1.375rem;
	margin:2rem 0 0 0;
}
.iphone_bg {
    width:14.125rem;
	height:25rem;
}
#iphone_img {
    width:14.125rem;
	height:25rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height: auto;
    line-height: 1.75rem;
    font-size: 0.875rem;
    padding: 0 1rem;
}
}

@media (min-height: 670px) and (max-height: 729px) {
html {
	font-size:17px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:38rem;
}
.logo {
	width:14rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:2rem auto 1.5rem auto;
}
.text {
	width:34rem;
	height:auto;
	font-size: 24px;
	line-height:2.5rem;
	padding:0 1rem;
	margin:0 auto 1.25rem auto;
}
.zfsd {
	margin:0 auto 1.25rem auto;
}
.text1 {
	width:34rem;
	font-size:1rem;
	margin:0 auto 1.5rem auto;
}
.input {
	width:25rem;
    height:3rem;
	margin:0 auto 1rem auto;
}
.input_border {
	width:25rem;
    height:3rem;
    font-size:14px;
	line-height:3rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:25rem;
    height:3rem;
	margin:-3rem auto 1rem auto;
}
.button_yywz {
	width:25rem;
    height:3rem;
	margin:0 auto 1rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1rem auto 1rem auto;
}
.button_border {
	width:25rem;
    height:3rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:14px;
	line-height:1.5rem;
	margin:0 auto 0.75rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 0.75rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 1.5rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:17.375rem;
	height:33.75rem;
	background-size:17.375rem 33.75rem;
	padding:3.875rem 0 0 1.375rem;
	margin:2rem 0 0 0;
}
.iphone_bg {
    width:14.125rem;
	height:25rem;
}
#iphone_img {
    width:14.125rem;
	height:25rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-height: 560px) and (max-height: 669px) {
html {
	font-size:16px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:38rem;
}
.logo {
	width:16rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:2rem auto 1.5rem auto;
}
.text {
	width: 27rem;
    height: auto;
    font-size: 1.25rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    margin: 0 auto 1.25rem auto;
}
.zfsd {
	margin:0 auto 1.25rem auto;
}
.text1 {
	width:34rem;
	font-size:1rem;
	margin:0 auto 1.5rem auto;
}
.input {
	width:25rem;
    height:3rem;
	margin:0 auto 1rem auto;
}
.input_border {
	width:25rem;
    height:3rem;
    font-size:0.875rem;
	line-height:2.75rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:25rem;
    height:3rem;
	margin:-3rem auto 1rem auto;
}
.button_yywz {
	width:25rem;
    height:3rem;
	margin:0 auto 1rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1rem auto 1rem auto;
}
.button_border {
	width:25rem;
    height:3rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 0.75rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 0.75rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 1.5rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:17.375rem;
	height:33.75rem;
	background-size:17.375rem 33.75rem;
	padding:3.875rem 0 0 1.375rem;
	margin:2rem 0 0 0;
}
.iphone_bg {
    width:14.125rem;
	height:25rem;
}
#iphone_img {
    width:14.125rem;
	height:25rem;
}
.footer {
    font-size:0.875rem;
    padding: 1rem 0 0.8rem 0;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}


@media (min-height: 500px) and (max-height: 559px) {
html {
	font-size:14px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:35rem;
}
.logo {
	width:18rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:2rem auto 1.5rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2.5rem;
	padding:0 1rem;
	margin:0 auto 1.5rem auto;
}
.zfsd {
	margin:0 auto 1.5rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.input {
	width:25rem;
    height:3.25rem;
	margin:0 auto 1.5rem auto;
}
.input_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:25rem;
    height:3.25rem;
	margin:-3.25rem auto 1.5rem auto;
}
.button_yywz {
	width:25rem;
    height:3.25rem;
	margin:0 auto 1.5rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1.5rem auto 1.5rem auto;
}
.button_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:1rem;
	margin:0 auto 1rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 1.5rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:17.1666rem;
	height:33.3333rem;
	background-size:17.1666rem 33.3333rem;
	padding:3.8333rem 0 0 1.4166rem;
	margin:1.5rem 0 0 0;
}
.iphone_bg {
    width:13.8333rem;
	height:24.6666rem;
}
#iphone_img {
    width:13.8333rem;
	height:24.6666rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}

}

@media (min-height: 400px) and (max-height: 499px) {
html {
	font-size:12px;
}
.main_content {
	width:60rem;
}
.content_left {
	width:35rem;
}
.logo {
	width:18rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:2rem auto 1.5rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2rem;
	padding:0 1rem;
	margin:0 auto 1.5rem auto;
}
.zfsd {
	margin:0 auto 1.5rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.input {
	width:25rem;
    height:3.25rem;
	margin:0 auto 1.5rem auto;
}
.input_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:25rem;
    height:3.25rem;
	margin:-3.25rem auto 1.5rem auto;
}
.button_yywz {
	width:25rem;
    height:3.25rem;
	margin:0 auto 1.5rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:1.5rem auto 1.5rem auto;
}
.button_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 1.5rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:17.1666rem;
	height:33.3333rem;
	background-size:17.1666rem 33.3333rem;
	padding:3.8333rem 0 0 1.4166rem;
	margin:1.5rem 0 0 0;
}
.iphone_bg {
    width:13.8333rem;
	height:24.6666rem;
}
#iphone_img {
    width:13.8333rem;
	height:24.6666rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
    height:3rem;
    line-height:3rem;
    font-size:0.875rem;
}
}

@media (min-width: 768px) and (max-width: 768px) {
html {
	font-size:12px;
}
.main_content {
	width:100%;
}
.content_left {
	width:35rem;
}
.logo {
	width:18rem;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	background-size:auto 48px;
	margin:3rem auto 2rem auto;
}
.text {
	width:30rem;
	height:auto;
	font-size: 1.25rem;
	line-height:2rem;
	padding:0 1rem;
	margin:0 auto 2rem auto;
}
.zfsd {
	margin:0 auto 2rem auto;
}
.text1 {
	width:30rem;
	font-size:0.875rem;
	margin:-0.75rem auto 2rem auto;
}
.input {
	width:25rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.input_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
	line-height:3.25rem;
	padding:0 1rem;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:25rem;
    height:3.25rem;
	margin:-3.25rem auto 2rem auto;
}
.button_yywz {
	width:25rem;
    height:3.25rem;
	margin:0 auto 2rem auto;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:2rem auto 2rem auto;
}
.button_border {
	width:25rem;
    height:3.25rem;
    font-size:0.875rem;
}
.tips {
    width:28rem;
	max-height:3rem;
    font-size:0.875rem;
	line-height:1.5rem;
	margin:0 auto 1rem auto;
}
.get {
	width:28rem;
	height:1.5rem;
    font-size:0.875rem;
	margin:0 auto 1.5rem auto;
}
.upload_list {
    width:24rem;
	max-height:25.625rem;
}
.upload_list ul li {
    width:24rem;
	height:3.125rem;
	margin:0 0 2rem 0;
}
.upload_list ul li a {
    width:24rem;
	height:3.125rem;
    font-size:0.875rem;
	line-height:3.125rem;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	width:20.625rem;
	height:40.125rem;
	background-size:20.625rem 40.125rem;
	padding:4.625rem 0 0 1.675rem;
	margin:1.5rem 2rem 0 0;
}
.iphone_bg {
    width:16.75rem;
	height:29.75rem;
}
#iphone_img {
    width:16.75rem;
	height:29.75rem;
}
.footer {
    font-size:0.875rem;
}
.footer a {
    margin:0 1rem;
}
.footer a:hover {
	margin:0 1rem;
}
.tan_border {
    height:5rem;
	padding:1rem 0;
	bottom:-5rem;
}
.tan_text {
   height: auto;
    line-height: 1.75rem;
    font-size: 0.875rem;
    padding: 0 1rem;
}
}

@media (min-width: 1024px) and (max-width: 1024px) {
.main_content {
	width:100%;
}
}

@media (max-width: 743px) {
body {
    background:#fff;		
}
.main_content {
	width:100%;
	height:100%;
	margin:0 auto;
}
.content_left {
	width:100%;
	height:100%;
	background:#fff;
	box-shadow:none;
	border:0;
	position:relative;
	float:none;
}
.logo {
	width:100%;
	height:48px;
	background:url(../images/okulo_logo.svg) center no-repeat;
	margin:56px auto 28px auto;
}
.text {
	width:96%;
	height:auto;
	font-family: HiraginoSans-W3;
	text-align: center;
	letter-spacing: 0px;
	line-height: 2;
	color: #757575;
	font-size: 16px;
	margin:0 auto 24px auto;
}
.zfsd {
	width:94%;
	margin:0 auto 36px auto;
	background-size:94% auto;
}
.text1 {
	width:96%;
	height:auto;
	font-family:HiraginoSans-W3;
	text-align:center;
	color:#757575;
	font-size:14px;
	font-weight:600;
	margin:-12px auto 24px auto;
}
.input {
	width:88%;
    height:50px;
	margin:0 auto;
	position:relative;
}
.input_border {
	width:100%;
    height:50px;
	font-family:HiraginoSans-W3;
    color:#757575;
    text-align:center;
    font-size:14px;
	line-height:1;
	border:0;
    background:#f1f1f1;
	-webkit-border-radius:6px;
    -moz-border-radius:6px; 
    border-radius:6px;
	padding:19px 10px;
	position:absolute;
	bottom:-50px;
	left:0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	visibility:hidden;
	opacity:0;
}
.input_show {
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	visibility:visible;
	opacity:1;
	bottom:0;
	left:0;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.button {
	width:88%;
    height:50px;
	margin:-50px auto 24px auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position:relative;
	z-index:9;
}
.button_yywz {
	width:88%;
    height:50px;
	margin:0 auto 24px auto;
}
#yayapayAgent {
	display: none;
}
#yayapayAgentPhone {
	display: block;
}
.button_border {
    width: 100%;
    height: 50px;
    font-family: HiraginoSans-W3;
    color: #007aff;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #007aff;
    background: #ffffff;
}
.button_show {
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	margin:24px auto;
}
.tips {
    width:94%;
	max-height:46px;
	font-family:HiraginoSans-W3;
    color:#757575;
    text-align:center;
    font-size:13px;
	line-height:23px;
	margin:0 auto 18px auto;
}
.tips b {
	display:initial;
}
.tips b a {
    color:#007aff;
	font-weight:500;
}
.tips b a:hover {
    color:#007aff;
	font-weight:500;
}
.get {
	width:90%;
	height:20px;
	font-family:HiraginoSans-W3;
    color:#212121;
    text-align:center;
    font-size:14px;
	font-weight:600;
	margin:0 auto 18px auto;
}
.upload_list {
    width:90%;
	height:auto;
	margin:0 auto;
}
.upload_list ul li {
    width:100%;
	height:50px;
	margin:0 0 24px 0;
}
.upload_list ul li a {
    width:100%;
	height:50px;
	font-family:HiraginoSans-W3;
    color:#fff;
    text-align:center;
    font-size:14px;
    font-weight:600;
	line-height:50px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px; 
    border-radius:6px;
    background-color:#007aff;
    border:solid 1px #007aff;
	display:block;
}
.upload_list ul li a:hover {
    color:#fff;
}
.upload_list ul li a b {
	font-family:HiraginoSans-W3;
	font-weight:bold;
}
.upload_list ul li a.no_upload {
	color:#007aff;
    background-color:#fff;
    border:solid 1px #007aff;
	cursor:default;
}
.upload_list ul li a.no_upload {
	color:#007aff;
    background-color:#fff;
    border:solid 1px #007aff;
}
.return {
  width: 32px;
  height: 32px;
  margin: 0 auto 0 auto;
}
.return a {
  width: 32px;
  height: 32px;
}
.content_right {
	display:none;
}
.footer {
	position:inherit;
	box-shadow:none;
	font-size:13px;
	text-align:center;
}
.privacy_footer {
	font-size:13px;
	text-align:center;
}
.footer_cnt {
	width:auto;
	height:auto;
	margin:0 auto;
	display:table;
}
.footer_cnt a {
	margin:0 8px;
	float:none;
	display: inline-block;
}
.footer_cnt a:hover {
	margin:0 8px;
	float:none;
}
.footer_cnt b {
	width:100%;
	height:14px;
	margin:14px auto 0 auto;
}
.tan_text {
	width:90%;
	height:auto;
    line-height: 24px;
	margin:0 auto;
}
.tan_border {
	height:auto;
	padding:12px 0;
}
.modal_lygy {
	top: 0;
	bottom: 0;
}
.modal-dialog_lygy {
	width: 100%;
}
.modal-content_lygy {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-header_lygy {
	padding: 5% 5% 0 5%;
}
.modal-body_lygy {
	padding: 5%;
}
}

@media (max-width: 375px) {
.logo {
	margin:48px 0 24px 0;
}
.text {
	margin:0 auto 18px auto;
}
.zfsd {
	margin:0 auto 24px auto;
}
}

@media (max-width: 360px) {
.logo {
	margin: 48px 0 24px 0;
}
.text {
	width:98%;
	font-size: 14px;
	margin:0 auto 18px auto;
}
.zfsd {
	margin:0 auto 24px auto;
}
.error {
    border:1px solid #ff2d55;
	-webkit-transition: border 0s ease-in;
	-moz-transition: border 0s ease-in;
	-ms-transition: border 0s ease-in;
	-o-transition: border 0s ease-in;
	transition: border 0s ease-in;
}
.tips {
    width:96%;
	max-height:44px;
    font-size:12px;
	line-height:22px;
	margin:0 auto 24px auto;
}
.tips b {
	display:initial;
}
.footer {
	height:auto;
	position:inherit;
	bottom:0;
	padding:24px 0;
	background:#fff;
	font-size:12px;
	text-align:center;
}
.footer_cnt {
	width:auto;
	height:auto;
	margin:0 auto;
	display:table;
}
}

/* 隐私条款 */

.privacy_content {
   width:1138px;
   height:100%;
   background:#fff;
   border: solid 1px rgba(0, 0, 0, 0.05);
   margin:0 auto;
}
.privacy_title {
	width: 904px;
	min-height: 36px;
    font-family: HiraginoSans-W6;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
    color: #424242;
	margin: 64px auto 32px auto;
}
.privacy_subhead {
	width: 904px;
	min-height: 36px;
    font-family: HiraginoSans-W3;
    font-size: 16px;
    line-height: 2.25;
    text-align: center;
    color: #4289ff;
	margin: 0 auto 32px auto;
}
.privacy_outline {
	width: 904px;
    height: auto;
    font-family: HiraginoSans-W6;
    font-size: 18px;
    line-height: 2;
    text-align: left;
    color: #424242;
	font-weight:600;
	margin: 0 auto;
}
.privacy_txtbox {
	width: 904px;
    min-height: 36px;
    font-family: HiraginoSans-W6;
    font-size: 18px;
    line-height: 2;
    text-align: left;
    color: #424242;
	font-weight:600;
	margin: 32px auto 16px auto;
}
.privacy_text {
	width: 904px;
    height: auto;
    font-family: HiraginoSans-W3;
    font-size: 16px;
    line-height: 2.25;
    text-align: left;
    color: #757575;
	margin:0 auto;
}
.privacy_text ul {
	width: 904px;
    height: auto;
}
.privacy_text ul li {
	width: 876px;
    height: auto;
    list-style: decimal;
    margin: 0 0 0 28px;
}
.privacy_logo {
	width: 904px;
    height: auto;
	margin: 98px auto;
}
.privacy_logo_l {
	width: 50%;
    min-height: 48px;
	background:url(../images/okulo_logo.svg) left no-repeat;
	float: left;
}
.privacy_logo_r {
	width: 50%;
    min-height: 148px;
	background:url(../images/Okulo_Logo.png) right no-repeat;
	background-size: auto 148px;
	float: right;
}
.privacy_footer {
	width: 904px;
	min-height: 20px;
	font-family: HiraginoSans-W6;
    color: #007aff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
	margin:0 auto 36px auto;
	clear: both;
}

/* 特别商法 */

.businesslaw_title {
	width: 904px;
	min-height: 48px;
    font-family: HiraginoSans-W6;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: #4289ff;
    border-left: 10px solid #c2d9ff;
    border-right: 10px solid #c2d9ff;
	margin: 32px auto;
}
.businesslaw_cnt {
	width: 904px;
	height: auto;
	margin: 0 auto 32px auto;
}
.businesslaw_table {
	width: 100%;
	height: auto;
	background: #e6e6e6;
}
.businesslaw_table tr {
	background: #fff;
}
.businesslaw_table tr td {
	width: 50%;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	padding: 0 12px;
}
.businesslaw_table_title {
	color: #282828;
	text-align: center;
	font-weight: bold;
	background: #fafafa;
}
.businesslaw_table_text {
	color: #757575;
	text-align: left;
}
.businesslaw_table_text b {
	color: #ff2d55;
}




@media (min-width: 1024px) and (max-width: 1280px) {
.privacy_content {
    width:1000px;
}
.privacy_title,.privacy_subhead,.privacy_outline,.privacy_txtbox,.privacy_text,.privacy_text ul,.privacy_logo,.privacy_footer {
    width:800px;
}
.privacy_footer {
    width:1000px;
}
.privacy_text ul li {
    width:772px;
}
}

@media (min-width: 800px) and (max-width: 1023px) {
.privacy_content {
    width:800px;
}
.privacy_title,.privacy_subhead,.privacy_outline,.privacy_txtbox,.privacy_text,.privacy_text ul,.privacy_logo,.privacy_footer,.businesslaw_cnt {
    width:700px;
}
.privacy_text ul li {
    width:672px;
}
}

@media (min-width: 1024px) and (max-width: 1024px) {
.privacy_content {
    width:100%;
}
}

@media (min-width: 768px) and (max-width: 768px) {
.privacy_content {
    width:100%;
}
.privacy_title,.privacy_subhead,.privacy_outline,.privacy_txtbox,.privacy_text,.privacy_text ul,.privacy_logo,.businesslaw_title,.businesslaw_cnt {
    width:668px;
}
.privacy_footer {
	width:718px;
}
.privacy_text ul li {
    width:640px;
}
.footer_cnt a {
    margin: 0 5px;
    display: inline-block;
    float: none;
    font-size: 13px;
}
.footer_cnt a:hover {
	margin: 0 5px;
}
.footer_cnt b {
    width: 140px;
    height: 14px;
    margin: 0;
    vertical-align: middle;
    float: right;
}
#travelWebInfo {
	display: none;
}
}

@media (max-width: 743px) {
.privacy_content {
    width:100%;
}
.privacy_title,.privacy_subhead,.privacy_outline,.privacy_txtbox,.privacy_text,.privacy_logo {
    width:90%;
}
.privacy_footer {
	width:100%;
	font-size:13px;
}
.privacy_text ul {
    width:100%;
}
.privacy_text ul li {
    width:calc(100% - 28px);
}
.privacy_title {
    margin:32px auto;
}
.privacy_subhead {
	font-size:14px;
}
.privacy_logo {
	margin:64px auto;
}
.privacy_logo_l {
	background:url(../images/okulo_logo.svg) left no-repeat;
	background-size: auto 48px;
}
.privacy_logo_r {
    min-height: 108px;
	background:url(../images/Okulo_Logo.png) right no-repeat;
	background-size: auto 108px;
}
#infoManagement,#travelWebInfo,#businessLaw {
	display: none;
}
}

@media (max-width: 320px) {
.privacy_content {
    width:100%;
}
.privacy_subhead {
    width:96%;
}
.privacy_title,.privacy_outline,.privacy_txtbox,.privacy_text,.privacy_logo,.privacy_footer {
    width:90%;
}
.privacy_text ul {
    width:100%;
}
.privacy_text ul li {
    width:calc(100% - 28px);
}
.privacy_title {
    margin:32px auto 24px auto;
}
.privacy_subhead {
	font-size:12px;
	margin:0 auto 24px auto;
}
.privacy_outline {
	font-size:16px;
}
.privacy_txtbox {
	font-size:16px;
	margin:24px auto 16px auto;
}
.privacy_text {
	font-size:14px;
	line-height:2;
}
.privacy_logo {
	margin:48px auto;
}
.privacy_footer {
	width:100%;
	font-size:12px;
	text-align:center;
}
}

.show {
	left:0;
	bottom:0;
    -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	visibility:visible;
	opacity:1;
}