/*public*/
.hr {
	display: block;
	height: 0;
	overflow: hidden;
	font-size: 0;
	border-width: 1px 0 0;
	border-top: 1px solid #E3E3E3;
	margin: 12px 0;
	border-top-color: rgba(0,0,0,.11)
}
.hr-double {
	height: 3px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	border-top-color: rgba(0,0,0,.11);
	border-bottom-color: rgba(0,0,0,.11)
}
.hr-dotted, .hr.dotted {
	border-style: dotted
}
.hr-32, .hr32 {
	margin: 32px 0
}
.hr-30, .hr30 {
	margin: 30px 0
}
.hr-28, .hr28 {
	margin: 28px 0
}
.hr-26, .hr26 {
	margin: 26px 0
}
.hr-24, .hr24 {
	margin: 24px 0
}
.hr-22, .hr22 {
	margin: 22px 0
}
.hr-20, .hr20 {
	margin: 20px 0
}
.hr-18, .hr18 {
	margin: 18px 0
}
.hr-16, .hr16 {
	margin: 16px 0
}
.hr-14, .hr14 {
	margin: 14px 0
}
.hr-12, .hr12 {
	margin: 12px 0
}
.hr-10, .hr10 {
	margin: 10px 0
}
.hr-8, .hr8 {
	margin: 8px 0
}
.hr-6, .hr6 {
	margin: 6px 0
}
.hr-4, .hr4 {
	margin: 4px 0
}
.hr-2, .hr2 {
	margin: 2px 0
}


