:root {
	--primary-color: #f44500;
	--primary-color-deepening: #b53300;
	--primary-text-color: #000000;
	--primary-background: #f5f5f5;
	--navbar-font-size: 16px;
	--mainbody-background: #ffffff;
	--mainbody-bigfont-size: 22px;
	--mainbody-minfont-size: 15px;
	--mainbody-font-weight: 350;
	--form-bigfont-size: 36px;
	--form-minfont-size: 15px;
	--form-bigfont-weight: 300;
	--form-minfont-weight: 550;
	--footer-background: #ffffff;
	--footer-font-size: 10px;
}
.trbreak {
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
}

@media (min-width: 1170px) {
	.container {
		width: 1250px;
	}

	li.dropdown navbar-r {
		margin-left: 35px;
	}

	main.container-main {
		width: 1200px;
	}
	main.container-productmain {
		width: 1400px;
	}
}


@media (max-width: 800px) {

	div.collapse {
		width: 75%;
		float: right;
	}
}

@media (max-width: 400px) {
	div.collapse {
		width: 100%;
	}
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	height: 100%;
	background-color: #f8f8f8;
}

body {
	height: 100%;
	background-color: #f8f8f8;
}

	body > div {
		/*保证footer是相对于container位置绝对定位*/
		position: relative;
		width: 100%;
		min-height: 100%;
		/*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/
		padding-bottom: 50px;
		box-sizing: border-box;
	}

span {
	font-weight: 100;
}
span :hover {
		
	color: var(--primary-color-deepening);
}
a:focus,
a:hover {
	color: var( --primary-color-deepening);
	text-decoration: none;
	cursor:pointer;
}
main.container-main {
	background-color: #ffffff;
	border-radius: 25px;
	padding: 20px 25px;
}

.alert-topright {
	position: fixed;
	width: 280px;
	top: 5px;
	right: 5px;
	z-index:100;

}

.seloption {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 210px;
}

.inputbtn {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: var(--primary-color);
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 18px;
}

.inputbtn:hover {
	background-color: var(--primary-color-deepening);
	color: white;
}


a.btn {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: #eb9d00;
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 18px;
}

a.btn:hover {
	background-color: #cb8700;
	color: #ffffff;
}


.container-main {
	min-height: 100%;
	position: relative;
	padding-bottom: 50px;
}

.icon-questionmark:hover {
	color: var(--primary-color-deepening);
}



.bigcoloerfont {
	font-size: 36px;
	font-weight: 300;
	color: var(--primary-color);
}

.alert {
	font-size: 16px;
}


.trcontent th{
	font-weight:100;
}


.navbar {
	margin: 0 10px 10px 10px;
	padding-top: 10px
}

	.navbar img {
		width: 175px;
	}

.nav a {
	font-size: 17px;
	margin: 0 5px;
	border-radius: 10px;
	color: #000000;
}

.nav > li > a {
	font-size: 17px;
	margin: 0 5px;
	border-radius: 10px;
	color: #000000;
	text-align: center;
}

	.nav > li > a:focus,
	.nav > li > a:hover {
		text-decoration: none;
		background-color: var(--primary-color);
		color: white;
	}

.navbar-header button {
	background-color: var(--primary-color);
	color: white;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: var(--primary-color);
	color: white;
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: var(--primary-color);
}






.mylist-group h3 {
	color: var(--primary-color);
	font-size: 32px;
}

.mylist-group h4 {
	color: #000000;
	font-size: 26px;
	font-weight: var(--mainbody-font-weight);
}

.mylist-group span {
	font-size: 30px;
}

.list-group-item {
	padding: 7px 15px;
}

.list-group-item > p {
	font-size: 18px;
}


.icon-questionmark {
	color: var(--primary-color);
}

.list-group .mylist-group-item h3 {
	color: var(--primary-color);
	font-size: 32px;
}

.list-group .mylist-group-item p {
	color: #626262;
	font-size: 16px;
	margin: 20px 0;
}

.mylist-group-item:first-child {
	border-bottom: none;
}

.mylist-group-item:last-child {
	border-top: none;
}
.form-input {
	
	height: 34px;
	font-size: var(--form-minfont-size);
	border: 1px solid #afacbf;
	border-radius: 4px;
}

.form-input:focus {
	border-color: var(--primary-color);
	outline: 0;
	box-shadow: inset 0 0 1px var(--primary-color), 0 0px 3px var(--primary-color);
}


footer.footer {
	position: absolute;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #9d9d9d;
}

.footer img {
	height: 50px;
}

footer.footer .row {
	background-color: #9d9d9d;
}

footer.footer .row p {
		margin-bottom: 0;
}




/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////*/



/** {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	line-height:unset;

}

.mybody p {
	margin: 0;

}
.mybody a:hover {
	text-decoration:none;

}
a {
	cursor: pointer;
	text-decoration: none;
	color: #55007f;
}


html,
body {
	height: 100%;
	position: relative;
}

[disabled="disabled"] {
	background-color: #cecece;
	color: #000000;
	border: #1f1f1f solid 0.5px;

}

[disabled="disabled"]:hover {
	cursor: not-allowed;
}


span:hover{
	color: var(--primary-color-deepening);
}

.icon-questionmark {
	color: var(--primary-color);
}

.icon-questionmark:hover {
	color: var(--primary-color-deepening);

}


.container-border {
	border: #cbcbcb solid 0.5px;
	border-radius: 10px;
	padding: 15px;
	margin: 15px 0;
}

.bigcoloerfont {
	font-size: 36px;
	font-weight: 300;
	color: var(--primary-color);
}

.btn {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: var(--primary-color);
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 16px;
	text-align:center;
	align-self:center;
}

input.btn {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: var(--primary-color);
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 18px;
	text-align: center;
	align-self: center;
}

input.btn:hover {
	background-color: var(--primary-color-deepening);
	color:white;
}

a.btn {
	display: inline-block;
	padding: 10px 16px 10px 16px;
	margin: 0 5px 0px 5px;
	background-color: #eb9d00;
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 18px;
	text-align: center;
	align-self: center;
}

a.btn:hover {
	background-color: #cb8700;
	color:white;
}


a.btn-primary {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background-color: var(--primary-color);
	border: none;
	border-radius: 10px;
	color: white;
	font-size: 18px;
	text-align: center;
	align-self: center;
}

a.btn-primary:hover {
	background-color: var(--primary-color-deepening);
	color:white;
}



.mybody div.mycontainer {
	background: var(--primary-background);
	min-height: 100%;
	position: relative;
	padding-bottom: 50px;
	
}



.tipscontainer {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tips {
	position: absolute;
	left: 50%;
	bottom: 110%;
	width: 120%;
	transform: translate(-50%, 0);
	padding: 10px;
	background-color: #ffaa00;
	border-radius: 5px;
	word-break: break-all;
	word-wrap: break-word;
	text-align: start;
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none;
	word-wrap: break-word;
	word-break: normal;
	z-index: 100;
}

.tipscontainer:hover .tips {
	opacity: 1;
}
 ///////////////////////////////////////////////////////////////////////////////*/ 
/*.navbar {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	font-size: var(--navbar-font-size);
	background-color: var(--primary-background);
	padding: 10px 0;
	min-height: 0;
	margin: 0;
	border: none;
	border-radius:0;
}
.navbar span{
	color: var(--primary-text-color);
}
.navbar>a img {
	width: 175px;
}

.navbar>ul {
	margin:0;
	list-style: none;
}

.navbar>ul>li:last-child {
	margin-left: 30px;
}

.navbar>ul li {
	display: inline-block;
	position: relative;
	background-color: inherit;

}

.navbar>ul li a {
	color: var(--primary-text-color);
	text-decoration: none;
}

.navbar>ul li:hover {
	cursor: pointer;
	background: var(--primary-color);
}

.navbar>ul li:hover a,
.navbar>ul li:hover span {
	color: #FFFFFF;
}
*/

 /*/////////////////////////////////////////////////////////////////////////////// 
 下拉框*/ 
/*.navbar ul li ul {
	display: none;
}

.navbar ul li:hover ul {
	display: block;
	background: #FFFFFF;
	position: absolute;
	right: 0px;
	width: auto;
	margin-top: 10px;
	border: #cfcfcf solid 0.1px;
	white-space: nowrap;
	z-index: 1;
}

.navbar ul li:hover ul li {
	display: block;
	margin: 5px 0;
	padding: 5px 10px;
	text-align:left;

}
.navbar ul li:hover ul hr{
	margin: 0;
    border: none;
    border-top: 0.5px solid #eeeeee;
}
.navbar ul li:hover ul li a {
	color: var(--primary-text-color);
}

.navbar ul li:hover ul li:hover {
	background: var(--primary-color);
}

.navbar ul li:hover ul li:hover a {
	color: #FFFFFF;
}*/


 /*主体 
 ////////////////////////////////////////////////////////////////////// 
 main 
.main {
	display: flex;
	margin: auto auto 25px auto;
	justify-content: space-between;
	 align-items: center; 
	width: 68%;
	padding: 16px 40px;
	background: var(--mainbody-background);
	border-radius: 20px;
	
}

.main section {
	margin-right: 100px;
	width: 50%;
	height: auto;
}

.article>p {
	color: var(--primary-color);
	font-size: 28px;
	margin-bottom: 5px;
}

.article>p:first-child {
	margin-top: 10px;
}

.listbox {
	border: #cfcfcf solid 0.5px;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0px;
	
}

div.listbox :hover {
	background-color: #dedede;
}

.main .article .listbox a {
	display: block;
	align-items: center;
	border-bottom: #cfcfcf solid 0.5px;
}
.main .article .listbox a:hover{
	text-decoration:none;
}

.main .article .listbox a:last-child {
	border-bottom: none;
}

.listbox .iconfont {
	float: left;
	padding: 5px 5px 5px 10px;
	text-align: center;
	font-size: 35px;
	line-height: 50px;
	color: #000000;
}

.listbox a div p:nth-child(1) {
	margin: 0 0 0 5px;
	padding: 5px 10px;
	font-size: var(--mainbody-bigfont-size);
	font-weight: var(--mainbody-font-weight);
	line-height: 50px;
	color: #313131;
}

.listbox a div p:nth-child(2) {
	margin: 0 15px;
	padding: 0 0 5px 0;
	font-size: var(--mainbody-minfont-size);
	width: auto;
	height: auto;
	color: #6D6D6D;
	word-wrap: break-word;
}


 ////////////////////////////////////////////////////////////////////// 
.columcontainer {
	display: flex;
	flex-direction: column;
}

.columcontainer>div:first-child {
	margin: 10px;
}

.rowcontainer {
	display: flex;
	flex-wrap: wrap;

}

.rowcontainer>div {
	margin: 15px;
	width: 47%;
	height: 250px;

	background-color: #ffffff;
	overflow: hidden;
}

.rowcontainer>div:nth-child(3) {

	height: 125px;
}



.form-template .infocontainer {
	padding: 0;
}




.infocontainer>div:nth-child(1) p {
	padding: 10px;
	color: var(--primary-color);
	
}

.rwo-3div {
	display: flex;
	flex-direction: column;
	text-align: right;
	
	padding: 15px;
	border-top: #c7c7c7 solid 0.5px;
}

.rwo-3div>div {
	
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin: 5px 0;

}

.rwo-3div>div input {
	width: 60%;

}

.rwo-3div>div textarea {
	width: 60%;
	height: 80px;
	z-index: 100;

}

.rwo-3div>div p {
	font-size: 16px;
	font-weight: 550;
	margin-right: 10px;
}

.col-div {
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	border-top: #c7c7c7 solid 0.5px;

}

.col-div>div {
	width: 50px;
	display: flex;
	margin: 15px 25px;
	padding: 0 25px;
	align-items: center;
}

.col-div>div>p {
	margin-right: 20px;
	font-size: 16px;
	font-weight: 550;
	text-align: right;
}

 ////////////////////////////////////////////////////////////////////// 
 分行框 
.rawlinebox {
	overflow: hidden;
	margin: 0 15px 0 0;
}

.info-line {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	height: 44px;
	
	border-bottom: #d5d5d5 solid 0.5px;
}

.info-line:hover {
	background-color: #f1f1f1;
}

.info-line:last-child {
	border: none;
}
.main .rowcontainer .info-line p{
	padding: 1px 5px;
}

.info-line p:nth-child(1) {
	background: #00b400;
	border-radius: 5px;
	
	color: white;
}

.main .form-template .rawlinebox>div>p {
	font-size: 16px;
	font-weight: 400;
	color: #757575;
}

.main .form-template .rawlinebox>div>p:first-child {
	color: white;
}


 表单 
 ////////////////////////////////////////////////////////////////////// 

.form-template {
	width: 100%;
}

.form-template a.btn-primary-color:hover {
	background-color: #d8d8d8;
}

.form-template>div:nth-child(1) {
	border-bottom: #cbcbcb solid 0.5px;
}

.form-template>div:nth-child(2) {
	display: flex;
	justify-content: flex-end;
}

.form-template>div>p {
	font-size: var(--form-bigfont-size);
	font-weight: var(--form-bigfont-weight);
	color: var(--primary-color);
	padding-bottom: 15px;
}

.form-template form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.form-template section {
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.form-line {
	width: 100%;
	padding: 15px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

.form-line label {

	margin: 0 25px;
	font-size: var(--form-minfont-size);
	font-weight: var(--form-minfont-weight);

}

.form-input {
	width: 83%;
	height: 34px;
	font-size: var(--form-minfont-size);
	border: 1px solid #afacbf;
	border-radius: 4px;
}

.form-input:focus {
	border-color: var(--primary-color);
	outline: 0;
	box-shadow: inset 0 0 1px var(--primary-color),
		0 0px 3px var(--primary-color);
}



.form-line input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	width: 83%;
	border: none;

}

.form-line input[type="checkbox"]:focus {
	box-shadow: none;
	border: none;
	outline: none;
	outline-offset:0;
}

.form-line input[type='checkbox']::after {
	content: "";
	height: 25px;
	width: 25px;
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 0;
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
}

.form-line input[type='checkbox']:checked:after {
	content: '\2713';
	background-color: var(--primary-color);
	height: 25px;
	width: 25px;
	color: #000;
	position: relative;
	line-height: 25px;
	padding: 0 0 5px 5px;

}

.form-line textarea {
	width: 83%;
	height: 34px;
	resize: vertical;
	font-size: var(--form-minfont-size);
	height: 100px;
	border: 1px solid #afacbf;
	border-radius: 4px;
}

.form-line span {
	color: var(--primary-color);
}

.form-template .rowbtn {
	width: 83%;
	margin: 20px 0;
}


 ////////////////////////////////////////////////////////////////////// 

.form-template-feature section {
	display: flex;
	justify-content: center;
	align-items: flex-start;

}

.form-template-feature section>div {
	border-bottom: #c3c3c3 solid 0.5px;
}

.form-template-feature div {
	width: 100%;
}

.form-template .form-template-feature p.form-line {
	width: 80%;
}

.form-template-feature div:nth-child(1) label,
input,
select {
	white-space: nowrap;
}


  //////////////////////////////////////////////////////////////*/