.userCenter {
	width: 1139px;
	min-height: 762px;
	margin: 20px auto;
	overflow: hidden;
}

.userCenter .userCenter-left {
	width: 300px;
	height: 100%;
	background-color: #F4F4F4;
	float: left;
}

.userCenter .userCenter-right {
	width: 836px;
	height: 100%;
	float: right;
}

#userCenterRightUrl {
	width: 827px;
	height: 100%;
	padding-left: 30px;
}

.userCenter .userCenter-left-icon-top {
	width: 100%;
	height: 62px;
	background-image: url("../img/icon-left-01.png");
	background-size: 100%;
}

.userCenter-left-userinfo {
	display: flex;
	flex-direction: column;
	width: 190px;
	margin: 0 auto;
}

.userCenter-left-userinfo .userCenter-left-userinfo-img {
	margin-top: 30px;
}

.userCenter-left-userinfo .userCenter-left-userinfo-img img {
	width: 117px;
	height: 117px;
	display: block;
	border-radius: 50%;
}

.userCenter-left-userinfo .userCenter-left-userinfo-l {
	font-size: 16px;
	color: #666666;
	margin-top: 16px;
}

.userCenter-left-userinfo .userCenter-left-userinfo-n {
	font-size: 21px;
	color: #333333;
	margin-top: 16px;
	margin-bottom: 10px;
}

.userCenter-left-userinfo .userCenter-left-userinfo-k {
	/* background-color: #EAC8CC; */
	font-size: 15px;
	color: #7e7d7d;
	border-radius: 4px;
	/* width: 60px; */
	/* height: 17px; */
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	line-height: 17px;
}

.userCenter-left-userinfo .userCenter-left-userinfo-b {
	width: 100%;
	height: 40px;
	/* border: 1px solid #999999; */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-size: 12px;
	color: #353535;
	margin-top: 20px;
	background: #dedede;
}

.userCenter-left-userinfo .userCenter-left-userinfo-b:hover {
	cursor: pointer;
}

.userCenter-left-nav {
	margin-top: 67px;
}

.userCenter-left-nav .userCenter-left-navBox {
	height: 60px;
	display: flex;
	align-items: center;
}

.userCenter-left-nav .userCenter-left-navBox div:nth-child(1) {
	margin-left: 28px;
}

.userCenter-left-nav .userCenter-left-navBox:hover {
	cursor: pointer;
	background-color: #DEDEDE;
}

.userCenter-left-nav .userCenter-left-navBox div:nth-child(1) img {
	width: 14px;
}

.userCenter-left-nav .userCenter-left-navBox div:nth-child(2) {
	margin-left: 12px;
	color: #666666;
	font-size: 14px;

}

.userCenter-left-navOn {
	background-color: #DEDEDE;
	position: relative;
}

.userCenter-left-navOn::after {
	content: "";
	position: absolute;
	left: 0;
	width: 3px;
	height: 100%;
	top: 0;
	background-color: #BD1A2D;
}

.userCenter-left-navOn::before {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent #fff transparent transparent;
}

.userCenter-left-navOn div:nth-child(1) img {
	width: 18px !important;
}

.userCenter-left-navOn div:nth-child(2) {
	font-size: 16px !important;
	color: #333 !important;
}

.localUploadIndex-title {
	width: 212px;
	height: 35px;
	background-image: url("../img/iocn-left-13.png");
	background-size: 100%;
	font-size: 16px;
	color: #333333;
	border-radius: 2px;
	overflow: hidden;
}

.localUploadIndex-title div {
	line-height: 35px;
	margin-left: 16px;
}

.localUploadIndex-top {
	margin-top: 15px;
}

