html,body{
    margin:0;
    padding:0;
}
body{padding-bottom:10% !important;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
    color: black;
	text-decoration: none;
    }
ul{
    margin:0;
    padding: 0;
}
ul li,li{
    list-style: none;
}
.head{
    width: 100%;
    background-color: #0270fd;
}
.head .head-box{
    padding: 0.4rem 0.2rem;
    overflow: hidden;
    line-height: 0.5rem;
}
.head .head-box .iconfont-back,
.head .head-box .iconfont-menu{
    font-size: 0.5rem;
    display: block;
    color: #fff;
}
.head-box .back,
.head-box p,
.head-box .menu{
    float: left;
    width: 0.5rem;
    line-height: 0.5rem;
    height: 0.5rem;
}
.head-box p{
    width: 80%;
    text-align: center;
    font-size: 0.4rem;
    margin: 0;
    line-height: 0.5rem;
    color: #fff;
}
.main{
    margin: 0.5rem 0.2rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    padding-bottom: 1.2rem;
}
.main-top{
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.3rem;
}
.main-top span{
    width: 50%;
    float: left;
    font-size: 0.38rem;
    font-weight: 600;
}
.main-top span:nth-child(2){
    text-align: right;
    font-size: 0.28rem;
    font-weight: normal;
    color:#666;
    line-height: 0.53rem;
}
.box {
    column-count: 2;
    column-gap: 2%;
}
.item {
    margin-bottom: 0.35rem;
}
.item img{
    width: 100%;
    height:100%;
}
.item h3{
    margin: 0.2rem 0;
    font-size: 0.26rem;
    color: #333333;
    font-weight: 600;
}
.item p{
    margin: 0;
    font-size: 0.22rem;
    color:#4e4e4e;
}
.item span{
    margin-left: 0.3rem;
}
.tabbar{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0rem 0.03rem 0.07rem rgba(0,0,0,0.9);
    /* padding: 0.2rem;
    box-sizing: border-box;
    height: 1.15rem;
    line-height: 1.15rem; */
	z-index:500;
}
.tabbar .tabbar-item{
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    height: 1.2rem;
}
.tabbar .tabbar-item .iconfont-item{
    font-size: 0.5rem;
    position: absolute;
    top: 0.2rem;
    left: 38%;
}
.tabbar .tabbar-item p{
    font-size: 0.25rem;
    margin: 0;
    margin-top: 0.8rem;
}
.tabbar:after{
    content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden
}
.select-bix{
    margin:0 0.2rem;
    padding-bottom: 1.2rem;
    box-sizing: border-box;
}
.select-title{
    width: 100%;
    margin: 0.5rem 0;
    font-size: 0.25rem;
    overflow: hidden;
}
.select-title li{
    float: left;
    width: 32%;
    text-align: center;
}
.select-bix .list-item{
    width: 100%;
    margin-bottom: 0.5rem;
    position: relative;
}
.select-bix .list-item img{
    width: 100%;
}


.select-bix .list-item .list-box,
#details-box .head-details .list-box{
    width: 100%;
    overflow: hidden;
    margin-top: 0.3rem;
}
#details-box .head-details .list-box{
    padding: 0.15rem;
    margin-top: 0;
}
.select-bix .list-item .list-box h3,
#details-box .head-details .list-box h3{
    width: 50%;
    float: left;
    font-size: 0.32rem;
}
.select-bix .list-item .list-box h3:nth-child(2),
#details-box .head-details .list-box h3:nth-child(2){
    text-align: right;
}
#baojia .jsq_mkCon{
        margin: 60% auto;
}

#baojia2 .jsq_mkCon{
        margin: 60% auto;
}

.select-bix .list-item h3{
    margin: 0;
    font-size: 0.32rem;
    margin-top: 0.3rem;
	display:block;
	float:left;
}
.select-bix .list-item h3:nth-child(2){
    margin: 0;
    font-size: 0.25rem;
    margin-top: 0.3rem;
	display:block;
	float:right;
	background:#0270fd;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
	padding-right:3%;
	color:#fff;
	border-radius:20px;
}

