/*激活码找回*/
.okf-code-check p{
	color:black;
}

.okf-code-check span{
	color:red;
}

.okf-code-check .tips{
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 400;

}

.okf-code-check input,textarea{
  border: 1px solid #c4c4c9!important;
  -webkit-border-radius: 5px!important;
  
}

.okf-code-check .tips2{
	color: #7e7e7e;
	font-size: 14px;
	line-height:1.5;
}

.okf-code-check .tips2 p{
	
}

.odr-check-btn {
  border-radius: 3px;
  border-style: solid; 
   border-color:#2ba245;
  background-color: #2ba245;
  padding: 5px 30px;
  color: #fff;
  font-weight: 400;
  font-size:15px;
  display: inline-block;
}
.odr-check-btn:hover {
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(67,158,87,0.3);
}

.copy-btn {
  border-radius: 3px;
  border-style: solid; 
   border-color:#5a68ef;
  background-color: #5a68ef;
  padding: 5px 30px;
  color: #fff;
  font-weight: 400;
  font-size:15px;
  display: inline-block;
}
.copy-btn:hover {
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(138,148,244,0.3);
}

/*okf button start*/

.okf-home-btn-blue {
  border-radius: 25px;
  border: none;
  background-color: #0081ff;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-home-btn-blue:hover{
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(138,148,244,0.3);
}

.okf-home-btn-blue2 {
  border-radius: 25px;
  border-style: none; 
  background-color: #0081ff!important;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-orange {
  border-radius: 25px;
  border: none;
  background-color: #ff6b52;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-orange:hover{
	color: #fff;
	box-shadow: 0 0 20px 0px #fb9280;
}


.okf-btn-blue {
  border-radius: 25px;
  border: none;
  background-color: #4aa8ed;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-blue:hover{
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(114,185,237,0.3);
}

.okf-btn-green {
  border-radius: 25px;
  border: none;
  background-color: #43a049;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-green:hover{
	color: #fff;
	box-shadow: 0 0 15px 5px #a8f1ad;
}

