.eraser-step h3{
    font-size:32px;
    padding-top: 70px;
}
.eraser-step h2{
    font-size:36px;
    text-align:center;
    margin:0 auto 50px;
    color:#006ee0;
}
.modal-titles {
	position:relative;
	height:60px;
	margin:0 auto 50px;
	color:#006ee0
}
.modal-titles .icon-modal-title {
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:30px;
	background:#00c0ff
}
.modal-titles h3 {
	font-size:32px
}

.text-title {
	margin-bottom:38px;
	text-align:center
}
.text-title p {
	font-size:26px;
	font-weight:400;
	color:#404040
}
@media(max-width:767px) {
	.modal-titles {
	width:300px!important;
	margin-bottom:30px
}
.modal-titles .icon-modal-title {
	width:50px;
	height:50px;
	border-radius:25px
}
.modal-titles h3 {
	position:absolute;
	left:4%!important;
	font-size:30px
}
}
.user-guide {
	min-height:800px;
	padding:70px 0 60px;
	background:#fff url(../images/user-guide-step-bg.png) no-repeat 200px 318px
}
.user-guide .modal-titles {
	width:220px
}
.user-guide .modal-titles h3 {
	position:absolute;
	left:11%;
	top:32%;
	color:#006ee0
}
.user-guide .user-guide-step {
	float:left;
	padding-left:0;
	margin-left:16px;
	border-left:1px dashed #a8a8a8;
	color:#666
}
@media(max-width:1199px) {
	.user-guide .user-guide-step {
	margin-top:0
}
}@media(min-width:1200px) {
	.user-guide .user-guide-step {
	margin-top:0
}
}@media(min-width:1423px) {
	.user-guide .user-guide-step {
	margin-top:10px
}
}@media(min-width:1600px) {
	.user-guide .user-guide-step {
	margin-top:30px
}
}.user-guide .user-guide-step li {
	position:relative;
	padding-left:24px;
	cursor:pointer
}
.user-guide .user-guide-step li span {
	position:absolute;
	top:0;
	left:-16px;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:16px;
	background:0 0
}
.user-guide .user-guide-step li span i {
	display:inline-block;
	width:22px;
	height:22px;
	margin:5px;
	color:#fff;
	text-align:center;
	line-height:22px;
	border-radius:11px;
	background:#888
}
.user-guide .user-guide-step .current>.step-title {
	color:#0075ef
}
.user-guide .user-guide-step .current>span {
	background:#d4e9ff;
	border:none;
	color:#fff
}
.user-guide .user-guide-step .current>span i {
	background:#0075ef;
	border:none;
	color:#fff
}
.user-guide .user-guide-step .step-title {
	font-size:22px
}
.user-guide .user-guide-step .step-content {
	font-size:16px;
	line-height:24px
}
.user-guide .user-guide-step a {
	font-size:18px
}
.user-guide .user-guide-img li {
	position:absolute;
	top:0;
	right:0;
	display:none;
	width:100%;
	height:auto;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
	animation:scale8 .6s ease both
}
@keyframes scale8 {
	from {
	transform:scale(.8,.8)
}
}.user-guide .user-guide-img li img {
	max-width:100%;
	height:auto;
	box-shadow:0 2px 10px #d6e1f1
}
.user-guide .user-guide-img {
	min-height:500px
}
@media(max-width:992px) {
	.user-guide .user-guide-img {
	min-height:420px
}
}@media(max-width:768px) {
	.user-guide .user-guide-img {
	min-height:320px
}
}@media(max-width:576px) {
	.user-guide .user-guide-img {
	min-height:270px
}
}@media(max-width:414px) {
	.user-guide .user-guide-img {
	min-height:190px
}
}
.mt-200{
    margin-top: 200px;
}
.mb-5{
    margin-bottom: 3rem!important;
}
.mb-4{
    margin-bottom: 1.5rem!important;
}
.mb-2{
    margin-bottom: .5rem!important;
}

