other_ui/qs_qianrun/static/css/printstyle.css

.pd10{padding-bottom: 10px;}
body.pcs{min-width: 1200px!important;}
.container{margin: 0 auto;}
.pflexjs{display: flex;justify-content: space-between;align-items: stretch;}
.pflexc{display: flex;align-items: center;}
.pflex1{flex: 1;}
.pflex2{flex: 0 0 auto;}
.foot_line{width: 100%;height: 6px;background-color: #eee;}
/* .p_container{position: relative;width: 1584px;margin: 0 auto;min-height: calc(100vh - 100px);overflow: auto;} */
.p_container{position: relative;margin: 0 auto;overflow: auto;}
.mb28{margin-bottom: 28px;}
.mb30{margin-bottom: 30px;}
/* 左侧导航栏 */
/* .pleft{position: absolute;width: 140px;left: 0px;top: 191px;z-index: 5;display: none;}
.pleft a{width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 16px;display: block;}
.pleft .pleft_tit{background: #014582;color: #FFFFFF;margin-bottom: 12px;width: 100%;height: 35px;line-height: 35px;text-align: center;font-size: 16px;cursor: pointer;}
.pleft li{margin-bottom: 8px;}
.pleft li a{background:#F4F4F4;color: #014582;text-decoration: none;}

.pleft li a.act{background: #2C91EB;color: #FFFFFF;}
.pleft li a.act:hover{color: #FFFFFF!important;} */
/* 分页 */
.p_page{text-align: center;padding: 40px 0;}
.p_page .page{display: inline-block;hyphenate-limit-lines: 30px;padding: 0 10px;box-sizing: border-box;font-size: 12px;
color: #676767;line-height: 28px;margin: 0 3px;border: 1px solid #DDDDDD;cursor: pointer;}
.p_page .page.nobor{border:none}
.p_page .page.act{border:1px solid #014582!important;color: #000000;background: #EEEEEE;}


/* 新版本的潜润 */
.qr_bg{width: 100%;height: 410px;background-image: url(../images/printimg/prbg.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.qr_bg .u-pagepath{padding:12px 13px 10px;}
.qrt_rtop.u-pagepath{padding: 13px 0 11px 13px;}
.qrt_rimg{width: 12px;height: 12px;margin-right: 7px;}
.qrt_rtit{font-size: 15px;color: #303030;line-height: 18px;}
.qrleft{width: 309px;border: 1px solid #DDDDDD;padding:6px 20px 13px;box-sizing: border-box;}
.qrl_tit{font-size: 24px;font-weight: bold;color: #1A5CBF;border-bottom: 2px solid #1A5CBF;padding: 6px 0;margin-bottom: 22px;}
.qrleft li{margin-top:13px;}
.qrleft li:first-child{margin-top: 0;}
.qrleft li a{width: 100%;height: 40px;text-align: center;background: #DDDDDD;font-size: 18px;color: #333333;line-height: 40px;display: block;position: relative;}
.qrleft li a.act{color: #3366D1;background: #e8f1f8;}
.qrli_img{width: 20px;height: 20px;position: absolute;left: 30px;top: 10px;display: none;}
.qrleft li a.act .qrli_img{display: block;}
.qrright{width: 875px;border: 1px solid #DDDDDD;padding: 0 20px;box-sizing: border-box;display: flex;flex-direction: column;}
.qrright ul{flex: 1;}
.qrright li{display: flex;align-items: center;overflow: hidden;padding: 9px 0;}
.qrright li a{font-size: 16px;color: #000000;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 8px;position: relative;text-align: left;}
.qrright li a::before{ content: "";display: inline-block;width: 3px;height: 3px;background: #1a5cbf;position: relative; border-radius: 50%;left: -6px;top: -4px;}
.qrright li span{font-size: 13px;color: #888888;flex: 0 0 auto;}
.qrright .p_page{text-align: center;flex: 0 0 auto;padding: 10px 0;}

/* 详情页 */
.qrd_bg{width: 100%;height: 410px;background-image: url(../images/printimg/prdbg.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.prd_box{width: 100%;border: 1px solid #E3E3E3;padding: 0 48px;box-sizing: border-box;margin-top: 50px;}
.prd_btit{border-bottom: 1px dashed #E3E3E3;margin-top: 24px;}
.prd_tit{font-size: 28px;text-align: center;font-weight: bold;
color: #164FA6;margin-bottom: 10px;}
.prd_txt{text-align: center;font-size: 16px;color: #888888;margin-bottom: 5px;}
.prd_timg{display: flex;align-items: center;justify-content: flex-end;}
.prd_timg img{width: 16px;height: 16px;margin-left: 7px;cursor: pointer;}
.prd_main{padding: 25px 0;}
.prd_main p{font-size: 18px;color: #000000;text-indent: 2em;line-height: 32px;}
.prd_main img{margin:20px auto;display: block;max-width: 100%;}
.prd_mr{display: flex;align-items: center;justify-content: flex-end;font-size: 13px;color: #333333;cursor: pointer;padding-bottom: 34px;}
.prd_mra{min-width: 90px;
height: 26px;
border: 1px solid #CECECE;display: flex;align-items: center;justify-content: center;padding: 0 8px;box-sizing: border-box;margin-left: 4px;}
.prd_mra img{width: 16px;height: 16px;margin-right: 5px;}
.prd_foot{padding: 40px 0px;border-top: 1px dashed #E3E3E3;display: flex;align-items: center;justify-content: center;}

.p_page{}

.prd_foota{font-size: 14px;color: #0078D3;width: 50%;flex: 0 0 auto;max-width: 390px;overflow: hidden;display: flex;margin-right: 10px;}
.prd_foota span{flex: 0 0 auto;}
.prd_foota a{font-size: 14px;color: #555555;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.qrlefta{display: none;}
.qrlefta .qrl_tit{font-size: 18px;
    font-weight: bold;
    color: #1A5CBF;
    border-bottom: 2px solid #1A5CBF;
    padding: 2px 0;
    margin-bottom: 2px;}
.qrlefta ul{display: flex;align-items: center;overflow: auto;white-space: nowrap;}
.qrlefta ul li a{width: 100%;
    text-align: center;
    font-size: 13px;
    color: #333333;
    line-height: 30px;
	min-width: 60px;text-align: center;margin-right:4px;display: block;
}
.qrlefta ul li a.act{background: #e8f1f8;color: #3366D1;}
@media (max-width: 768px) {
	/* body.pcs{min-width: auto!important;}
	.container{box-sizing: border-box;}
	.qr_bg,.qrd_bg{height: 164px;}
	.qrt_rtit{font-size: 14px;}
	.qrleft{display: none;}
	.qrright{width: 100%;}
	.qrright li a{font-size: 13px;}
	.qrright li span{font-size: 12px;}
	.prd_box {margin-top: 20px;padding: 0 20px;}
	.prd_btit{margin-top: -13px;}
	.prd_tit{font-size: 17px;margin-bottom: 7px;}
	.prd_txt{font-size: 13px;}
	.prd_timg img{width: 14px;height: 14px;}
	.prd_box .prd_main p{font-size: 13px;line-height: 25px;}
	.prd_box .prd_main img{width: 100%;}
	.prd_foot{padding: 20px 0;display: block;}
	.prd_foota{width: 100%;max-width: none;padding: 2px 0;}
	.prd_mr{padding-bottom: 10px;}
	.prd_mra img{width: 14px;height: 14px;}
	.prd_mra{font-size: 12px;}
	.p_box.pflexjs{display: block;}
	.qrright li{padding: 4px 0;}
	.qrlefta{display: block;} */
}