* {
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
    overflow: hidden;
    background-color: #f4f4f4;
	height: auto;
	overflow: hidden;
}   
a{
    color: #333;
}

/* start 元素渐隐 渐现样式 */
.flex-table{
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-align-items: stretch;
	   -moz-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

:root{
	--color-main: #5061bd;
}

.mobile{
	display: none;
}
.pc{
	display: block;
}

.wapper{
	width: 1200px;
	margin: 0 auto;
}
.header{
	background-color: #fff;
	padding: 15px 0;
	font-size: 14px;
}
.header .wapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .wapper img{
	width: 145px;
}
.header .right span:first-child{
	font-weight: bold;
	color: var(--color-main);
	margin-right: 8px;
}
.header .right span:last-child{
	color: #555;
	text-decoration: underline;
}

.nav{
	background-color: var(--color-main);
	color: #fff;
}
.nav .ul{
	display: flex;
}
.nav .ul > a{
	color: #fff;
	padding: 12px 48px;
	border-left: 2px var(--color-main) solid;
	border-right: 2px var(--color-main) solid;
	cursor: pointer;
	font-size: 16px;
}
.nav .ul > a.on{
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	background-color: #2f3d88;
}



.index-newsbox{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap:24px;
	margin-top: 24px;
}
.index-newsbox .box{
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	box-sizing: border-box;
	flex: 1;
}
.index-newsbox .box .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index-newsbox .box .title span{
	font-weight: bold;
	font-size: 20px;
}
.index-newsbox .box .title a{
	opacity: 0.6;
	font-size: 14px;
}
.index-newsbox .box .lists{
	width: 100%;
}
.index-newsbox .box .lists a{
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	border-bottom: 1px #f4f4f4 solid;
	font-size: 14px;
	line-height: 48px;
	height: 48px;
	color: #555;
}
.index-newsbox .box .lists a:last-child{
	border-bottom: 0;
}

	
.pc-index-tags{
	display: flex;
	font-size: 20px;
	margin-top: 32px;
}
.pc-index-tags a{
	display: flex;
	margin-right: 24px;
	position: relative;
	padding-bottom: 4px;
	color: #666;
}
.pc-index-tags a.sel{
	font-weight: bold;
	color: var(--color-main);

}
.pc-index-tags a.sel::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: var(--color-main);
	border-radius: 4px;
	bottom: 0px;
}

.pc_cplist{
	margin: 0 -12px;
	height: auto;
	overflow: hidden;
}
.pc_cplist .li{
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	display: flex;
	align-items: flex-start;
	margin: 15px 12px;
	width: calc( 50% - 24px );
	float: left;
}
.pc_cplist .li .img{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 15px;
}
.pc_cplist .li .img img{
	width: 80px;
	height: 80px;
	border-radius: 8px;
	object-position: center;
	object-fit: cover;
	margin-bottom: 4px;
}
.pc_cplist .li .img a{
	color: var(--color-main);
	font-size: 14px;
}
.pc_cplist .li .info{
	display: flex;
	flex-direction: column;
}
.pc_cplist .li .info .title{
	font-weight: bold;
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
}
.pc_cplist .li .info .desc{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	height: 40px;
	margin: 4px 0;
	display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pc_cplist .li .info .hits{
	font-size: 14px;
	color: #888;
	line-height: 1.4;
}
.pc_cplist .li .info .btns{
	display: flex;
	align-items: center;
	margin-top: 8px;
}
.pc_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f4;
	color: #222;
	border-radius: 3px;
	border:1px #eaeaea solid;
	font-size: 14px;
	margin-right: 15px;
	padding: 2px 24px;
}
.pc_btn_primary{
	background-color: var(--color-main);
	color: #fff;
	border-color: var(--color-main);
}
.pc_btn_primary:hover{
	color: #fff!important;
}
.pc_loading{
	font-size: 14px;
	color: var(--color-main);
	display: flex;
	justify-content: center;
	padding: 24px 0;
}