.text-title {
	margin-bottom:38px;
	text-align:center
}
.text-title p {
	font-size:26px;
	font-weight:400;
	color:#404040
}
@media(max-width:767px) {
	.modal-titles {
	width:300px!important;
	margin-bottom:30px
}
.modal-titles .icon-modal-title {
	width:50px;
	height:50px;
	border-radius:25px
}
.modal-titles h3 {
	position:absolute;
	left:4%!important;
	font-size:30px
}
}
.user-guide {
	min-height:800px;
	padding:70px 0 60px;
	background:#fff url(../images/user-guide-step-bg.png) no-repeat 200px 318px
}
.user-guide .modal-titles {
	width:220px
}
.user-guide .modal-titles h3 {
	position:absolute;
	left:11%;
	top:32%;
	color:#006ee0
}
.user-guide .user-guide-step {
	float:left;
	padding-left:0;
	margin-left:16px;
	border-left:1px dashed #a8a8a8;
	color:#666
}
@media(max-width:1199px) {
	.user-guide .user-guide-step {
	margin-top:0
}
}
@media(min-width:1200px) {
	.user-guide .user-guide-step {
	margin-top:0
}
}
@media(min-width:1423px) {
	.user-guide .user-guide-step {
	margin-top:10px
}
}
@media(min-width:1600px) {
	.user-guide .user-guide-step {
	margin-top:30px
}
}.user-guide .user-guide-step li {
	position:relative;
	padding-left:24px;
	cursor:pointer
}
.user-guide .user-guide-step li span {
	position:absolute;
	top:0;
	left:-16px;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:16px;
	background:0 0
}
.user-guide .user-guide-step li span i {
	display:inline-block;
	width:22px;
	height:22px;
	margin:5px;
	color:#fff;
	text-align:center;
	line-height:22px;
	border-radius:11px;
	background:#888
}
.user-guide .user-guide-step .current>.step-title {
	color:#0075ef
}
.user-guide .user-guide-step .current>span {
	background:#d4e9ff;
	border:none;
	color:#fff
}
.user-guide .user-guide-step .current>span i {
	background:#0075ef;
	border:none;
	color:#fff
}
.user-guide .user-guide-step .step-title {
	font-size:22px
}
.user-guide .user-guide-step .step-content {
	font-size:16px;
	line-height:24px
}
.user-guide .user-guide-step a {
	font-size:18px
}
.user-guide .user-guide-img li {
	position:absolute;
	top:0;
	right:0;
	display:none;
	width:100%;
	height:auto;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
	animation:scale8 .6s ease both
}
@keyframes scale8 {
	from {
	transform:scale(.8,.8)
}
}.user-guide .user-guide-img li img {
	max-width:100%;
	height:auto;
	box-shadow:0 2px 10px #d6e1f1
}
.user-guide .user-guide-img {
	min-height:500px
}
@media(max-width:992px) {
	.user-guide .user-guide-img {
	min-height:420px
}
}
@media(max-width:768px) {
	.user-guide .user-guide-img {
	min-height:320px
}
    .mt-0{
    margin-top:0;
    }
    .phone-100{
    width:100%;
    }
}
@media(max-width:576px) {
	.user-guide .user-guide-img {
	min-height:270px
}
}
@media(max-width:414px) {
	.user-guide .user-guide-img {
	min-height:190px
}
}

.lh32 {
    line-height: 32px;
}
.f18 {
    font-size: 18px;
}
.lh38 {
    line-height: 38px;
}
.f26 {
    font-size: 26px;
}
.mb52 {
    margin-bottom: 52px;
}
.spec{
    min-height:518px;
    padding:70px 0 60px;
    font-weight:300;
    color:#fff;
    background:#fff url(../images/product-spec-bg.jpg) top center;
    background-size:cover;
    
}
.spec a{
    color: white;
    
}
.spec .modal-titles{
    width:340px;
    margin-bottom:42px;
    
}
.spec .modal-titles h3{
    position:absolute;
    left:9%;
    top:32%;
    color:#fff;
    
}
.spec .spec-bullets{
    display:inline-block;
    width:4px;
    height:22px;
    margin-right:8px;
    vertical-align:baseline;
    background:#00c0ff;
    
}
.win-mac-bt .new-back-bt-all{
    display:inline-block;
}