html,
body {
  position: relative;
  height: 100%;
  font-family: "微软雅黑";
  font-size: 16px;
  color: #333;
}
body{
  overflow-x: hidden;
  background: #fff;
}
html.active{
    /* overflow: hidden; */
}
i,
em,
b {
  font-style: normal;
  font-weight: normal;
  display: block;
}
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;
}
img {
  max-width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  user-select: none;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
input,
textarea,
button,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  /* -webkit-appearance: none; */
  border-radius: 0;
}
textarea {
  resize: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #bfbfbf !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s; /*背景色透明  生效时长  过渡效果  启用时延迟的时间*/
}
ul {
  margin-bottom: 0;
}
.btn:focus {
  outline: none;
}
.btn[disabled="disabled"],
.btn[disabled="true"] {
  cursor: not-allowed;
}
.btn.primary-btn {
  background-color: #2c4c8d;
}
.btn.primary-btn:hover {
  background-color: #3d63ae;
}
.btn.danger-btn {
  background-color: #984b3c;
}
.btn.danger-btn:hover {
  background-color: #ac5443;
}
.btn.info-btn {
  background-color: #705b39;
}
.btn.info-btn:hover {
  background-color: #91764b;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.red {
  color: red;
}
html.show,
body.show {
  overflow: hidden;
  height: 100%;
}

