html body {
  overflow-y: auto;
  color: white;
  background-color: #450cb3;
  margin: 0;
   font-family:  medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;

}


body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover {
    text-decoration: none;
	color: #fff;
}

a:focus {
    outline: none;
    /* outline: 5px auto -webkit-focus-ring-color; */
    outline-offset: 0;
    color: #fff;
    text-decoration: none;
}

input[type="button"], input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

* {
    padding: 0;
    margin: 0;
}

body {
}
/*!* Page Style *!*/
.head {
	margin: 0 auto;
	width: 100%;
}
.head img{
	width: 100%;
}
/*-- //logo --*/
/*-- top-nav --*/
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: inherit;
    float: right;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #99abd5;
    background: none !important;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    color: #46f57f;
    font-size: 18px;
}

.navbar-nav > li {
    margin: 0 7px;
}

ul.nav.navbar-nav.navbar-right li:nth-child(6) a {
    padding-right: 0 !important;
}
 
.menu{
	background: #000000;
	min-width: 150px;
	 border-radius: 3px;
}
.nav li{
	list-style: none;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.menu a{
	color: white;
}
.navbar-toggle {
    padding: 0 30px;
	    position: relative;
	    float: right;
	    margin-top: 8px;
	      margin-right: 0;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	}
	.collapse{
		display: none;
	}
.navbar-collapse {
    padding: 0 !important;
}

.header-inner {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 100;
}

.content {
  
  display:block;
  text-align:center;
  padding-left:2rem;
  padding-right: 2rem;
	
}
.content-content{
	width:100%;
	text-align:left;
	color:#fff;
	line-height:30px;
	margin:0 auto;
	padding-top:10px;
	
	
}
.content-content p{
	text-align:left;
	margin-top:10px;
	font-size:1.1rem;
	line-height: 30px;
	
}
#moka{
	margin-top: 50px;
}
#moka img{
	width: 90%;
}
.clear{
	display:block;clear:both
}
.n_title{
	font-size:1.6rem;
	font-weight:bold;
	margin-top:40px;
}
.img_33{
	width: 33%; 
	text-align: center;
	margin-top: 1rem;
}
.img_33 img{
	width: 80%;
}
.img_17{
	text-align: center;
	width: 20%;
}
.img_17 img{
	margin: 0 auto;
	width: 80%;
}
.divtxt_33{
	text-align: center;
	margin-bottom: 0;
	line-height: 1rem;
	font-size: 0.8rem;
	margin-left: 5px;
	margin-right: 5px;
	
}
.heng_17{
width: 20%;
	height: 5px;
	background:#ffc066 ;
}
.heng_hide{
	visibility: hidden;
}


.heng_show{
	visibility: visible;
}
.heng_content{
	width: 100%;
	
	 padding-top: 1rem;
	 padding-bottom: 0.5rem;
	 
}


.app_content{
	font-size: 0.9rem;
	color: white;
	line-height: 24px;
	margin-top: 0.8rem;
	
}
.heng_content img{
	
}

.foot_title{
	font-size: 1.6rem;
	font-weight: bold;
}

.img_20{
	width: 50%; 
}
.img_20 img{
	width: 9rem;
	margin: 0 auto;
}
.foot_logo{
	width: 5rem;
}

.down_icon{
	width: 100%;text-align: right;
	margin-top: 0.5rem;
}
.content_title{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-top: 1rem;
}
.img_inv{
	width: 50%; 
	
}
.img_inv img{
	height: 3.5rem; 
}


.img_inv_g{
	width: 8%;
}
.img_inv_r{
	width: 42%;
}
.img_inv_r img{
	height: 3.5rem; 
	width: auto;
}
ol{
	font-size: 0.85rem;
	position: relative;
	top: -0.5rem;
}
.download_icon img{
	width: 31%;
}


.app{

}
.app_title{

		font-family: MicrosoftYaHei;
		font-weight: bold;
		font-size:3rem;
		color: white;

		letter-spacing: 0px;
		color: #ffffff;
		text-align: left;
}


.app_content{
	width: 100%;
		font-family: MicrosoftYaHei;
		font-size: 1.8rem;
		font-weight: bold;
		font-stretch: normal;
		line-height: 1.2;
		letter-spacing: 0px;
		color: #d671fb;
	
			text-align: left;
	
}


.what1 {

	font-family: MicrosoftYaHei;
	font-size: 2.3rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #d671fb;
	text-align: left;
}

.what1 .text-style-1 {
	color: #ffffff;
}
.what_content{
	margin-top: 20px;
	text-align: left;
		font-family: MicrosoftYaHei;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 2;
		letter-spacing: 0px;
		color: #ffffff;
}
.font_purple{
	color: #d671fb;
}

.btn2{

	background-color: #390053;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 17px;
}
.content-3{
	margin-top: 40px;
}
.content-4{
	margin-top: 50px;
	text-align: center;
}
.content-4 img{
	width: 100%;
}
.content-4 video{
	width: 100%;
}
.hexin{
	display: flex;
	flex-wrap: wrap; 
	width: 100%;
	margin-top: 20px;
}
.margin_t25{
	margin-top: 25px;
}
.margin_t50{
	margin-top: 50px;
}
.clear{
	display:block;clear:both
}
.img_100{
	
	text-align: center;
}
.img_100 img{
	width: 100%;
}


*{
                list-style: none;
            }
            #wrap {
                width: 100%;
              height: 200px;
                position: relative;
                cursor: pointer;
				margin-top: 20px;
            }

            #pic li {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }
#pic li img {
                width: 100%;
            }
            #num {
                position: absolute;
                z-index: 2;
                bottom: 20px;
                left: 46px;
            }

            #num li {
                float: left;
                width: 8px;
                height: 8px;
                margin: 5px;
                border-radius: 50%;
                border: 1px solid #FFFFFF;
                line-height: 20px;
                background: transparent;
                text-align: center;
            }

            #num li.active {
                background:  #fefefe;
            }

            .arrow {
                z-index: 3;
                height: 28px;
                width: 15px;
                position: absolute;
                top: 35%;
              
                text-align: center;
            }


            #left {
                left: 15px;
            }

            #right {
                right: 15px;
            }