footer{
	background-color: #fff;
	margin-top: 24px;
}
footer .wapper{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.7;
	font-size: 14px;
	color: #666;
}
footer .wapper .copy{
	text-align: center;
	padding: 32px 0;
}

.pc_subtitle{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 0;
}
.pc_subtitle > span{
	font-size: 20px;
	font-weight: bold;
	color: var(--color-main);
}

.pc_subtitle .pc_search{
	display: flex;
	align-items: center;

}
.pc_subtitle .pc_search input{
	width: 600px;
	height: 44px;
	border:0;
	background-color: #fff;
	border-radius: 44px 0 0 44px;
	padding: 0 24px;
}
.pc_subtitle .pc_search button{
	height: 44px;
	border:0;
	background-color: var(--color-main);
	color: #fff;
	font-size: 16px;
	border-radius: 0 44px 44px 0;
	padding: 0 24px;
	display: flex;
	align-items: center;
	line-height: 1;
}

.pc_cptags{
	background-color: #fff;
	border-radius: 8px;
	font-size: 14px;
	padding: 7px 15px 13px 15px;
}
.pc_cptags a{
	display: inline-flex;
	margin: 8px 15px 0 0;
	line-height: 1;
}
.pc_cptags a.on{
	/*font-weight: bold;*/
	color: var(--color-main);
}