.grey{color:#8a8a8a;}
.white{color:#fff;}

/*v6*/
.nav-top{ width:100%; background: #f4f4f4; height: auto}

.nav-title{ height:80px; line-height: 80px; font-size: 30px; text-align: left}
.nav-title-2{ font-size:18px; text-align: right; color: #666;}
.nav-title-2 span{ display:inline-block; margin-left: 10px;}


@media (min-width: 768px) and (max-width: 991px) 
{
	.nav-title{ text-align:center; line-height: 1.6em; height: auto;padding-top: 8px; padding-bottom: 2px;font-size:25px}
	.nav-title-2{ font-size:16px; text-align: center; color: #666; line-height: 1.6em; padding-bottom:15px; padding-top: 0;}
    .nav-title-2 span{ display:inline-block; margin-left: auto;}
}

@media (max-width: 767px) 
{    
	.nav-title{ text-align:center;line-height: 1.6em;height: auto;padding-top: 8px; padding-bottom: 2px;font-size:25px}
     .nav-title-2{ font-size:16px; text-align: center; color: #666; line-height: 1.6em;padding-bottom:15px; padding-top: 0;}
    .nav-title-2 span{ display:inline-block; margin-left: auto;}
   
}

.logo_img_box{margin-top:55px; padding-top: 44px; position: relative; z-index: 1}
.logo_img_box1{ align-items: center}
.logo_icon{width:120px;height: 120px; background: #fff;border-radius: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    margin: 0 auto;}


.logo_img_box1 .logo_icon img {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
}


/*v5*/
.left-bg, .right-bg{ position:absolute; top: 0; width: 283px;
    height: 1012px;}

.left-bg{ left:0 ; background:url(../public_images/t11.png) no-repeat left top; background-size: 100%;}
.right-bg{ right:0 ; background:url(../public_images/t12.png) no-repeat right top; background-size: 100%;}

@media (min-width: 768px) and (max-width: 991px) 
{
	.left-bg, .right-bg{width: 150px;
    height: 536px;}
}

@media (max-width: 767px) 
{    
	.left-bg, .right-bg{width: 80px;
    height: 288px;}
   
}

/*end v5*/

/*v4*/
.nav-top-banner{ width:100%; height: 485px; background: url(../public_images/t-09.png) no-repeat center top;}

.v4-logo-box{padding-left:300px; padding-top: 136px;}
.v4-logo-box img{width:120px; height: 120px; border-radius: 30px;}
.v4-logo-txt{ width:222px; margin-left: 250px; color: #fff; text-align: center}
.v4-logo-txt h2{ font-size:28px;text-align: center; display: block; width: 100%;}
.v4-logo-txt span{display:block}
.download_box{ text-align:center;}

@media (min-width: 992px) and (max-width: 1199px) 
{
	.v4-logo-box{padding-left:188px;}
	.v4-logo-txt{margin-left: 140px; }
}

@media (min-width: 768px) and (max-width: 991px) 
{
	 .nav-top-banner{ width:100%; height: 377px; background: url(../public_images/t-10.png) no-repeat center top; }
	.v4-logo-box{padding-left:0px; padding-top: 110px; text-align: center}
.v4-logo-box img{width:100px;height:100px; border-radius: 30px;}
.v4-logo-txt{ width:100%; margin-left: 0; color: #666; text-align: center}
.v4-logo-txt h2{ font-size:22px;text-align: center; display: block; width: 100%; color: #fff;}
	.v4_para{padding-top: 160px; font-size: 18px}
	.v3_download_box{ padding-top: 40px;}
}

@media (max-width: 767px) 
{    
	 .nav-top-banner{ width:100%; height: 18em; background: url(../public_images/t-10.png) no-repeat center top; background-size: cover;position: relative;z-index: 10;}
	
	.v4-logo-box{padding-left:0px; padding-top: 76px; text-align: center}
.v4-logo-box img{width:80px; height: 80px; border-radius: 30px;}
.v4-logo-txt{ width:100%; margin-left: 0; color: #666; text-align: center}
.v4-logo-txt h2{ font-size:22px;text-align: center; display: block; width: 100%; color: #fff;}
	.v4_para{padding-top: 80px; font-size: 17px}
	.v3_download_box{ padding-top: 10px;}
	
	.logo_img_box{margin-top: 240px}
   
}



/*end v4*/

/*v3*/
.all_bg{background:url(../public_images/t-07.jpg) no-repeat center top; margin-top: 0}
.v3-logo{margin-top:0; padding-top: 220px}
.v3-logo .logo_icon{ width:160px; height: 160px; border-radius: 50%;}
.v3-logo .logo_icon img{width:105px; height: 105px;}

.v3_app_para span{ display: inline-block; padding-left: 4px; padding-right: 4px;}



@media (min-width: 768px) and (max-width: 991px) 
{
	.all_bg{background:url(../public_images/t-07.jpg) no-repeat center top; background-size:cover;height:50px; margin-top: 0}
	.v3-logo{margin-top:0; padding-top: 120px}
	.v3_app_para span{ display: block; padding-left: 0px; padding-right: 0px;}
}

@media (max-width: 767px) 
{    
	.all_bg{background:url(../public_images/t-07.jpg) no-repeat center top; background-size:cover;height:40px; margin-top: 0}
	.v3-logo{margin-top:0; padding-top: 100px}
	.v3_app_para span{ display: block; padding-left: 0px; padding-right: 0px;}
   
}

/*end*/
/*v2*/
.v2_all_bg{height:130px;background:url(../temp_images/v2/t-07.jpg) no-repeat center top;}
.v2-logo{margin-top: 0;padding-top:70px;}
/**/

/*v1*/
.v1_all_bg{height:175px; background: url(../public_images/t-04.png) repeat-x left bottom #157df1;}
.v1_left{height: 608px; background: url(../public_images/t-05.png) no-repeat center top;margin-top:60px;}
.v1-logo{margin-top:0;padding-top:0px}
.v1-logo .logo_icon{margin-top: 100px;width:120px;height:120px; box-shadow: none;}
.v1-logo .logo_icon img{width:120px; height:120px;}
.v1_app_para{padding-top:70px;}
.v1_app_desc{ text-align:center; padding-top: 100px;}
.v1-logo .white{ text-align: left}
@media (min-width: 768px) and (max-width: 991px) 
{
	.v1_app_desc{padding-top:15px}
	.v1-logo .white{ color: #666; text-align: center}
	
}

@media (max-width: 767px) 
{    
	.v1_app_desc{padding-top:15px}
    .v1-logo .white{ color: #666;text-align: center}
}
/*end*/

 .template-btn {
    color: #fff;width: 260px;
    background-color: #157df1;
    height: auto;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 16px;
    margin: 20px auto 15px;
    display: inline-block;
}

.template-btn:hover{ color:#fff;background-color: #046ce0;
text-decoration:none}

#desc_title_box{text-align:center; position: relative;width: 100%;height: 50px;}
#desc_title_box .swiper-pagination-bullet{margin-left: 12px; margin-right: 12px;width: auto; text-align: center;background: none;font-size:16px;display:inline-block;height: auto;padding-bottom: 3px; border-radius: 0;}
#desc_title_box .swiper-pagination-bullet-active{border-bottom: 2px solid #333;}

.app_desc_box{text-align:left;padding-top: 6px;padding-bottom: 10px; line-height: 1.6em;min-height: 200px;color:#6c6d6f}
.app_rank_box{width:100%; text-align: left;}

.rank_row{width:100%;clear:both}

.rank_left, .rank_right, .item_left, .item_right{float:left;}
.rank_left{width: 28%;}
.item_left{width:32%;}
.item_right{width:68%;}
.rank_left .rank_star{color:#6c6d6f}
.rank_left .rank_num{font-size:50px;}
.rank_right{width: 72%;padding-top: 12px;}
.rank_right{color:#6c6d6f}
.item_left{text-align:right; font-size:11px;}
.rank_star .fa, .item_left .fa{margin-right:1px;}

.item_line{margin-left:4%;width: 96%; height:4px; border-radius: 2px; background:#eee;margin-top: 5px;}
.item_line_in{height:4px;background:#6c6d6f;border-radius: 2px; }
.footer_temp a:hover{text-decoration: none}
ul, li{list-style: none; margin: 0; padding: 0;}
.type_001{ list-style: none; text-align: left}
.type_001 li{ display:inline-block; margin-right: 15px;}


/*图片*/
.app_img_list{width:100%; overflow: hidden}
.app_img_list_inner{width:100%; text-align: center}
.app_img_list_inner img{width:18%;border-radius:6px;}
.line_box{margin-top:15px;margin-bottom: 15px;height: 1px;border-top: 1px dotted #eee;}

#load_in_tips ,#load_ok_tips{display: none}

@media (max-width: 991px) 
{    
	/*图片*/
.app_img_list{width:100%; overflow:auto; height: 230px;}
.app_img_list_inner{width:630px; text-align: left;}
.app_img_list_inner img{width:120px;border-radius:6px;}
.line_box{margin-top:5px;margin-bottom: 5px;height: 1px;border-top: 1px dotted #eee;}
}