.okf-btn-purple {
  border-radius: 25px;
  border: none;
  background-color: #5322c0;
  padding: 10px 70px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-purple:hover{
	color: #fff;
	box-shadow: 0 0 20px 5px rgba(97,56,190,0.3);
}


.okf-btn-store-buy {
  border-radius: 8px;
  border: none;
  background-color: #e6376c;
  padding: 8px 40px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-store-buy:hover{
	color: #fff;
	box-shadow: 0 0 20px 5px rgba(230,90,130,0.3);
}

.okf-btn-store-buy img{
	height:20px!important;
	padding-right:3px;
	margin-bottom:3px;
}

.okf-btn-store-buy span{
	height:20px;
}

.pd-ulock-2mode{
	
}

.okf-freetool-title{
	width: 100%;
	height: 200px;
	background: url("../images/background/home14-bg-7.png"),linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.okf-freetool-title h1 {
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #222222;
    line-height: 42px;
	text-align:center;
}

.okf-freetool-title span {
    font-size: 22px;
    color: #F44E81;
    font-weight: bold;
}

.okf-btn-freetool-blue {
  border-radius: 8px;
  border: none;
  background-color: #4aa8ed;
  padding: 10px 45px;
  color: #fff;
  font-weight: 400;
  font-size:18px;
}

.okf-btn-freetool-blue:hover{
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(114,185,237,0.3);
}


.okf-support-title{
	width: 100%;
	height: 200px;
	background: url("../images/background/home5-bg-overlay-5.png"),linear-gradient(-225deg, #5271C4 0%, #B19FFF 48%, #ECA1FE 100%);
}

.okf-support-title a{
	padding-right:10px;
	font-size: 18px!important;
    color: #fff;
}
.okf-support-title a:hover{
	Cursor: pointer;
	font-size: 18px;
    color: #4071ff!important;
	text-decoration:underline;
}

.okf-support-title h1 {
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 42px;
	text-align:center;
}

.okf-support-title span {
    font-size: 18px;
    color: #fff;
}


.okf-support-box{

	margin-left:10px;
	 margin-right:10px;
	 padding-bottom:10px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
	border-radius: 10px;
	text-align:center;
}

.okf-support-box:hover {
    box-shadow: 0px 4px 16px 1px rgba(1, 1, 1, 0.15);
}

.okf-support-box:hover>.title {
    color:#0081ff
}

.okf-support-box img{
	height:60px;
}

.okf-support-box .title{
	font-size: 20px;
    font-weight: 600;
    color: #222222;
    line-height: 21px;
}

.okf-support-box .desc{
	font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}




.okf-guide-box{
	margin-left:15px;
	 margin-right:15px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
	border-radius: 10px;
}

.okf-guide-box:hover {
    box-shadow: 0px 4px 16px 1px rgba(1, 1, 1, 0.15);
}

.okf-guide-box img{
	
}

.okf-guide-box .pname{
	font-size: 20px;
    font-weight: 600;
    color: #222222;
    line-height: 21px;
}



.okf-guide-box .inbox{
	padding:40px 30px 30px 40px;
}


.okf-guide-box a{
	padding-right:15px;
	font-size: 16px!important;
    color: black!important;

}
.okf-guide-box a:hover{
	font-size: 16px!important;
   	color: #0081ff!important;
	text-decoration:underline;
}

.okf-support-contact{
	text-align: center;
}

.okf-support-contact .title{
	text-align:center;
	font-size: 28px;
    font-weight: 600;
    color: black;
    line-height: 21px;
}
.okf-support-contact .decs{
	text-align:center;
	font-size: 16px;
    color: #222;
}



.okf-support-contact .box{
		margin-left:45px;
	 margin-right:45px;
	 padding-bottom:25px;
	 padding-top:25px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
	border-radius: 10px;
}

.okf-support-contact .box:hover {
    box-shadow: 0px 4px 16px 1px rgba(1, 1, 1, 0.15);
}

.okf-support-contact img{

	text-align:center;
	height:70px;
}

.okf-support-contact .btitle{
	text-align: left;
	font-size: 22px;
    font-weight: 600;
    color: #222222;
    line-height: 21px;
}

.okf-support-contact .bdecs{
	text-align: left;
	font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 6px;
}


.okf-support-contact .inbox{
	margin:1em;	
}

@media screen and (max-width:992px) {
	.okf-support-contact .btitle{
		text-align:center;
		padding-top:20px;
	}
	.okf-support-contact .bdecs{
		text-align:center;
	}
	.okf-support-contact img{
		vertical-align: middle;
	}
	.okf-guide-box .inbox{
		text-align:center;
	}
	.okf-guide-box .inbox img{
		padding-bottom:20px;
	}
	.okf-992-d-none{
		display:none;
	}
}
@media screen and (max-width:1200px) {
	.okf-guide-box{
		margin-left:0px;

	}
	.okf-guide-box .pname{
		font-size: 16px;
	}
	.okf-guide-box a{
		padding-right:6px!important;
		font-size: 13px!important;
		line-height: 20px;
	}
	.okf-guide-box a:hover{
		font-size: 13px!important;
		color: #0081ff!important;
		text-decoration:underline;
	}

}

.okf-support-problem{
	text-align: center;
}

.okf-support-problem .title{
	text-align:center;
	font-size: 28px;
    font-weight: 600;
    color: black;
    line-height: 21px;
}

.okf-support-problem .box{
		margin-left:15px;
	 margin-right:15px;
	 padding-bottom:25px;

	border-style:solid;
    border-width:1px;
	border-radius: 10px;
	border-color:#d5d4d4;
}

.okf-support-problem .box:hover {
	border-style:solid;
    border-width:1px;
	border-color:#0081ff;
}
.okf-support-problem .box:hover .box-title{
	background:#37a5f8;
}

.okf-support-problem .box-title{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding-bottom:1px;
	padding-top:10px;
	background:#8ccbfb;
	text-align:center;
	font-size: 22px;
    font-weight: 550;
    color: white;
}
.okf-support-problem .box-content{
	padding-top:10px;
	
}
.okf-support-problem .box-content ul li{
	
	 position: relative;
	list-style-type: none;
	text-align:left;
}
.okf-support-problem .box-content li:before {
    content: "";
    display: block;
    width:4px;
    height:4px;
    background-color: #333;
    position: absolute;
    left: 0;
    top:14px;
    border-radius: 50%;
}

.okf-support-problem .box-content a{
	font-size:16px;
	color:#333;
	padding-top:10px;
	padding-left:20px;
}
.okf-support-problem .box-content a:hover{
	color:#0081ff;
	text-decoration:underline;
}
.okf-support-problem .box-content li:hover:before {
    background-color: #0081ff;
}

.okf-support-problem .more a {
    font-size:16px;
	color:#333;

}

.okf-support-res{
	text-align: center;
}

.okf-support-res .resName{
	padding-top:15px;
	font-size: 18px;
    color: #333333;
    line-height: 21px;
}

.okf-support-res img{
	height:65px;
}

.okf-support-res .box{
	padding-top:20px;
	padding-bottom:10px;
}

.okf-support-res .box:hover{
	padding-top:20px;
	padding-bottom:10px;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
	border-radius: 10px;
	cursor: pointer;
}

.okf-support-res .box:hover>.resName{
	color: #0081ff;
}


.okf-trend{
	text-align: center;
}

.okf-trend .title{
	text-align:center;
	font-size: 28px;
    font-weight: 600;
    color: black;
    line-height: 21px;
}

.okf-trend .box{
	margin-left:15px;
	margin-right:15px;
	padding-bottom:25px;
	border-style:solid;
    border-width:1px;
	border-radius: 5px;
	border-color:#d5d4d4;
}


/*登录弹框*/


.okf-login-popover-trigger {
  padding: 0.75rem 1.5rem;
  background-color: #1849AB;
  color: white;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.2s ease;
}

.okf-login-popover-trigger:hover {
  background-color: #357abd;
}

.okf-login-popover-trigger:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

dialog[popover] {
  padding: 1.5rem;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 28rem;
  width: 90%;
  margin: auto;
  background: white;
  animation: slide-in 0.3s ease;
}

.okf-login-close-button {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background-color: #f5f5f5;
  color:#333;
  border: 2px solid transparent;
  border-radius: 50%;
  font-size: 1.125rem;
  display: grid;
  place-items: center;
  transition: all 0.2s ease;
  cursor: pointer;
}

.okf-login-close-button:hover {
  background-color: #357abd;
  color: white;
}

.okf-login-close-button:focus-visible {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.3);
}


.okf-login-popup {
  margin-top: 0.5rem;
  height:350px;
}

.okf-login-popup p {
  margin: 1rem 0;
  line-height: 1.5;
  color: #333;
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(-1.25rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

::backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  animation: fade-in 0.2s ease;
}

.okf-login-container{
	padding-left:30px;
	padding-right:30px;
	text-align: center;
}

.okf-login-title img{
	height:30px;
	vertical-align: middle;
}
.okf-login-title span{
	font-size: 22px;
    font-weight: 600;
    color: #000;
	vertical-align: middle;
}
.okf-login-title p{
	font-size: 15px;
    color: #0853fe;
}

.okf-login-content{
	padding-top:30px;
	padding-bottom:30px;
}


.okf-login-2weima img{
	height:100px!important;
}


.okf-emailphone input{
	width:280px!important;
	height: 40px;
	border: 1px solid #139be1;
	border-radius: 8px!important;
	color: blue;
	font-size: 15px;

}

.okf-emailphone > button {
  border-radius: 3px;
  border-style: solid; 
   border-color:#5a68ef;
  background-color: #5a68ef;
  padding: 5px 30px;
  color: #fff;
  font-weight: 400;
  font-size:15px;
  display: inline-block;
}
.okf-emailphone > button:hover {
	color: #fff;
	box-shadow: 0 0 20px 10px rgba(138,148,244,0.3);
}

/*微信-手机邮箱登录选择器*/
#okfLoginNav{
	line-height: 50px;
	list-style: none;
	display: flex;
	justify-content: center; 
	align-items: center;
	padding-left:0px;
}

#okfLoginNav li {       
	cursor:pointer;
	user-select:none;
	font-size:16px;
	color:#333;
}

#okfLoginNav li>span {       
	padding-left:30px;
	padding-right:30px;
}

#okfLoginNav >.moren{
	color: #0081ff;
	border-bottom : 2px solid #0081ff;
}

#okfLoginContent{
	margin-top: 30px;
	padding-left:0px;
}
#okfLoginContent li {                   
	display: none;
}
           
#okfLoginContent .action {           
	display: block;
}