.pc_cpshow_top{
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	display: flex;
	align-items: flex-start;
	margin-top: 24px;
}
.pc_cpshow_top > img{
	width: 440px;
	margin-right: 24px;
}
.pc_cpshow_top .info{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.pc_cpshow_top .info .title{
	font-size: 22px;
	font-weight: bold;
}
.pc_cpshow_top .info .desc{
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin: 8px 0;
}
.pc_cpshow_top .info .btns{
	font-size: 15px;
}
.pc_cpshow_top .info .btns a{
	color: var(--color-main);
	text-decoration: underline;
	margin-right: 8px;
}
.pc_cpshow_top .info .funcs{
	display: flex;
	align-items: center;
	margin-top: 24px;
}
.pc_cpshow_top .info .gotoOrder{
	font-size: 15px;
	background-color: var(--color-main);
	color: #fff;
	padding: 4px 32px;
	border-radius: 3px;
	width: auto;
	margin-right: 12px;
	
}


.pc_box_style{
	background-color: #fff;
	border-radius: 8px;
	padding: 15px;
	margin-top: 24px;
}

.pc_cpshow_content{

}
.pc_cpshow_content .title{
	display: flex;
	align-items: center;
	padding: 24px 24px 0 24px;
}
.pc_cpshow_content .title a{
	font-size: 18px;
	color: #666;
	margin-right: 24px;
}
.pc_cpshow_content .title a.on{
	color: var(--color-main);
	font-weight: bold;
}
.pc_content{
	padding: 24px 24px ;
}
.pc_content img{
	max-width: 100%;
	margin: 8px 0;
	height: auto;
}
.pc_content p{
	margin: 8px 0;
	font-size: 14px;
}

.pc_newsList{
	height: auto;
	overflow: hidden;

}
.pc_newsList a{
	display: flex;
	align-items: flex-start;
	margin-top: 0;
	margin-bottom: 24px;

}
.pc_newsList a > img{
	width: 80px;
	height: 80px;
	border-radius: 8px;
	object-fit: cover;
	object-position: center;
	margin-right: 12px;
}
.pc_newsList a .info{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.pc_newsList a .info span:nth-child(1){
	font-weight: bold;
}
.pc_newsList a .info span:nth-child(2){
	font-size: 14px;
	color: #666;
	margin: 2px 0;
}
.pc_newsList a .info span:nth-child(3){
	font-size: 13px;
	color: #888;
}

.news_show{
	width: 100%;
	background-color: #fff;
	padding-top: 24px;
}
.news_show .title{
	font-weight: bold;
	color: #000;
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px #eaeaea solid;
	font-size: 20px;
}
.news_show .news_show_content{
	padding-left: 0;
	padding-right: 0;
}
.news_show .desc{
	font-size: 14px;
	opacity: 0.6;
}




.wapper_promotion{
    padding: 24px 0;
    width: 1200px;
    display: flex;
    align-items: flex-start;
    margin: 0 auto 0 auto;
}

.pro_sidebar{
    width: 210px;
    background-color: #fff;
    border-radius: 10px;
    min-height: 200px;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}
.pro_sidebar > img{
    width: 64px;
    height: 64px;
    background-color: #f4f4f4;
    border-radius: 100%;
    object-fit: contain;
    object-position: center;

}
.pro_sidebar username{
    font-weight: bold;
    font-size: 15px;
    margin: 8px 0 6px 0;
    color: var(--color-red);
}
.pro_sidebar userid{
	color: #666;
	font-size: 14px;
}
.pro_sidebar ul{
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px #eaeaea solid;
    margin-top: 32px;
    padding-top: 8px;
}
.pro_sidebar ul a{
    padding: 10px 24px;
    font-size: 15px;
    border-bottom: 1px #f4f4f4 solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pro_sidebar ul a > i{
    color: #ccc;
    font-size: 14px;
}
.pro_sidebar ul a.sel,.pro_sidebar ul a.sel i,.pro_sidebar ul a:hover i{
    color: var(--color-main);
}


.pro_main{
    flex: 1;
    flex-direction: column;
}
.pro_main .box{
    background-color: #fff;
    min-height: 100px;
    border-radius: 10px;
    margin-bottom: 24px;
    overflow: hidden;
}
.pro_main .box h2{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px #eaeaea solid;
    font-size: 16px;
    padding: 12px 16px;
}
.pro_main .box h2 span{
    font-weight: bold;
    color: #000;
}
.pro_main .box h2 a{
    color: #666;
    text-decoration: underline;
    font-size: 14px;
}
.pro_main .box .boxN{
    padding: 16px 16px 16px 16px;
}

.mqrcode{
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 13px;
    align-items: center; 
    margin-top: 24px;
}
.mqrcode p{
    width: 120px;
    height: 120px;
    margin-bottom: 6px;
    background: #eaeaea;
}

.promotion_action{
    display: flex;
    align-items: flex-start;
}
.promotion_action .qrcode{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 24px;
}
.promotion_action .qrcode img{
    width: 120px;
    margin-bottom: 10px;
}
.promotion_action .qrcode span{
    /*cursor: pointer;*/
}
.promotion_action .link{
    flex: 1;
}
.promotion_action .link button{
    margin-top: 16px;
}


.promotion_amount{

}
.promotion_amount ul{
    display: flex;
    align-items: center;
}
.promotion_amount ul li{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.6;
}
.promotion_amount ul li big{
    color: var(--color-main);
    font-weight: bold;
    font-size: 20px;
}


.promotion_userinfo{

}
.promotion_userinfo h3.title{
    font-size: 17px;
    font-weight: bold;
    color: #111;
    margin-bottom: 8px;
}
.promotion_userinfo li label{
    font-size: 13px;
    opacity: 0.7;
    margin-bottom: 3px;
}
.promotion_userinfo li label span{
    color: var(--color-red);
    margin-right: 4px;
}
.promotion_userinfo li{
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 0 8px;
}

.promotion_out_form{
    display: flex;
    align-items: center;
}

.promotion_out_title{
    font-size: 16px;
    font-weight: bold;
    color: #111;
}

.theme-white .layui-btn-bt{
    background: var(--color-main);
}

.layui-layer-btn .layui-layer-btn0{
	border-color: var(--color-main)!important;
	background-color: var(--color-main)!important;
}