qianshanxm_ui/qianshanrenda/static/css/rstyle.css

*:focus {
  outline: none;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
a{text-decoration: none;color: #343434;text-align: left;}
a:hover {
  text-decoration: none;
  /* color: #2c91eb !important; */
}
div,p,body,a{box-sizing: border-box;}
label {margin-bottom: 0;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,label {margin: 0;line-height: 1em;}

dl,ol,ul {padding: 0;margin: 0;}
dl li,ol li,ul li {list-style: none;}
.fl {float: left;}
.fr {float: right;}
.cf::after {content: "";display: block;clear: both;}
.flex{display: flex;}
/* body.pcs{min-width: 1200px!important;} */
body{background-color: #ffffff;}
.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.f14{font-size: 14px;}
.cof{color: #ffffff;}
.fw{font-weight: bold;}
.flexc{display: flex;align-items: center;}
.flex0{flex: 0 0 auto;}
.flex1{flex: 1;}

.container{margin: 0 auto;width: 1200px;}
.nhdvfr{
	/* position: relative;top:0;left: 0;
	z-index: 45; */
	background-color: #fff;
	position: relative;
	margin-bottom: 15px;
}
/* 列表 */
/* height: 800px; */
.rdlist{display: flex;align-items: stretch;justify-content: space-around;position: relative;}
.rdlistlbox{flex: 1;overflow-y: auto;}
.rdlistlbox .one{display: none;}
.rdlistlbox .one.act{display: block;}
/* max-height: 800px; */
.rdlistl{width: 280px;background: #FFFFFF;border: 1px solid #DCDCDC;display: flex;flex-direction: column;overflow: hidden;max-height: 700px;overflow-y: auto;}
.rdlistr{width: 860px;background: #FFFFFF;border: 1px solid #DCDCDC;}
.rdlistl_top{width: 100%;background: #F9F9F9;height: 34px;flex: 0 0 auto;}
.rdlistl_top .tit{min-width: 100px;height: 34px;background: url(../images/titicon.png) no-repeat;background-size: 100% 100%;padding:0 25px 0 17px;display: inline-block;box-sizing: border-box;line-height: 34px;margin-top: -1px;}
.rdlistl_topr{font-size: 15px;color: #D31A1A;padding:0 10px;line-height: 34px;display: none;cursor: pointer;}


.rdlistl .one{padding:30px 15px 1px;}
.rdlistl  li{position: relative;}
.rdlistl a{width: 100%;height: 36px;display: flex;align-items: center;box-sizing: border-box;padding: 0 20px;margin-bottom: 20px;font-size: 15px;}
.rdlistl  li a{border: 1px solid #D31D1D;}
.rdlistl  li a span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.rdlistl  li a .limg{width: 4px;height: 12px;margin-right: 15px;flex: 0 0 auto;}
.rdlistl  li a .limg:first-of-type{display: none;}
.rdlistl  li a .rimg{width: 8px;height: 11px;margin-left: 15px;flex: 0 0 auto;}
.rdlistl  li a:hover {background: #D31D1D;}
.rdlistl  li a:hover .limg{display: none;}
.rdlistl  li a:hover .limg:first-of-type{display: block;}
.rdlistl  li a:hover span{color: #ffffff;}

.rdlistl  li a.act{background: #D31D1D;}
.rdlistl  li a.act .limg{display: none;}
.rdlistl  li a.act .limg:first-of-type{display: block;}
.rdlistl  li a.act span{color: #ffffff;}

.rdlistl .two{display: none;}
.rdlistl .two li a{border: 1px solid #d31d1d;background-color:#f2a580;color: #ffffff;padding-left: 50px;width: 100%;}
.rdlistl .two li a:hover span{color: #D31D1D;}
.rdlistl .two li a.act span{color: #D31D1D;}

/* 右侧 */
.rbox{padding: 20px 0 6px;}
.rdlistr .one li{padding: 6px 0px;}
.rdlistr .one li a{padding: 0 40px 0 28px;display: flex;align-items: center;font-size: 15px;}
.rdlistr .one li a i{width: 5px;height: 5px;background: #D31D1D;border-radius: 50%;margin-right: 14px;}
.rdlistr .one li a span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rdlistr .one li a .time{margin-left: 46px;flex: 0 0 auto;font-size: 14px;color: #999999;}

/* 分页 */
.p_page{text-align: center;padding: 40px 0 30px;}
.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 10px;border: 1px solid #DDDDDD;cursor: pointer;}
.p_page a.act:hover{color: #ffffff !important;}
.p_page .page.nobor{border:none}
.p_page .page.act{border:1px solid #D31D1D!important;color: #ffffff;background: #D31D1D;}
.p_page .tit{font-size: 14px;color: #343434;display: inline-block;margin-left: 20px;}
.p_page .tit span{color: #D31D1D;}



/* 详情 */
.det_rtop{margin-bottom: 20px;padding: 0 14px;}
.det_rtop .qrt_rtit{font-size: 12px;color: #666666;}
.det_tit{padding: 20px 0;width: 100%;}
.det_tit h1{text-align: center;font-size: 22px;color: #343434;margin-bottom: 20px;line-height: 28px;}
.det_txt{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.det_txt div{padding: 0 25px;font-size: 12px;color: #666666;}

.det_box{padding: 0px 28px;width: 100%;}
.det_main{border-bottom: 1px dashed #DDDDDD;border-top: 1px dashed #DDDDDD;padding: 40px 0;}
.det_main p{font-size: 15px;color: #383838;line-height: 30px;margin-bottom: 20px;text-indent: 2em;}
.det_main img{max-width: 100%;display: block;margin:0 auto 20px;}

.prd_mr{display: flex;align-items: center;justify-content: flex-end;font-size: 13px;color: #333333;cursor: pointer;padding:14px 0 5px;flex-wrap: wrap;}
.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:14px;margin-top: 10px;}
.prd_mra img{width: 16px;height: 16px;margin-right: 5px;}

.prd_foot{padding: 35px 0px 15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.prd_foota{font-size: 14px;color: #D31D1D;flex: 0 0 auto;max-width: 390px;overflow: hidden;display: flex;margin-right: 10px;margin-bottom: 10px;}
.prd_foota span{flex: 0 0 auto;}
.prd_foota a{font-size: 14px;color: #555555;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 适配 */


/* @media (min-width: 768px){
.rdlist .medlistl{display: block;}
} */
@media (max-width: 768px) {
	/* #appse{display: none;} */
	body{min-width: 0;}
.rdlistl{display: none;}
  .container{width: 100% !important;margin-top: 0 !important;}
  .det_txt div{padding: 0; text-align: center;flex: 1 0 auto;}
  .prd_foot .prd_foota{width: 100%;margin-right: 0;}
  .det_box{padding: 0 13px;}
  .det_tit h1{font-size: 19px;}
  .det_main p{font-size: 13px;}
  .det_main{padding-bottom: 20px;}
  .prd_foota{font-size: 13px;}
  .prd_mra{font-size: 13px;}
  /* 列表适配 */
  .rdlistr{width: 100%;}
  .rdlistl_topr{display: block;}
  .rdlistr .one li a{padding: 0 12px;font-size: 13px;}
  .rdlistr .one li a .time{margin-left:16px;}
  .rdlistr .one li a i{margin-right: 8px;}
  .rdlistr .rbox{padding-top: 14px;}
  .p_page .page{line-height: 24px;padding: 0 5px;min-width: 24px;box-sizing: border-box;text-align: center;}
  
  
  .rdlist .medlistl{position: absolute;right: 0;top: 34px;width: auto;border: none;overflow: initial;display: block;}
  .rdlist .rdlistlbox{overflow: initial;}
  .rdlist .medlistl img{display: none !important;}
  .rdlist .medlistl .one{padding: 0;}
  .rdlist .medlistl .rdlistl_top{display: none;}
  .rdlist .medlistl ul a{margin-bottom: 0;position: relative;padding: 0 10px 0 20px;height: 32px;border: none;background: #C90C00;color: #ffffff;max-width: 140px;min-width: 100px;font-size: 14px;}
  .rdlist .medlistl ul a::before{width: 5px;height: 5px;background: #FFFFFF;border-radius: 50%;content: '';position: absolute;left: 10px;top: 13px;}
  .rdlist .medlistl ul a.act{background-color: #960900;}
  .rdlist .medlistl ul a.act span{color: #ffffff !important;}
  .rdlist .medlistl .two{position: absolute;right: 100%;top: 0;}
  .rdlist .medlistl .two a{background: #960900;}
  .rdlist .medlistl .two a.act{background: #DC4900;}
}



/* 首页 */
.npar_p{}