.localUploadIndex-top-list {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.localUploadIndex-top-list .localUploadIndex-top-listBox {
	width: 251px;
	height: 107px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-image: url("../img/iocn-left-16.png");
	background-size: 100%;
	box-shadow: 3px 5px 27px rgba(94, 94, 94, .12);
}

.localUploadIndex-top-listBox-l {
	margin-left: 30px;
}

.localUploadIndex-top-listBox-l div:nth-child(1) {
	font-size: 30px;
}

.localUploadIndex-top-listBox-l div:nth-child(1) span {
	font-size: 13px;
	color: #666666;
	margin-left: 5px;
}

.localUploadIndex-top-listBox-l div:nth-child(2) {
	font-size: 14px;
	color: #333;
}

.localUploadIndex-top-listBox-r {
	margin-right: 30px;
}

.localUploadIndex-center {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.localUploadIndex-center-r {
	width: 226px;
}

.localUploadIndex-center-r-box {
	width: 260px;
	height: 441px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F7F7F7;
	border-radius: 8px;
	margin-top: 20px;
}

.myPointsIn {
	width: 550px;
    padding-bottom: 24px;
	border-radius: 8px;
	background-image: url("../img/iocn-left-17.png");
	background-size: 100%;
	box-shadow: 3px 5px 27px rgba(139, 129, 119, .12);
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.myPointsIn-a {
	margin-left: 24px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;


}

.myPointsIn-a .myPointsIn-a-l {
	display: flex;
	align-items: center;
}

.myPointsIn-a .myPointsIn-a-l div {
	width: 30px;
	margin-right: 10px;
}

.myPointsIn-a .myPointsIn-a-r {
	margin-right: 24px;
	display: flex;
	align-items: flex-end;
	font-size: 12px;
	color: #333;
}

.myPointsIn-a .myPointsIn-a-r div {
	color: #BD1A2D;
	font-size: 26px;
	position: relative;
	top: 2px;
	margin: 0 4px;
}

.myPointsIn-a .myPointsIn-a-r div span {
	font-size: 14px;
}

.myPointsIn-b {
	margin-top: 30px;
	margin-left: 24px;
	margin-right: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.myPointsIn-b div {
	font-size: 14px;
	color: #86633D;
	display: flex;
	align-items: center;
}

.myPointsIn-b div img {
	margin-right: 6px;
	display: block;
}

.myPointsIn-c {
	display: flex;
	margin-left: 24px;
	margin-right: 24px;
	flex: 1;
	height: 3px;
	border-radius: 6px;
	background-color: #D8D5CD;
	margin-top: 10px;
}

.myPointsIn-c div {
	background-color: #000000;
	border-radius: 6px;
	height: 100%;
}

.myPointsIn-d {
	display: flex;
	justify-content: space-between;
	flex: 1;
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 20px;
	align-items: center;
}

.myPointsIn-d .myPointsIn-d-l {
	display: flex;
	flex-direction: column;
}

.myPointsIn-d .myPointsIn-d-l-ts {
	display: flex;
	align-items: flex-end;
	color: #666;
}

.myPointsIn-d .myPointsIn-d-l-ts span {
	font-size: 14px;
}

.myPointsIn-d .myPointsIn-d-l-ts div {
	font-size: 30px;
	color: #333;
	position: relative;
	top: 2px;
}

.myPointsIn-d .myPointsIn-d-l-f {
color: #cc9114;
    font-size: 14px;
}

.myPointsIn-d .myPointsIn-d-r {
	width: 113px;
	height: 29px;
	border-radius: 3px;
	background-color: #BD1A2D;
	text-align: center;
	line-height: 29px;
	color: #fff;
	font-size: 12px;
}

.myPointsIn-d .myPointsIn-d-r:hover {
	cursor: pointer;
}

.demonstrate {
	width: 550px;
	height: 145px;
	background-color: #F7F7F7;
	border-radius: 8px;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.demonstrateBox {
	display: flex;
	flex: 1;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	overflow-x: auto;
	white-space: nowrap;
}

.demonstrateBox div:hover {
	cursor: pointer;
}

.demonstrateBox div {
	margin-right: 14px;
}

.demonstrateBox div:last-of-type {
	margin-right: 0px;
}

.demonstratemore {
	position: absolute;
	right: 0;
	top: 0;
	width: 74px;
	height: 145px;
	background-image: url("../img/iocn-left-14.png");
	z-index: 99;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.demonstratemore img {
	position: relative;
	left: 15px;
}

.demonstratemore:hover {
	cursor: pointer;
}

.l-localUpload-top {
	font-size: 15px;
	color: #fff;
	background-color: #bc1b2d;
	border-radius: 3px;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
}

.l-localUpload-text {
	margin-top: 20px;
	height: 290px;
	overflow: auto;
	padding-left: 5px;
}

.l-localUpload-text h6 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	margin-top: 20px;
}

.l-localUpload-text p {
	font-size: 14px;
	color: #4e4e4e;
	line-height: 40px;
	/* text-indent: 2em; */
	letter-spacing: 0.6px;
}

.l-localUpload-is {
	display: flex;
	font-size: 14px;
	color: #333;
	margin-top: 20px;
	align-items: center;
}

.l-localUpload-is div {
	width: 13px;
	height: 13px;
	border-radius: 2px;
	border: 1px solid #ccc;
	margin-right: 10px;
	position: relative;
}

.localUploadIsBtns::after {
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	width: 9px;
	height: 9px;
	background-color: #BD1A2D;
	border-radius: 2px;
}

.l-localUpload-is div:hover,
.l-localUpload-btn div:hover {
	cursor: pointer;
}

.l-localUpload-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.l-localUpload-btn div {
	width: 148px;
	height: 36px;
	border: 1px solid #BD1A2D;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #BD1A2D;
	border-radius: 3px;
}

.l-localUpload-btn div:nth-child(1) {
	margin-right: 20px;
}

.l-localUpload-btn-s {
	color: #fff !important;
	background-color: #BD1A2D;
}

.localUploadFormTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.localUploadFormTop-back {
	border: 1px solid #BD1A2D;
	color: #BD1A2D;
	font-size: 14px;
	width: 94px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	line-height: 30px;
}
.localUploadFormTop-back:hover{
	cursor: pointer;
}
.localUploadFormBr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #D3D3D3;
	margin-top: 11px;
	margin-bottom: 20px;
}

.carPlateColor {
	display: flex;
	flex-flow: wrap;
	margin-bottom: 10px;
	width: 100%;
}

.carPlateColor div {
	width: 81px;
	height: 67px;
	background-size: 100%;
	margin-right: 15px;
	border-radius: 4px;
	margin-bottom: 21px;
}

.carPlateColor div:hover {
	cursor: pointer;
	box-shadow: 3px 6px 10px #DEDEDE;
}

.carPlateColor div:nth-child(1) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-01.png");
}

.carPlateColor div:nth-child(2) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-02.png");
}

.carPlateColor div:nth-child(3) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-03.png");
}

.carPlateColor div:nth-child(4) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-04.png");
}