/* 导航 */
.nav{
	position: sticky;
	z-index: 2;
	top: 0;
	padding: 0 40px;
	background: #fff;
	box-shadow: 0.557px 3.961px 5px 0px rgba(44, 34, 19, 0.11);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo{
	display: flex;
	align-items: center;
}
.logo .left{
	display: flex;
	align-items: center;
	margin-right: 120px;
	padding: 10px 0;
}
.logo .left p{
	margin-left: 12px;
	font-size: 22px;
}
.logo .left img{
	max-height: 61px;
	border-radius: 50%;
}
.column ul li a{
	margin: 0 33px;
	font-size: 18px;
}
.column a.active{
	color: #0a58f5;
}
.column ul{
	display: flex;
}
.column ul li{
	position: relative;
	height: 60px;
	line-height: 60px;
	display: flex;
	align-items: center;
}
.column .subnav{
  display: none;
  width: 138px;
  background: #fff;
  position: absolute;
  top: 70px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
}
.column .subnav a{
  display: block;
  text-align: center;
  background: #fff;
  color: #333;
  line-height: 42px;
  border-bottom: 1px solid #f5f5f5;
  margin: 0 4px;
  font-size: 16px;
}
.column .subnav a:hover{
	color: #0a58f5;
}
.column .subnav a:last-child{
  border-bottom: 0;
}
.user{
	display: flex;
	align-items: center;
}
.user a{
	font-size: 14px;
	color: #666;
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.user a p{
	margin-left: 4px;
}

.addCountry .label{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.addCountry label{
    justify-content: flex-start!important;
}
.addCountry label.btn{
    width: 100px;
    margin: 30px auto 0;
}
.addCountry label.leishu input{
    width: 100px!important;
}
.addCountry .list{
    width: auto;
    display: flex;
    align-items: center;
}
.addCountry .list span{
    width: auto;
    display: flex;
    align-items: center;
    background: #eee;
    padding: 2px 8px;
    line-height: 20px;
    border-radius: 5px;
    font-size: 14px;
    margin-right: 5px;
}
.addCountry .list svg{
    width: auto;
    height: 12px;
    margin-left: 3px;
    cursor: pointer;
}
.addCountry .search{
    align-items: center;
    background: #f3f5f6;
    border-radius: 4px;
    padding: 0 14px;
}
.addCountry .search input{
    width: calc(100% - 16px);
}
.countryLi{
    box-shadow: 0 0 5px rgba(0,0,0,.176);
    margin-top: -12px;
    position: absolute;
    background: #fff;
    width: 470px;
}
.countryLi ul li{
    display: none;
    position: relative;
    align-items: center;
    padding: 3px 0;
    border-bottom: 1px dashed #eee;
    font-size: 15px;
}
.countryLi ul li.active{
    display: flex;
}
.countryLi svg{
    position: absolute;
    right: 5px;
    width: auto;
    height: 10px;
}
.countryLi svg path{
    fill: #fff;
}
.countryLi ul li:hover svg path{
    fill: #ddd;
}
.countryLi ul li.act svg path{
    fill: #1e70fb;
}
.countryLi img{
    width: 40px;
    margin-right: 10px;
    padding: 5px;
    border-bottom: 1px dotted #eee;
}

/* 首页内容 */
.content{
	padding: 90px 140px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.content a{
	width: calc(20% - calc(4 / 5 * 53px));
	margin-right: 53px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.content a:nth-child(5n){
	margin-right: 0;
}
.content div{
	padding: 22% 0;
}
.content a:nth-child(2) div span{
	color: #f4523b;
}
/* .content a:nth-child(3) div span, .content a:nth-child(4) div span{
	color: #f4523b;
} */
.content a:last-child div span{
	color: #32c038;
}
.content div p{
	font-size: 22px;
	line-height: 22px;
	color: #666;
	margin-bottom: 22px;
}
.content div span{
	font-size: 56px;
	font-family: 'Arial';
	line-height: 56px;
	color: #0a58f5;
}
.content a:hover{
    background: #0a58f5;
}
.content a:hover div p, .content a:hover div span{
    color: #fff;
}

/* 商标 */
.scontent{
	padding: 60px;
}
.choose{
	display: flex;
	margin-bottom: 40px;
}
.choose .list{
	position: relative;
	width: calc(25% - calc(4 / 5 * 28px))!important;
	margin-right: 28px;
	display: table;
	align-items: center;
	flex-wrap: wrap;
	line-height: 40px;
	border-radius: 6px;
	border: 1px solid #f0f0f0;
}
.choose .list:nth-child(5n){
	margin-right: 0;
}
.choose .list:nth-child(2), .choose .list:nth-child(4){
	width: 16%;
}
.choose .list:nth-child(3), .choose .list:nth-child(5){
	width: 22%;
}
.choose .list:nth-child(3) input{
	height: 40px;
	padding: 0 5%;
	width: 100%;
}
.choose .list:nth-child(5){
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 21px;
}
.choose .list:nth-child(5) input{
	width: calc(100% - 41px - 0.23rem);
	height: 40px;
}
.choose .list button{
	cursor: pointer;
}
.scontent .choose > .list:last-child{
    padding: 0;
    border: 0;
    height: 42px;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
}
.scontent .choose > .list:last-child input{
    width: calc(100% - 120px - 0.23rem)!important;
    border-radius: 6px;
    border: 1px solid #f0f0f0;
    padding: 0 21px;
    height: 40px;
}
.scontent .choose > .list:last-child button{
    background: #1e70fb;
    line-height: 40px;
    border-radius: 6px;
    width: 50px;
}
.choose .list > p{
	display: table-cell;
	text-align: center;
	border-right: 1px solid #f0f0f0;
	background: #f3f6fb;
	padding: 0 17px;
	display: table-cell;
	text-align: center;
	white-space: nowrap;
	width: 1%;
}
.choose .list select{
	display: table-cell;
	appearance: none;
	font-size: 16px;
	height: 40px;
	width: 100%;
	border: 0;
	padding: 0 12% 0 5%;
	border-radius: 6px;
	background: url(../image/arrow_up.png) no-repeat center right 4%;
}
.choose .list input::-webkit-input-placeholder{
	color: #e0e0e0;
}
.table table{
	width: 100%;
	margin-bottom: 39px;
}
.table thead{
	background: #f3f6fb;
}
.table thead th, .table tbody td{
	padding: 16px 21px;
	font-weight: normal;
	text-align: center;
}
.table thead th:nth-child(1){
	width: 60px;
}
.table tbody td a{
	display: block;
	text-align: center;
}
.table tbody tr:nth-child(even){
	background: #f3f6fb;
}
.table tbody tr:hover{
	background: #f5f5f5;
}
.table-page{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.table-page .count{
	font-size: 14px;
	color: #666;
	display: flex;
	align-items: center;
}

/* 国家/地区 */
.countryList{
	display: none;
	position: absolute;
	z-index: 1;
	left: 106px;
	top: 42px;
	background: #fff;
	border: 1px solid #f0f0f0;
	width: 430px;
	padding: 10px;
}
.countryList.act{
    display: none!important;
}
.nav-tabs {
	display: flex;
	justify-content: space-between;
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li{
	margin-bottom: -1px;
	line-height: 40px;
}
.nav-tabs>li>a{
	letter-spacing: 2px;
	font-size: 13px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
	color: #337ab7;
	padding: 10px;
	border: 1px solid transparent;
}
.nav-tabs>li>a:hover{
	background: #eee;
}
.nav-tabs>li.active>a{
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	background: #fff;
	color: #555;
}
.countryList .tab-pane{
	display: none;
    height: 220px;
    overflow: hidden;
    overflow-y: auto;
	line-height: 25px;
}
.countryList .tab-pane a{
    display: inline-block;
    line-height: 20px;
    width: 80px;
    height: 20px;
    margin: 1px 5px;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
	color: #337ab7;
}
.countryList .tab-pane a:hover{
	background: #eee;
}
.countryConts{
	padding: 10px 0;
}
.countryConts .tab-pane.active{
	display: block;
}

/* 分页 */
.page{
	overflow: hidden;
}
.page a, .page span{
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	border: 1px solid #f2f2f2;
	text-align: center;
}
.page li.active span{
	color: #fff;
	border-color: #1e70fb;
	background: #1e70fb;
	width: 38px;
	height: 38px;
	line-height: 38px;
}
.page li.disabled, .page li.disabled span{
	width: 38px;
	height: 38px;
	line-height: 38px;
}
.page a:hover, .page input[type="submit"]:hover{
	border-color: #1e70fb;
	color: #135fb3;
}
.page a.active:hover{
	color: #fff;
}
.page .first, .page .last{
	width: 40px;
	font-size: 12px;
}
.page .last{
	width: auto;
	border: 0!important;
	margin: 0 15px 0 30px;
	font-size: 15px;
	line-height: 36px;
}
.page .prev, .page .next{
	position: relative;
	width: 40px;
}
.page .prev img, .page .next img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3px;
	margin-top: -5.5px;
}
.page .next img{
	transform: rotate(180deg);
}
.page input[type="text"]{
	width: 72px;
	line-height: 36px;
	border: 1px solid #f2f2f2;
	font-size: 15px;
	padding: 0 10px;
	text-align: center;
}
.page input[type="submit"]{
	margin-left: 20px;
	width: 58px;
	line-height: 36px;
	border: 1px solid #f2f2f2;
	font-size: 15px;
	background: transparent;
	cursor: pointer;
}
.page *{
	float: left;
}
.page .text{
	line-height: 36px;
	margin-left: 12px;
}

/* 商标产品详情 */
.scontent-detail{
	padding: 30px 60px;
}
.scontent-detail .title{
	margin-bottom: 13px;
	font-size: 22px;
	line-height: 22px;
	display: flex;
	align-items: center;
}
.scontent-detail .title span{
	font-size: 14px;
	color: #fff;
	margin-left: 6px;
	padding: 0 13px;
	line-height: 25px;
	border-radius: 25px;
	display: block;
	background: #1e70fb;
	text-align: center;
}
.scontent-detail .detail{
	margin-bottom: 85px;
	overflow: hidden;
}
.scontent-detail .name{
	padding: 25px 90px 25px 20px;
	background: #d7e2f8;
	border-radius: 8px 8px 0 0;
	display: flex;
	justify-content: space-between;
}
.scontent-detail .cont{
	padding: 40px 20px;
	margin-bottom: 85px;
	color: #666;
	background: #f3f6fb;
	border-radius: 0 0 8px 8px;
}
.scontent-detail .cont .list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.scontent-detail .cont .list .cn{
	width: 50%;
	margin-right: 15px;
}
.scontent-detail .cont .list .en{
	width: 50%;
	margin-left: 15px;
}
.scontent-detail .cont .list .tit{
	display: flex;
	margin-bottom: 20px;
	line-height: 16px;
}
.scontent-detail .cont .list .tit span{
	color: #333;
	font-weight: bold;
}
.scontent-detail .cont .list .tit p{
	position: relative;
}
.scontent-detail .cont .list .tit p svg{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	height: 18px;
	margin-left: 5px;
	cursor: pointer;
}
.scontent-detail .cont .list .co{
	color: #666;
	line-height: 24px;
	white-space: pre-wrap;
	word-break: break-word;
	/*display: flex;*/
	/*flex-wrap: wrap;*/
}
.scontent-detail .cont .list:first-child .tit{
	flex-direction: column;
}
.scontent-detail .cont .list:first-child .tit span{
	margin-bottom: 12px;
}
.scontent-detail .cont .list:last-child{
	margin: 50px 0 0;
}
.edit-button{
	display: flex;
	justify-content: center;
}
.edit-button button{
	margin: 40px 10px 0!important;
}
/* 附件 */
.enclosure > em{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}
.enclosure .ttab{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}
.enclosure .ttab a{
	background: #d7e2f8;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
	padding: 10px;
	line-height: 16px;
}
.enclosure .ttab a:hover{
	color: #1e70fb;
}
.enclosure .ttab a.active{
	background: #1e70fb;
	color: #fff;
}
.enclosure .rig{
	display: flex;
}
.enclosure .price{
	display: flex;
	border-radius: 37px;
	margin-right: 10px;
	overflow: hidden;
}
.enclosure .price span{
	width: 53px;
	line-height: 37px;
	font-size: 18px;
	color: #666;
	text-align: center;
	background: #d7e2f8;
	cursor: pointer;
}
.enclosure .price span:hover{
	color: #1e70fb;
}
.enclosure .price span.active{
	background: #1e70fb;
	color: #fff;
}
.enclosure .tcont .tlist{
	display: none;
	/* overflow: hidden; */
	border: 1px solid #ededed;
}
.enclosure .tcont .tlist.active{
	display: block;
}
.enclosure .jieduan{
	display: flex;
	background: #d7e2f8;
}
.enclosure .jieduan a{
	padding: 18px 40px;
	line-height: 16px;
}
.enclosure .jieduan a:hover{
	color: #1e70fb;
}
.enclosure .jieduan a.active{
	background: #1e70fb;
	color: #fff;
}
.enclosure .jdcont{
	display: none;
}
.enclosure .jdcont.active{
	display: block;
}
.jieduan-cont .table-title, .jieduan-cont .table-cont .list{
	/* display: flex;
	justify-content: space-between; */
	line-height: 16px;
}
.jieduan-cont .table-title{
	display: flex;
	justify-content: space-between;
}
.jieduan-cont .table-cont .list{
	line-height: 24px;
	/* overflow: hidden; */
	/* min-height: 50px;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.jieduan-cont .table-title span, .jieduan-cont .table-cont .list > span{
	width: calc(100% / 11);
	text-align: center;
	padding: 13px 0;
}
.jieduan-cont .table-cont .list:nth-child(4n+1){
	background: #f3f6fb;
}
.jieduan-cont .table-cont .list > span.over{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jieduan-cont .table-cont .list > span.date{
	display: flex;
	align-items: center;
	justify-content: center;
}
.jieduan-cont .table-cont .list > span.date img{
	margin-left: 2px;
	cursor: pointer;
}
.jieduan-cont .table-cont .list > span.date a{
	position: relative;
	display: flex;
}
.jieduan-cont .table-cont .list > span.date .history{
	display: none;
	width: 275px;
	position: absolute;
	width: 275px;
	color: #fff;
	border-radius: 6px;
	overflow: hidden;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../image/history_up.png) no-repeat center bottom;
	padding-bottom: 20px;
	cursor: default;
	animation: history 0.3s;
}
.jieduan-cont .table-cont .list > span.date a:hover .history{
	display: block;
}
@keyframes history{
	from{
		bottom: 35px;
	}
	to{
		bottom: 18px;
	}
}
.history .title{
	font-size: 16px;
	color: #fff;
	width: /* 275px */;
	line-height: 30px;
	text-align: center;
	background: #1e70fb;
	display: block;
	margin-bottom: 0;
	float: none!important;
}
.history .contt{
	background: #eee;
	padding: 2px;
	border-radius: 0 0 6px 6px;
}
.history .contt .text{
	display: flex;
}
.history .contt .text p{
	width: calc(50% - calc(1 /2 * 2px));
	margin: 2px 2px 0 0;
	line-height: 19px;
	font-size: 14px;
	color: #666;
	background: #fff;
}
.history .contt .text p:nth-child(2n){
	margin-right: 0;
}
.jieduan-cont .table-cont .list > span.res a{
	background: #1e70fb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	width: 63px;
	line-height: 30px;
	margin: 0 auto;
	border-radius: 10px;
	transition: all 0.3s;
}
.jieduan-cont .table-cont .list > span.res a:hover{
	opacity: 0.8;
}
.jieduan-cont .table-cont .list > span.res a.active img{
	transform: rotate(180deg);
}
.jieduan-cont .table-cont .list > span.res img{
	margin-left: 9px;
	transition: all 0.3s;
}
.enmoney{
    display: none;
}
/* 资源 */
.resources{
	display: none;
	clear: both;
	background: #fff;
	padding: 10px 35px 30px;
}
.resources .box{
	border: 1px solid #ededed;
}
.resources .box .over{
	width: calc(100% / 5)!important;
}
.resources .table-title{
	background: #f5f5f5;
	font-size: 14px;
}
.resources .table-title span{
	width: calc(100% / 7);
}
.resources .table-cont .list{
	display: flex;
	background: #fff!important;
	border-bottom: 1px solid #ededed;
}
.resources .table-cont .list:last-child{
	border-bottom: 0;
}
.resources .table-cont .list span{
	width: calc(100% / 7);
	font-size: 14px;
	color: #666;
	padding: 13px 5px;
}
.resources .table-cont .list span.first{
	color: #333;
}
.resources .table-cont .list span.first i{
	display: inline-block;
	width: 21px;
	line-height: 21px;
	font-size: 12px;
	color: #666;
	background: #ddd;
	border-radius: 4px;
	text-align: center;
	margin-left: 5px;
}
.resources .table-cont .list span.first i.active{
	background: #1e70fb;
	color: #fff;
}
/* 详情 */
.zcontent-detail .enclosure .ttab{
	margin-top: 70px;
}
.zcontent-detail .enclosure .tit{
	font-size: 18px;
}
.added, .zadded, .sadded{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 105px;
	line-height: 40px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	background: #1e70fb;
	cursor: pointer;
	transition: all 0.3s;
}
.added:hover, .zadded:hover, .sadded:hover{
	opacity: 0.8;
}
.added img, .zadded img, .sadded img{
	margin-right: 5px;
}
/* 新增 */
.add-items, .add-zitems, .add-sitems, .edit-items{
	display: none;
	align-items: center;
	justify-content: center;
	animation: add-items 0.3s;
}
.add-items.active, .add-zitems.active, .add-sitems.active, .edit-items.active{
	display: flex;
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
@keyframes add-items{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.add-items .conte, .add-zitems .conte, .add-sitems .conte, .edit-items .conte{
	min-width: 530px;
	border-radius: 4px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;	
}
.add-items .conte .text, .add-zitems .conte .text, .add-sitems .conte .text, .edit-items .conte .text{
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background: #1e70fb;
}
.add-items .conte .text svg, .add-zitems .conte .text svg, .add-sitems .conte .text svg, .edit-items .conte .text svg{
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
	width: auto;
	height: 20px;
	transition: all 0.3s;
}
.add-items .conte .text svg:hover, .add-zitems .conte .text svg:hover, .add-sitems .conte .text svg:hover, .edit-items .conte .text svg:hover{
	opacity: 0.8;
}
.add-items form, .add-zitems form, .add-sitems form, .edit-items form{
	background: #fff;
	padding: 40px 45px;
}
.add-items form label, .add-zitems form label, .add-sitems form label, .edit-items form label{
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	margin-bottom: 16px;
	line-height: 35px;
}
.add-items form input, .add-zitems form input, .add-sitems form input, .edit-items form input, .add-items form textarea, .add-zitems form textarea{
	width: 310px;
	line-height: 35px;
	background: #f3f5f6;
	border-radius: 4px;
	padding: 0 14px;
}
.add-items form .xuhao input, .add-zitems form .xuhao input, .add-sitems form .xuhao input, .edit-items form .xuhao input{
	padding-right: 0;
}
.add-items form .mei,
.add-zitems form .mei,
.add-sitems form .mei,
.add-items form .qujian,
.add-zitems form .qujian,
.add-sitems form .qujian,
.add-items .price .qijia,
.add-items .price .qujian,
.add-zitems .price .qijia,
.add-zitems .price .qujian,
.add-sitems .price .qijia,
.add-sitems .price .qujian{
	display: none;
}
.add-items form input::-webkit-input-placeholder,
.add-zitems form input::-webkit-input-placeholder,
.add-sitems form input::-webkit-input-placeholder,
.edit-items form input::-webkit-input-placeholder{
	color: #ccc;
}
.add-items form span,
.add-zitems form span,
.add-sitems form span,
.edit-items form span{
	width: calc(100% - 325px);
	text-align: right;
}
.add-items form select,
.add-zitems form select,
.add-sitems form select,
.edit-items form select{
    opacity: 1;
	width: 310px;
	line-height: 35px;
	height: 35px;
	border-color: transparent;
	background: #f3f5f6;
	padding: 0 10px;
}
.add-items form select[name="gysprice"],
.add-zitems form select[name="gysprice"],
.add-sitems form select[name="gysprice"],
.edit-items form select[name="gysprice"]{
	width: auto;
}
.add-items form select option,
.add-zitems form select option,
.add-sitems form select option,
.edit-items form select option{
	background: #fff;
}
.add-items .btn,
.add-zitems .btn,
.add-sitems .btn,
.edit-items .btn{
	margin: 42px 0 0;
	justify-content: center;
}
.edit-items .btn{
	margin-top: 30px;
}
.edit-items form{
	padding: 30px;
}
.edit-items textarea{
	width: 100%;
	border: 1px solid #eee;
	padding: 10px;
	resize: both;
}
.add-items .btn input,
.add-zitems .btn input,
.add-sitems .btn input,
.edit-items .btn input{
	width: 100px;
	line-height: 34px;
	border-radius: 4px;
	text-align: center;
	margin: 0 6px;
	cursor: pointer;
	transition: all 0.3s;
}
.add-items .btn input[type="reset"], .add-zitems .btn input[type="reset"], .add-sitems .btn input[type="reset"], .edit-items .btn input[type="reset"]{
	border: 1px solid #ededed;
	background: transparent;
}
.add-items .btn input[type="submit"], .add-zitems .btn input[type="submit"], .add-sitems .btn input[type="submit"], .edit-items .btn input[type="submit"]{
	background: #1e70fb;
	color: #fff;
}
.add-items .list, .add-zitems .list, .add-sitems .list, .edit-items .list{
	display: flex;
	width: 310px;
}
.add-items .price, .add-zitems .price, .add-sitems .price, .edit-items .price{
	width: 100%;
	display: table;
	display: flex;
}
.add-items .qi, .add-zitems .qi, .add-sitems .qi, .edit-items .qi{
	width: 38px;
}
.add-items .price p, .add-zitems .price p, .add-sitems .price p, .edit-items .price p{
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 37px;
	line-height: 35px;
	text-align: center;
	padding: 0 14px;
	background: #eee;
}
.add-items .price input, .add-zitems .price input, .add-sitems .price input, .edit-items .price input{
	width: 100%;
	padding: 0 0 0 14px;
}

/* 供应商 */
.supplier{
	padding: 22px 0 5%;
	background: #f7f7f7;
	min-height: calc(100vh - 81px);
}
.supplier .box{
	width: 80%;
	margin: 0 auto;
	background: #fff;
	padding: 32px 43px 60px;
}
.supplier .text{
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 35px;
}
.supplier .form{
	width: 600px;
	margin-left: 11%;
}
.supplier .form label, .supplier .form .coun{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 22px;
}
.supplier .form label span, .supplier .form .coun span{
	width: calc(100% - 500px);
	text-align: right;
	margin-right: 25px;
	line-height: 35px;
}
.supplier .form label input, .supplier .form .coun input, .supplier .form label textarea{
	width: 500px;
	line-height: 35px;
	background: #f3f5f6;
	border-radius: 4px;
	padding: 0 14px
}
.supplier .form label textarea{
	height: 95px;
	line-height: 24px;
	padding: 14px;
}
.supplier #supplierBtn{
	width: 262px;
	width: 500px;
	line-height: 55px;
	border-radius: 5px;
	font-size: 18px;
	background: #1e70fb;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}
.supplier #supplierBtn:hover{
	opacity: 0.8;
}
.supplier .form label:last-child{
	justify-content: flex-start;
	margin: 40px 0 0;
}
.uploaded{
	display: flex;
	justify-content: flex-start;
}
.uploaded > span{
	width: calc(100% - 500px);
	margin-right: 25px;
}
.upload-btn{
	display: flex;
	align-items: center;
	position: relative;
	width: 500px;
}
.upload-btn .file_con .fileW{
	width: 135px;
	line-height: 42px;
	text-align: right;
	padding-right: 20px;
	box-sizing: border-box;
	border: 1px solid #1e70fb;
	color: #1e70fb;
	border-radius: 5px;
	background: url(../image/uploadbtn_icon.png) no-repeat left 20px center;
}
.upload-btn p{
	font-size: 14px;
	color: #999;
	position: absolute;
	top: 11px;
	left: 157px;
}
.supplier .form label input::-webkit-input-placeholder, .supplier .form .coun input::-webkit-input-placeholder, .supplier .form label textarea::-webkit-input-placeholder{
	color: #ccc;
}
.supplier-detail .enclosure .ttab a{
	border-radius: 4px;
	width: 95px;
	padding: 0;
	line-height: 36px;
}

/* 供应商列表 */
.supplier-list .choose .list:nth-child(2){
	width: calc(18% - calc(4 / 5 * 28px));
	width: 22%;
}
.supplier-list .choose .list:nth-child(2) input{
    height: 40px;
    padding: 0 5%;
    width: 100%;
}
.supplier-list .choose .list:nth-child(3){
	width: calc(18% - calc(4 / 5 * 28px));
}
.supplier-list .choose .list:last-child{
	width: calc(18% - calc(4 / 5 * 28px));
}
.supplier-list .choose .list:last-child input{
	width: calc(100% - 41px - 0.23rem);
	padding: 0 21px;
}
/* 编辑 */
.edit-supplier{
	margin-bottom: 15px;
	float: right;
	display: inline-flex;
	align-items: center;
}
.edit-supplier a{
	height: 35px;
	display: flex;
	align-items: center;
	padding: 0 12px;
	color: #333;
	border: 1px solid #f0f0f0;
	border-right: 0;
	cursor: pointer;
}
.edit-supplier a:last-child{
	border-radius: 0 6px 6px 0;
	border-right: 1px solid #f0f0f0;
}
.edit-supplier a svg{
	width: auto;
	height: 18px;
	margin-right: 5px;
}
.edit-supplier select{
	background: transparent;
	border: 0;
	cursor: pointer;
}
.edit-supplier select option:nth-child(1){
	display: none;
}
.edit-supplier a:nth-child(1){
	border-radius: 6px 0 0 6px;
}
.edit-supplier a:hover, .edit-supplier select:hover{
	background: #f3f6fb;
}

/* 产品新建 */
.addsproduct{
	width: 1200px;
	padding: 30px 60px;
	background: #eee;
	margin: 60px auto 0;
}
/* .addsproduct .type{
    border-bottom: 1px dotted #666;
    margin-bottom: 30px;
    padding-bottom: 15px;
} */
.addsproduct .choose{
	display: block;
	margin-bottom: 0;
}
.addsproduct .listli{
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.addsproduct .label{
	max-width: 50%;
	width: auto!important;
	margin-right: 0;
	display: flex;
	align-items: center;
}
.addsproduct .label.shangbiao{
	display: none;
}
.addsproduct .label span{
	margin-right: 30px;
	width: 125px;
	font-weight: bold;
	text-align: right;
}
.addsproduct .label label{
	margin-right: 10px;
	cursor: pointer;
}
.addsproduct .label label input{
	margin-right: 5px;
}
.addsproduct select, .addsproduct input[type="text"]{
	width: 345px!important;
	padding: 0 10px;
	border-radius: 6px;
	border: 1px solid #f0f0f0;
	line-height: 42px;
	height: 42px;
	background: #fff!important;
}
.addsproduct .two{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 345px;
}
.addsproduct .two select, .addsproduct .two input{
	width: 110px!important;
	appearance: auto;
	background: #fff;
	height: 42px;
	padding: 0 10px;
	border-radius: 0 6px 6px 0;
}
.addsproduct .two p{
	border-right: 0;
}
.addsproduct .two .list{
	margin-right: 0;
}
.addsproduct form button{
	width: 105px;
	line-height: 40px;
	background: #1e70fb;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	margin: 40px auto 0;
	display: block;
	cursor: pointer;
	transition: all 0.3s;
}
.addsproduct form button:hover{
	opacity: 0.8;
}
.addsproduct form button[name="dosubmit_back"]{
	background: #999;
}
.addsproduct .listupload span{
    width: 25px;
    margin-right: 25px;
}
.listupload .file{
    width: 100%;
}
.listupload .file li{
    margin: 0 20px 0 0;
    max-width: 134px;
    position: relative;
}
.listupload .file .close{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: #ff0000;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    cursor: pointer;
}
.listupload .file .close svg{
    width: auto;
    height: 15px;
}

/* 供应商详情 */
.supplier-detail{
	padding-top: 75px;
	padding-bottom: 75px;
}
.supplier-detail .title{
	margin-bottom: 32px;
}
.supplier-detail .statue{
	padding: 17px 25px 17px 40px;
	background: #f3f6fb;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.supplier-detail .statue .btn{
	display: flex;
}
.supplier-detail .statue .btn a{
	width: 105px;
	line-height: 40px;
	border-radius: 40px;
	margin-left: 25px;
	background: #1e70fb;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.supplier-detail .statue .btn a:first-child{
	background: #fff;
}
.supplier-detail .statue .btn a:first-child p{
	color: #333;
}
.supplier-detail .statue .btn a p{
	font-size: 14px;
	color: #fff;
	margin-left: 5px;
}
.supplier-detail .statue .btn a:hover{
	opacity: 0.8;
}
.suppier-cont{
	margin-bottom: 58px;
	padding: 45px 40px;
	background: #f3f6fb;
	display: flex;
}
.suppier-cont .list:first-child{
	margin-right: 6%;
	width: calc(230px + 12%);
}
.suppier-cont .list:lasst-child{
    width: calc(81% - 230px);
}
.suppier-cont .list p{
	margin-bottom: 25px;
}
.suppier-cont .list p:last-child{
	margin-bottom: 0;
}
.supplier-file .table-title{
	background: #d7e2f8;
}
.supplier-file .jieduan-cont .table-title span, .supplier-file .jieduan-cont .table-cont .list > span{
	width: calc(100% / 10);
}
.supplier-file .jieduan-cont .table-cont .list > span{
	font-size: 15px;
	padding: 13px 5px;
	line-height: 22px;
}
.supplier-file .jieduan-cont .table-cont .list > span:nth-child(5), .supplier-file .jieduan-cont .table-title span:nth-child(5){
	width: calc(100% / 4);
}
.supplier-file .jieduan-cont .table-cont .list > span:nth-child(6), .supplier-file .jieduan-cont .table-cont .list > span:nth-child(7), .supplier-file .jieduan-cont .table-title span:nth-child(6), .supplier-file .jieduan-cont .table-title span:nth-child(7){
	width: calc(100% / 7);
}
.supplier-file .jieduan-cont .table-cont .list{
	align-items: flex-start;
	background: #fff;
}
.supplier-file .jieduan-cont .table-cont .list:nth-child(even){
	background: #f3f6fb;
}
.supplier-file .jieduan-cont .table-cont .list > span:last-child{
	display: flex;
	justify-content: center;
}
.supplier-file .jieduan-cont .table-cont .list > span:last-child a{
	margin: 0 5px;
	transition: all 0.5s;
}
.supplier-file .jieduan-cont .table-cont .list > span:last-child a:hover{
	opacity: 0.8;
}
.supplier-file > em{
	margin-bottom: 49px;
}
.file{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 39px;
}
.file .img{
	width: 134px;
	height: 134px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.file .img img{
	max-width: 70px;
	max-height: 70px;
}
.file li{
    position: relative;
	margin: 0 20px 20px 0;
	max-width: 134px;
}
.file li a{
    position: relative;
    z-index: 0;
    display: block;
}
.file li a p{
	margin-top: 15px;
	word-break: break-all;
}
.file li .view{
    position: absolute;
    right: 0;
    top: 104px;
    width: 30px;
    height: 30px;
    display: none;
    align-items: center;
    justify-content: center;
    background: #1e70fb;
    border-radius: 3px;
    z-index: 1;
}
.file li .view svg{
    width: auto;
    height: 20px;
}
.file li .view svg path{
    fill: #fff;
}
.supplier-detail .detail{
	margin-bottom: 0;
}

/* 报价 */
.offer{
	padding: 30px 90px 60px;
	background: #f7f8fa;
	min-height: calc(100vh - 90px);
}
.offer .box{
	background: #fff;
	padding-bottom: 38px;
}
.offer-title{
	padding: 20px 50px;
	border-bottom: 1px solid #f7f8fa;
	display: flex;
	justify-content: space-between;
}
.offer-title .span{
	display: flex;
	align-items: baseline;
	font-size: 22px;
}
.offer-title .span span{
	font-size: 14px;
	color: #999;
	margin-left: 14px;
}
.offer-title .btn{
	display: flex;
	align-items: center;
}
.offer-title .btn a{
	width: 114px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: #1e70fb;
	color: #fff;
	margin-left: 11px;
	cursor: pointer;
	transition: all 0.3s;
}
.offer-title .btn a:hover{
	opacity: 0.8;
}
.offer-title .btn a:last-child{
	width: 95px;
	border: 1px solid #1e70fb;
	color: #1e70fb;
	background: #dde6f6;
}
.offer-list{
	padding: 50px 50px 0;
}
.offer-list .list-title{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.offer-list .list-title div{
	width: calc(100% / 8);
	text-align: center;
}
.offer-list .list-title div a{
	width: 51px;
	line-height: 26px;
	border-radius: 5px;
	border: 1px solid #1e70fb;
	color: #1e70fb;
	text-align: center;
	margin-left: 7px;
	display: inline-block;
}
.offer-list .list-title div:last-child a{
	margin-left: 0;
	width: 85px;
}
.list-cont .lists:nth-child(odd){
	background: #f3f6fb;
}
.list-cont .lists{
	padding: 18px 0 44px;
}
.list-cont .lists ul{
	display: flex;
}
.list-cont .lists ul li{
	width: calc(100% / 8);
	text-align: center;
	line-height: 23px;
}
.list-cont .lists ul li *:first-child{
	color: #333;
}
.list-cont .lists ul li *:last-child{
	margin-bottom: 0;
}
/* .list-cont .lists ul li:nth-child(3), .offer-list .list-title div:nth-child(3){
	width: calc(100% / 6);
	padding-left: 5%;
	text-align: left;
}
.list-cont .lists ul li:nth-child(3){
	padding-left: 4%;
} */
.list-cont .lists label{
	display: block;
	margin-bottom: 9px;
	cursor: pointer;
	color: #ccc;
}
.list-cont .lists li div, .list-cont .lists li span:first-child, .list-cont .lists .inp input:first-child{
	margin-bottom: 15px;
}
.list-cont .lists li label:last-child{
	margin-bottom: 0;
}
.list-cont .lists label input{
	margin-right: 10px;
}
.list-cont .lists .inp input{
	width: 94px;
	line-height: 23px;
	background: #fff;
	padding: 0 5px;
	display: block;
	margin: 0 auto 9px;
	color: #ccc;
	border: 1px solid #ededed;
	border-radius: 23px;
}
.list-cont .lists img{
	cursor: pointer;
}
.list-cont .lists li span{
	display: block;
	margin-bottom: 9px;
	color: #ccc;
}
.list-cont .lists .act{
	color: #333!important;
}
.list-cont{
	margin-bottom: 80px;
}
.shui{
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	margin-bottom: 25px;
}
.shui .zong{
	display: flex;
	align-items: baseline;
	font-size: 22px;
	line-height: 22px;
	color: #ec1515;
	margin-left: 38px;
}
.shui .zong p{
	font-size: 16px;
	color: #000;
}
.shui label{
	font-size: 16px;
	color: #000;
	cursor: pointer;
}
.shui label input{
	margin-right: 12px;
}
.shui-beizhu{
	text-align: right;
	font-size: 14px;
	color: #999;
	margin-bottom: 25px;
}
.picture{
	border: 1px solid #e6e6e6;
	margin-top: 20px;
}
.picture form{
	background: #f3f6fb;
	padding: 15px 30px;
}
.picture .layui-form-item{
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.picture .layui-form-pane .layui-input-block{
	margin: 0 15px 0 20px;
	min-height: auto;
}
.picture .layui-form-switch{
	margin: 0;
	background: #ddd;
}
.picture .layui-form-onswitch{
	background: #1e70fb;
	border-color: #1e70fb;
}
.picture .layui-form-switch i{
	left: 2px;
	top: 2px;
	background: #fff;
}
.picture .layui-form-switch em{
	opacity: 0;
}
.picture .layui-form-onswitch i{
	left: 22px;
}
.upload{
	display: none;
	padding: 25px 30px 30px;
}
.upload.act{
	display: flex;
}
.upload .cont{
	width: calc(100% - 210px);
	height: 168px;
}
.upload .cont input, .upload .cont textarea{
	width: 100%;
	line-height: 28px;
	border-radius: 4px;
	border: 1px solid #b8bccc;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 23px;
}
.upload .cont textarea{
	height: 112px;
	padding-top: 2px;
}
.upload .cont input::-webkit-input-placeholder, .upload .cont textarea::-webkit-input-placeholder{
	color: #bcbcbc;
}
.picture .layui-upload-drag{
	margin-right: 51px;
	padding: 0;
	border: 0;
	height: 168px;
}
.picture #uploadDemoView{
	width: 159px;
	height: 168px;
	border: 1px dashed #ddd;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.picture #uploadDemoView img{
	max-width: 159px;
	max-height: 168px;
}
.addDaili{
	width: 100px;
	line-height: 30px;
	border-radius: 10px;
	text-align: center;
	color: #fff!important;
	text-align: center;
	background: #1e70fb!important;
	font-size: 14px;
	display: block;
	transition: all 0.3s;
}
.addDaili:hover{
	opacity: 0.8;
}
.daili .upload{
	flex-direction: column;
	padding-top: 15px;
}
.daili .cont{
	width: 100%;
}
.daili .cont ul{
	display: flex;
	padding: 10px 0;
	border-bottom: 1px dashed #ddd;
}
.daili .cont{
	height: auto;
	margin-bottom: 20px;
}
.daili .cont ul li{
	margin-right: 30px;
	font-size: 14px;
}
.offer-add-items form input{
	width: 340px;
}
.offer-add-items .type{
	width: 340px;
	display: flex;
	align-items: center;
}
.offer-add-items .type input{
	width: auto;
	margin-right: 7px;
}
.offer-add-items .type label{
	margin-bottom: 0;
	margin-right: 15px;
	cursor: pointer;
}
.offer-add-items .type label:last-child{
	margin-right: 0;
}
.offer-add-items form{
	padding-top: 30px;
	padding-bottom: 42px;
}
.offer-add-items .btn{
	margin-top: 25px;
}

/* 方案 */
.plan{
	min-height: calc(100vh - 81px);
	height: calc(100vh - 81px);
	padding: 36px 60px 60px;
	background: #f7f8fa;
	display: flex;
	overflow: hidden;
}
.plan-left{
	padding: 32px 60px 60px;
	width: 80%;
	background: #fff;
	margin-right: 35px;
}
.plan-left .choose{
	margin-bottom: 14px;
}
.plan-left .choose:nth-child(2){
	margin: 0 0 35px;
	width: 100%!important;;
}
.plan-left .choose:nth-child(2) input{
	height: 40px;
	width: calc(100% - 130px);
	padding: 0 21px!important;
	border-radius: 6px!important;
    border: 1px solid #f0f0f0;
    padding: 0 21px;
    overflow: hidden;
}
.plan-left .choose:nth-child(2) button{
    background: #1e70fb;
    line-height: 40px;
    border-radius: 6px;
    width: 50px;
}
.plan-left .choose:nth-child(2) .list{
	width: 100%!important;
	margin-right: 0;
	padding: 0;
	border: 0;
}
.plan-left .choose:nth-child(2) .list form{
    display: flex;
	align-items: center;
	justify-content: space-between;
}
.plan-left .list{
	width: calc(25% - calc(3 / 4 * 28px))!important;
}
.plan-left .list:nth-child(4n){
	margin-right: 0;
}
.plan-left .list input[type="number"]{
	height: 40px;
	padding: 0 0 0 5%;
	width: 100%;
}
.plan-left .list input[type="text"]{
	padding: 0 5%;
}
.plan-left .list:last-child{
    display: inline-table;
    border-radius: 6px;
    overflow: hidden;
}
.plan-left .list:last-child input{
    border-radius: 0;
    height: 42px;
}
.plan-right{
	position: relative;
	width: calc(20% - 35px);
	background: #fff;
	padding: 20px 20px 50px;
}
.plan-right .list{
	line-height: 36px;
    border-radius: 36px;
    border: 1px solid #f0f0f0;
    padding: 0 18px;
    display: flex;
    justify-content: space-between;
	height: 36px;
	margin-bottom: 20px;
}
.plan-right .list input{
	width: calc(100% - 30px);
	font-size: 14px;
}
.plan-right .list input::-webkit-input-placeholder{
	color: #e0e0e0;
}
.flag{
	max-height: calc(100% - 65px);
	overflow-y: scroll;
}
.flag ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.flag ul li:last-child{
	margin-bottom: 0;
}
.flag .flag-li{
	display: flex;
	align-items: center;
	width: calc(100% - 20px);
}
.flag .flag-li .img{
	width: 40px;
	text-align: center;
}
.flag .flag-li p{
	font-size: 14px;
	margin: 0 20px;
}
.flag ul li:hover .flag-li p{
	color: #1e70fb;
}
.flag .flag-li img{
	max-width: 40px;
	max-height: 26px;
}
.flag ul li a{
	visibility: hidden;
	opacity: 0;
	display: flex;
	margin-right: 5px;
	transition: all 0.3s;
}
.flag ul li:hover a{
	visibility: visible;
	opacity: 1;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width: 0.3rem;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset006pxrgba(0,0,0,0.3);
	border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/* background: rgba(0,0,0,0.1); */
	background: #1e70fb;
	-webkit-box-shadow: inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #1e70fb;
}
.yjchoose{
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.yjchoose > span{
	display: flex;
}
.yjchoose > span i{
	color: #1e70fb;
}
.yjchoose .empty{
	display: flex;
}
.yjchoose .empty img{
	margin-right: 6px;
}
.plan-btn{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 44px;
    background: #1e70fb;
    left: 0;
    text-align: center;
    line-height: 44px;
}
.plan-btn a{
	display: block;
	color: #fff;
	transition: all 0.3s;
}
.plan-btn a:hover{
	opacity: 0.8;
}
.guojia{
	display: flex;
	justify-content: space-between;
	border-radius: 6px 6px 0 0;
	background: #d7e2f8;
	line-height: 54px;
	padding-right: 18px;
	overflow: hidden;
}
.guojia .btn{
	display: flex;
	align-items: center;
}
.guojia .btn a{
	width: 76px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	border-radius: 32px;
	color: #1e70fb;
	border: 1px solid #1e70fb;
	margin-left: 20px;
	transition: all 0.3s;
}
.guojia .btn a:hover{
	opacity: 0.8;;
}
.guojia .btn .all{
	background: #1e70fb;
	border-color: #1e70fb;
	color: #fff;
}
.guojia-list{
	display: flex;
}
.guojia-list span{
	padding: 0 30px;
	cursor: pointer;
}
.guojia-list span:hover{
	color: #1e70fb;
}
.guojia-list span.active{
	background: #1e70fb;
	color: #fff;
}
.guojia-content{
	display: none;
	padding: 0 40px;
	border: 1px solid #f0f0f0;
	height: 52vh;
	overflow-y: scroll;
}
.guojia-content.active{
	display: block;
}
.guojia-content .lists{
	display: flex;
	padding: 30px 0 20px;
	border-bottom: 1px solid #f0f0f0;
}
.guojia-content .lists:last-child{
	border-bottom: 0;
}
.guojia-content .lists > span{
	width: 50px;
}
.guojia-content .lists .lii{
	width: calc(100% - 50px);
}
.guojia-content .lists .lii ul{
	display: flex;
	flex-wrap: wrap;
}
.guojia-content .lists .lii ul li{
	display: flex;
	align-items: center;
	width: calc(100% / 6);
	margin-bottom: 15px;
	cursor: pointer;
}
.guojia-content .lists .lii ul li label{
	cursor: pointer;
	moz-user-select: -moz-none; 
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}
/*.guojia-content .lists .lii ul li input{*/
/*    width: 13px;*/
/*    height: 13px;*/
/*    outline:  none;*/
/*    border: 1px solid #d9d9d9;*/
/*}*/
/*.guojia-content .lists .lii ul li input:focus{*/
/*    border: 1px solid #f5222d; */
/*}*/
/*.guojia-content .lists .lii ul li label:after{*/
/*    border-radius: 15px;*/
/*    height: 26px;*/
/*    width: 26px;*/
/*    border: 2px solid #D1D1D1;*/
/*    display: inline-block;*/
/*    margin: 0 0 0 30px;*/
/*    top: 3px;*/
/*    position: relative;*/
/*    content: '';*/
/*}*/
/*.guojia-content .lists .lii ul li input[type='checkbox']:checked + .guojia-content .lists .lii ul li label:after{*/
/*    background: #FF7A31;*/
/*    border: 2px solid #FF7A31;*/
/*}*/
.guojia-content .lists .lii ul li p{
	color: #666;
	margin-left: 8px;
}

/* 方案列表 */
.myplan .title{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ededed;
	font-size: 18px;
	line-height: 18px;
}
.myplan .jieduan-cont .table-title{
	background: #d7e2f8;
}
.myplan .table-cont{
	padding: 0 20px;
}
.myplan .table-page{
	padding: 25px 20px;
}
.myplan .jieduan-cont .table-cont .list{
	background: transparent!important;
	align-items: flex-start;
	cursor: pointer;
	border-bottom: 1px solid #ededed;
}
.myplan .jieduan-cont .table-title span, .myplan .jieduan-cont .table-cont .list > span{
	width: 18%;
	padding: 17px 0;
}
.myplan .jieduan-cont .table-cont .list > span{
	padding: 25px 5px;
	font-size: 15px;
}
.myplan .jieduan-cont .table-title span:nth-child(1), .myplan .jieduan-cont .table-cont .list > span:nth-child(1){
	width: 46%;
}
.myplan .jieduan-cont .table-title span:nth-child(1){
	text-align: left;
	padding-left: 8%;
}
.myplan .jieduan-cont .table-cont .list > span:nth-child(1){
	text-align: left;
}
.myplan .resources{
	padding: 0;
}
.myplan .resources .table-title{
	background: #f5f5f5!important;
}
.myplan .resources .table-title span{
	padding: 16px 0;
}
.myplan-cont .table-title span, .myplan-cont .table-cont .list span{
	width: calc(100% / 9)!important;
	text-align: center!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
.myplan-cont .table-cont{
	padding: 0;
}
.myplan-cont .table-cont .list span{
	padding: 22px 5px!important;
}
.myplan-cont .resources .box{
	border-top: 0;
	border-bottom: 0;
}
.myplan .choose{
	margin-bottom: 30px;
	align-items: center;
}
.myplan .choose .list{
	width: calc(20% - calc(3 / 4 * 28px));
}
.myplan .choose .list input{
	width: 100%;
	height: 40px;
	padding: 0 5%;
	border: 0;
}
.myplan .choose .listt{
	margin-right: 0;
	border: 0;
	width: auto;
	display: flex;
	align-items: center;
}
.myplan .choose .listt input{
	width: 106px;
	line-height: 33px;
	background: #1e70fb;
	border-radius: 4px;
	color: #fff;
	margin-right: 10px;
	cursor: pointer;
	transition: all 0.3s;
}
.myplan .choose .listt input:hover{
	opacity: 0.8;
}
.myplan .choose .listt input[type="reset"]{
	background: transparent;
	border: 1px solid #f0f0f0;
	color: #333;
}

/* 生成方案 */
.scplan{
	padding: 22px 0 60px;
	background: #f7f8fa;
	min-height: calc(100vh - 82px);
}
.scplan .box{
	width: 1200px;
	margin: 0 auto;
}
.plan-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.plan-title .span{
	position: relative;
}
.plan-title .span a{
	width: 104px;
	line-height: 30px;
	border-radius: 30px;
	background: #fff;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.plan-title .plan-list{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
.plan-title .btn{
	display: flex;
}
.plan-title .btn a{
	display: block;
	width: 74px;
	line-height: 30px;
	font-size: 14px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	margin-left: 12px;
	transition: all 0.3s;
}
.plan-title .btn a:hover{
	opacity: 0.8;
}
.plan-title .btn a:last-child{
	background: #1e70fb;
	color: #fff;
}
.plan-title .btn .export{
	border: 1px solid #1e70fb;
	color: #1e70fb;
	background: transparent;
}
.plan-cont{
	padding: 65px;
	background: #fff;
}
.plan-cont .titt{
	font-size: 22px;
	color: #000;
	margin-bottom: 60px;
	text-align: center;
}
.plan-cont .jianjie{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 35px;
}
.plan-cont .contt{
	margin-bottom: 35px;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.plan-cont .contt .xiao{
	padding-left: 23px;
}
.plan-cont .b{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 20px;
}
.plan-cont .contt-t{
	width: 717px;
	border: 1px solid #ededed;
}
.plan-cont .contt ul{
	display: flex;
	font-size: 14px;
	color: #666;
	background: #f3f6fb;
}
.plan-cont .contt li{
	width: 25%;
	padding: 15px 0;
	text-align: center;
	border-right: 1px solid #ededed;
}
.plan-cont .contt ul li:last-child{
	border-right: 0;
}
.country-list ul{
	background: #fff!important;
	border-bottom: 1px solid #ededed;
}
.country-list ul:last-child{
	border-bottom: 0;
}
.plan-cont .contt-xz{
	width: 1000px;
	border: 1px solid #ededed;
}
.plan-cont .contt-xz .country li:first-child{
	width: 180px;
}
.plan-cont .contt-xz .country li:nth-child(2){
	width: 355px;
}
.plan-cont .contt-xz .country li:nth-child(3){
	width: 317px;
}
.contt-xz .country-list ul{
	display: table;
}
.contt-xz .country-list ul li{
	display: table-cell;
	vertical-align: middle;
}
.contt-xz .country-list ul li div p{
	white-space: pre-wrap;
}
.contt-xz .country-list ul li:nth-child(3){
	text-align: left;
	padding: 15px 20px;
	width: 317px;
	line-height: 21px;
}
.contt-xz .country-list ul li:nth-child(2){
	width: 355px;
}
.contt-xz .country-list ul li:nth-child(1){
	width: 180px;
}
.plan-cont .contt-xz .country li:last-child{
	width: calc(100% - 852px);
	text-align: center;
}
.contt-xz .country-list ul li:last-child{
	width: 146px;
}
.contt-xz .country-list ul li i{
	display: table;
	width: 100%;
}
.contt-xz .country-list ul li em{
	display: table-cell;
	width: 50%;
	border: 1px solid #ededed;
	padding: 12px 0;
	border-left: 0;
	border-bottom: 0;
}
.contt-xz .country-list ul li:nth-child(2) i em:nth-child(2){
	border-right: 0;
}

.typeBatch .btn{
    width: 100px;
    margin: 30px auto 0;
}

/* 登录 */
.login{
	width: 100vw;
	height: 100vh;
	background: #f7f8fa;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login form{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: 56%;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.09);
}
.login form .box{
	width: 66%;
}
.login .text{
	font-size: 32px;
	text-align: center;
	margin-bottom: 10%;
}
.login .label{
	margin-bottom: 27px;
}
.login .label input, .login .submit input{
	width: 100%;
	padding: 0 20px;
	font-size: 14px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	line-height: 49px;
}
.login .submit input{
	background: #1e70fb;
	border-color: #1e70fb;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.login label{
	display: flex;
	align-items: center;
	margin-top: 6%;
	cursor: pointer;
}
.login label input{
	width: 14px;
	height: 14px;
	border-radius: 2px;
}
.login label span{
	font-size: 14px;
	color: #666;
	margin-left: 13px;
}