.select-bix .list-item p{
    margin:0;
    margin-top: 0.2rem;
    color: #979797;
    font-size: 0.22rem;
    width: 80%;
    float: left;
}
.select-bix .list-item span{
    margin-left: 0.15rem;
}
.select-bix .list-item .iconfont-look{
    text-align: right;
    font-size: 0.25rem;
    float: left;
    color: #979797;
	margin-top:1.5%;
}
.select-bix .list-item .vr{
    position: absolute;
    top:0.2rem;
    right:0.2rem;
    width: 1.7rem;
    height: 0.5rem;
}
.list-look{
    overflow: hidden;
}
/* details */
.head-details{
    background-color: #fff;
}
.head-details .details-box .iconfont-back,
.head-details .details-box .iconfont-menu,
.head-details .details-box p{
    color: #000;
}
/* loading页样式 */
#js-mask-loading{
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content:center;
}
.progressbar{
    width: 0.6rem;
    height: 0.6rem;
}
#js-mask-loading span{
    display: block;
    height: 0.6rem;
    width: 0.6rem;
    border: 3px solid #0270fd;
    position: relative;
    animation: rotateSquare 2.3s ease-in-out infinite;
}
@keyframes rotateSquare{
    0%{transform: rotate(0deg);}
    60%{transform: rotate(360deg);}
    100%{transform: rotate(360deg);}
}
#js-mask-loading span::after{
    transform-origin: center bottom;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0270fd;
    opacity: .5; 
    animation: rotateSquareInset 2.3s ease-in-out infinite;
}
@keyframes rotateSquareInset{
    0%{transform: scaleY(1);}
    30%{transform: scaleY(0);}
    65%{transform: scaleY(0);}
    90%{transform: scaleY(1);}
    100%{transform: scaleY(1);}
}
#details-box{
    display: none;
}
#details-box .messages{
    font-size: 0.36rem;
    color: #000;
    margin:0;
    color: #333333;
}
div#details-box {
    padding-bottom: 1.2rem;
}
/* 收缩菜单 */
.head-menu{
    position: absolute;
    top: 18%;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
    z-index: 99;
}

.menu-box{
    width: 100%;
    background-color: #fff;
	overflow:auto;   
	height: 60vh;
    position: absolute;
    top:0;
    left: 0;
    z-index: 999;
}
.category{
    margin:0 0.2rem;
}
.category p{
    font-size: 0.3rem;
    line-height: 0.8rem;
    border-top: 0.01rem solid #e7e7e7;
    box-sizing: border-box;
    color:#847f7f;
}

/* 收缩菜单_copy */
.list-new{
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
    z-index: 99;
	height:100vh;
}

.list-new ul{
    width: 100%;
    background-color: #fff;
	overflow:auto;   
	height: 60vh;
    position: absolute;
    top:0;
    left: 0;
    z-index: 999;
}
.category{
    margin:0 0.2rem;
}

.list-new ul li {margin:0 0.2rem; padding:0 0.68rem; border-top: 0.01rem solid #e7e7e7;}
.list-new ul li.on a{ color:rgb(18, 112, 244); display:block;}
.list-new ul li a{
	 font-size: 0.22rem;
    line-height: 0.8rem;
   display:block;
    box-sizing: border-box;
    color:#847f7f;
	}
.category p{
    font-size: 0.22rem;
    line-height: 0.8rem;
    border-top: 0.01rem solid #e7e7e7;
    box-sizing: border-box;
    color:#847f7f;
}


.dede_pages{width:50%;margin:0 auto;}
.dede_pages .pagelist,.dede_pages .pagelist li{ list-style: none;display: inline;padding-left: 0px; text-align:center; }
.dede_pages .pagelist li:hover a{ color: #fdfdfd;background-color: #1d1f20;border: solid 1px #1d1f20; font-size:0.3rem;}
.dede_pages .pagelist li:active a{color: #fdfdfd;background-color: #1d1f20;border: solid 1px #1d1f20;border: solid 1px #d6d6d6; font-size:0.3rem;}
.dede_pages .pagelist li a,.dede_pages .pagelist li .pageinfo{
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0;
  font-size:0.3rem;
}
.dede_pages .pagelist li{float: left; min-width: 45%; border:#ccc solid 1px; margin-left:2%; margin-right:2%;}

.xgt-search-content{padding: 4% 3% 0% 3%; background-color: #fff;}
.xgt-search-wrap{width:100%;}
.xgt-search-wrap .input-append{    position: relative;  display: block;   overflow: hidden; box-sizing: border-box;}
.search-ico{position: absolute; top:0.2rem; left:0.3rem; display: block; width: 0.35rem; height:0.35rem;  }
.homepage-ico{background: url(/images/search.png) no-repeat;  background-size:100%;}
.xgt-search-wrap .input-append input{width: 100%; height: 0.73rem; padding: .533vw 2.667vw; padding-right: 8vw; line-height: normal; background-color: #f4f4f4; border: 0; border-radius: 26.667vw; padding-left: 11.733vw; -webkit-appearance: none; outline: 0; box-sizing: border-box; font-size:0.25rem;}

.mark{

    position: absolute;
    bottom: 4%;
    right: 0;
    z-index: 99;
	 margin: 0;
    font-size: 0.25rem;
    margin-top: 0.3rem;
	display:block;
	float:right;
	background:#0270fd;
	padding-top:2%;
	padding-bottom:2%;
	color:#fff;
	border-radius:20px;
	padding-left:4%; padding-right:4%;
}
.mark2{

    position: absolute;
    bottom: 15%;
    right: 2%;
    z-index: 99;
	 margin: 0;
    font-size: 0.25rem;
    margin-top: 0.3rem;
	display:block;
	float:right;
	background:#0270fd;
	padding-top:1.5%;
	padding-bottom:1.5%;
	padding-left:3%;
	padding-right:3%;
	color:#fff;
	border-radius:10px;

}
.select-bix .list-item .list-box h3:nth-child(2),
#details-box .head-details .list-box h3:nth-child(2){
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}