.carPlateColor div:nth-child(5) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-06.png");
}

.carPlateColor div:nth-child(6) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-11.png");
}

.carPlateColor div:nth-child(7) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-10.png");
}

.carPlateColor div:nth-child(8) {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-0a.png");
	
}



.carPlateColor0 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-010.png") !important;
}

.carPlateColor1 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-020.png") !important;
}

.carPlateColor2 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-030.png") !important;
}

.carPlateColor3 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-040.png") !important;
}

.carPlateColor4 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-060.png") !important;
}

.carPlateColor5 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-110.png") !important;
}

.carPlateColor6 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-100.png") !important;
}

.carPlateColor7 {
	background-image: url("https://bjjj.jtgl.beijing.gov.cn/appbjjj/sfront/appimag/licensePlate/licensePlate-icon-0a0.png") !important;
}


.selectMap {
	width: 88px;
	height: 36px;
	color: #BD1A2D;
	border-radius: 3px;
	border: 1px solid #BD1A2D;
	text-align: center;
	line-height: 36px;
}

.selectMap:hover {
	cursor: pointer;
}

.colorBtn button:nth-child(1) {
	border-color: #BD1A2D;
	color: #BD1A2D;
}

.colorBtn button:nth-child(2) {
	background-color: #BD1A2D;
}

.localUploadIndexUp {
	display: flex;
	align-items: flex-end;
}

.localUploadIndexUp .localUploadIndexUpBox {
	width: 188px;
	height: 77px;
	border-radius: 8px;
	background-color: #F4F4F4;
	position: relative;
	margin-right: 10px;
}

.localUploadIndexUp .localUploadIndexUpBoxVideo {
	width: 188px;
	height: 77px;
	border-radius: 8px;
	background-color: #F4F4F4;
	position: relative;
	margin-right: 10px;
}

.localUploadIndexUpBoxVideo video {
	width: 100%;
	height: 100%;
}

.localUploadIndexUp .localUploadIndexUpBox::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 188px;
	height: 77px;
	background-image: url("../img/upvideo.png");
	background-size: 22px 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

.localUploadIndexUp .localUploadIndexUpBox button {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	left: 0;
	top: 0;
	opacity: 0;
}

.localUploadIndexUp-txt {
	font-size: 12px;
	color: #666666;
}

.icon-dete {
	background-image: url("../img/icon-dete.png");
	background-size: 18px 15px;
	background-position: 160px center;
	background-repeat: no-repeat;
}

.layui-laydate .layui-this {
	background-color: #BD1A2D !important;
}

.localUploadIndexUp-txt-ups{
	position: relative;
	background-color: #BD1A2D;
	color: #fff;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	    width: 100px;
	    height: 32px;
	    margin-bottom: 10px;
	
}
.localUploadIndexUp-txt-ups input{
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.loadingnews{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #c8ddff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.loadingnews-progress{
	width: 250px;
	height: 24px;
	background-color: #9dbeff;
	border-radius: 3px;
	display: flex;
	margin-top: 5px;
}
.loadingnews-progress div{
	width: 100%;
	height: 18px;
	margin: 3px;
	background-color: #487bef;
	animation:progress 1.2s linear ;
}
.loadingnews-logo{
	margin-bottom: 20px;
}
@keyframes progress{
	0%{
		width: 0%;
	}
	100%{
			width: 100%;
	}
}

.opensuccessNumber{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .55);
}
.opensuccessBox{
	width: 320px;
	background-color:#fff;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.opensuccessBox .opensuccessBox-b{
	margin-top: 40px;
}
.opensuccessBox .opensuccessBox-b img{
	width: 200px;
}
.opensuccessBox .opensuccessBox-t{
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
}
.opensuccessBox  .opensuccessBox-s{
	position: relative;
	width: 90%;
	height: 94px;
	overflow: hidden;
	margin-bottom: 12px;
}
.opensuccessBox  .opensuccessBox-s div:nth-child(1){
	position: absolute;
	width: 100%;
	
}
.opensuccessBox  .opensuccessBox-s div:nth-child(2){
	color: #333333;
	position: absolute;
	bottom: 44px;
	z-index: 3;
	text-align: center;
	width: 100%;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
}
.opensuccessBox  .opensuccessBox-s div:nth-child(3){
	color: #333333;
	position: absolute;
	bottom: 13px;
	z-index: 3;
	text-align: center;
	width: 100%;
	font-size: 21px;
	color: #fff;
	letter-spacing: 1px;
}
.opensuccessBox  .opensuccessBox-s div:nth-child(1) img{
	width: 100%;
}
.opensuccessBox .opensuccessBox-btn{
	width: 86%;
	height: 44px;
	color: #fff;
	background-color: #2c68ff;
	margin-bottom: 20px;
	margin-top: 30px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.opensuccessBox .opensuccessBox-info{
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #797979;
}