/**********************************reset***********************************/
html,body{
	margin:0; padding:0;
	width:100%; height: 100%;
	font-size:12px;
	font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
	min-width: 1200px;
	overflow-x: auto;
}
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@media (min-width: 1201px){
	html,body{ margin:0; padding:0; width:100%; height: 100%; font-size:12px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif; overflow-x: hidden;}
}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul,li,p,hr{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color: #666;}
a:hover{ text-decoration:none; color: #00c0ef;}
a:focus{outline:none !important;}
textarea{resize:none;}
table th{white-space: nowrap;}
table th,td{text-align: center; color: #666; }
table input[type="text"]{text-align: center; width: 90%;}
select{
	height: 34px;
	border: 1px solid #ccc;
}

.form-group select{width:100%;}
.form-group input,.form-group select,.form-group textarea,.btn,.input-group-addon{
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0;
}

.chosen-container-multi .chosen-choices{ border-color:#eee; min-height: 28px; line-height: 28px; background-image: none;}
.chosen-container .chosen-drop{border-color: #eee; box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0;}
.chosen-container-active .chosen-choices{box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0;}

.nav-tabs li a{font-size: 14px;}
.panel-heading{padding:5px 10px !important;}
.panel-heading .panel-title-ellipsis{width: 50%; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.nav li a{padding: 5px 15px !important;}
.modal-header{padding: 5px 15px !important;}
.form-inline .form-group label{vertical-align:inherit; margin-top: 6px;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover
{
	background: #00c0ef; border-color:#00acd6;
}
.pagination>li>a, .pagination>li>span{padding: 3px 12px;}

.tooltip .tooltip-arrow{border-bottom-color:#fb3a3a !important;}
.tooltip .tooltip-inner{background-color:#fb3a3a;}

.form-control{height: 28px; border-radius: 0; padding: 0 5px; font-size: 12px; border-color:#eee; box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0; background-color: #fff;}
.form-control:focus{-webkit-box-shadow: inset 0 0 0;box-shadow: inset 0 0 0 ;}
.form-control[readonly]{background: #fff;}
.input-group-addon{padding: 0 5px; border-color:#eee;}
label{margin-bottom: 0; font-weight: normal;}
.btn{padding: 3px 6px;}
.dropdown-menu{padding: 0; min-width:0; top: 120%; border-color: #eee; font-size: 12px;}
.dropdown-menu:before{content: "";display: inline-block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #eee; border-top: 1px solid #eee; position: absolute; top: -5px; left: 50%; transform:translateX(-50%) rotate(45deg); -webkit-transform:translateX(-50%) rotate(45deg); -ms-transform:translateX(-50%) rotate(45deg); z-index: -100;}
.dropdown-menu li{padding: 0;}
.dropdown-menu li a{padding: 3px 12px;}
.dropdown-menu li a:hover{background: #fb3a3a; color: #fff;}
.dropdown-menu li a i{margin-right:5px !important;}
.dropdown-menu li.divider{margin: 0;}
.input-group .dropdown-toggle,.input-group .input-group-addon{min-width:0;}
.glyphicon-option-horizontal:hover{font-size: 16px;}
.switch-small{zoom:0.6;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{color:#fb3a3a;}
/**********************************font***********************************/
.f-orange{color: #fb8f6f;}
.f-blue{color: #05a9f3;}
.f-gray{color: #b5b5b5;}
.f-green{color: #55be95;}
.f-grass{color: #10c0c9;}
.f-red{color: #fb3a3a;}
.f-yellow{color: #ffa800;}
.f-white{color: #fff;}
.f-black{color: #000;}
.f-purple{color: #a685e2;}
.f-index-title{color: #515151;}

.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-22{font-size: 22px;}
.f-26{font-size: 26px;}
.f-30{font-size: 30px;}
.f-34{font-size: 34px;}
.f-44{font-size: 44px;}
.f-18-b{font-size: 18px; font-weight: 700;}

.bg-red{background: #fb3a3a;}
.bg-orange{background: #ff7000;}

.btn-blue{background: #54bedd; color: #fff;}
.btn-blue-login{background: #278de4; color: #fff;}
.btn-orange{background: #f1a63d; color: #fff;}
.btn-gray{background: #b5b5b5; color: #fff;}
.btn-red{background: #00c0ef; color: #fff;}
.btn-silver{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eaeef1',endColorStr='#f5f9fb',gradientType='0'); background: linear-gradient(#eaeef1, #f5f9fb) !important; border: 1px solid #ccc;}
.btn-yellow{background: #fbab04; color: #fff;}
.btn-grass{background: #10c0c9; color: #fff;}
.btn-pink{background: #ff6857; color: #fff;}
.btn-green{background: #17b70f; color: #fff;}

.btn{font-size: 12px; height: 28px; line-height: 22px; border-radius: 3px !important; min-width: 60px;}
a.btn-green:hover,a.btn-green:focus{background: #17b70f !important;}
a.btn-pink:hover,a.btn-pink:focus{background: #ff6857 !important;}
.btn:hover{color: #eee;}

.btn-default{border-color: #ccc; color:#666;}
.btn-default:hover{border:1px solid #fb3a3a; color: #fb3a3a; background: #fff;}

.panel-white .panel-heading{background: #fff; border-bottom: 1px solid #ccc;}


.blw0{border-left-width: 0;}
.btw1{border-top-width: 1px !important;}
/**********************************layout*********************************/
.clear{ clear:both;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.va-t{vertical-align: top;}
.va-m{vertical-align: middle;}
.va-b{vertical-align: bottom;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.no-border{border: 0 !important;}
.inline{display: inline-block;}
.hasBorder{border: 1px solid #d6d9e2;}

.pd0{padding: 0;}.mg0{margin: 0;}.pd10{padding: 10px;}.pd20{padding: 20px;}.pd50{padding: 50px;}
.ml-15{margin-left: -15px;}.ml10{margin-left: 10px !important;}.ml20{margin-left: 20px !important;}.ml50{margin-left: 50px; !important;}.ml100{margin-left: 100px;}.ml150{margin-left: 150px;}
.mr-15{margin-right: -15px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mt-20{margin-top: -20px;}.mt-7{margin-top: -7px;}.mt7{margin-top: 7px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt50{margin-top: 50px;}.mt200{margin-top: 200px;}
.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}
.pr0{padding-right: 0px;}.pr15{padding-right: 15px;}.pr30{padding-right: 30px;}
.pt7{padding-top: 7px;}.pt20{padding-top: 20px;}
.pb10{padding-bottom: 10px;}
.pl0{padding-left: 0px;}.pl10{padding-left: 10px;}.pl70{padding-left: 70px;}
.mlr-15{margin: 0 -15px;}.mlr20{margin-left:20px; margin-right: 20px;}
.plr10{padding: 0 10px;}.plr20{padding: 0 20px;}.plr100{padding: 0 100px;}

.bl0{border-left-width: 0 !important; }
.br0{border-right-width: 0 !important; }

.bg-white{background: #fff;}

/**********************************modal*********************************/
.modal-addProduct{height: 100%}
.modal-addProduct .modal-dialog{height: 90%}
.modal-addProduct .modal-content{padding: 20px; height: 100%; overflow-y:auto; overflow-x:hidden;}
.modal-addProduct .modal-text-title{font-size: 16px; color: #666; padding-bottom: 5px; border-bottom: 1px solid #eee; margin-top: 10px;}
.modal-addProduct .modal-text-title:before{content: ""; width: 2px; height: 20px; background: #fb3a3a; display: inline-block; margin-right: 5px; vertical-align: middle;}
.modal-addProduct .modal-header{border-bottom: none;}
.modal-addProduct .modal-footer{border-top: none;}
.modal-addProduct label{width: 110px; text-align: right; margin-right: 10px;}
.modal-addProduct .tags li{padding: 0 20px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #e4e7ea; display: inline-block; margin: 0 10px 5px 0; cursor: pointer;}
.modal-addProduct .tags li.selected{background: #fb3a3a; color: #fff; border:1px solid #fb3a3a;}
.modal-addProduct table{width: 100%;}
.modal-addProduct table th{background: #f2f2f2; height: 30px; line-height: 30px;}
.modal-addProduct table td{height: 30px; vertical-align: middle;}

.section-container{border: 1px dashed #ccc; padding: 10px;}

.modal-search .inline{vertical-align: middle;}
.modal-search label{width: 70px; text-align: right; margin-right: 10px;}
.modal-search .checkbox label{text-align: left;}

.modal-order table{width: 100%; margin-bottom: 0;}
.modal-order table th{background: #f2f2f2; height: 30px; vertical-align: middle !important;}
.modal-order table td{height: 30px; vertical-align: middle !important;}

.modal-search .boxs input[type="checkbox"]{vertical-align: middle; margin-top: 0;}
.modal-search .boxs label{vertical-align: middle;}
/**********************************main*********************************/
body{background: #fff; overflow-x:hidden;}
.container{padding:0; }


/**********************************login*********************************/
.login{width: 100%; height: 100%; padding: 60px 0 120px;}
.login-body{width: 100%; background: #ff6857; height: 100%;}

.login-header{width: 100%; background: #fff; margin-bottom: 0; border: none;}
.login-header .navbar-header img{margin: 5px 0 0 20px;}
.login-header .nav-login{margin: 26px 20px 0 0;}

.navbar-header{height: 60px;}

.navbar-nav li a{line-height: 20px; color: #000; text-decoration: none; text-align: center; min-width: 78px;}
.navbar-nav li a:hover{color: #fff !important; background: #ff6857 !important;}
.navbar-nav li.active>a{color: #fff !important; background: #ff6857 !important;}
.navbar-nav .btns{padding-left: 10px; border-left: 1px solid #0c9ce2;}
.navbar-nav a.btn{width: 70px; height: 32px; border-radius: 5px !important;margin-left: 10px; color: #fff !important;}

.nav-download {
	position: relative;
}

.nav-download > div {
	display: none;
	position: absolute;
	width: 310px;
	top: 40px;
	left: 39px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border: 1px solid #eee;
	background: #fff;
	padding: 10px;
	z-index: 9999;
}
.nav-download > div:before{content: "";display: inline-block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #eee; border-top: 1px solid #eee; position: absolute; top: -5px; left: 50%; transform:translateX(-50%) rotate(45deg); -webkit-transform:translateX(-50%) rotate(45deg); -ms-transform:translateX(-50%) rotate(45deg); z-index: -100;}
.nav-download > div > div{margin: 0 20px;}
.nav-download > div img{width: 100px;}
.nav-download > div p{margin: 10px;}
@media (min-width: 769px) {
	.nav-download:hover > div {
		display: block;
	}
}

.login-body .login-form{position: relative; width: 100%; height: 100%;}
.login-body .carousel,.login-body .carousel-inner{height: 100%;}
.login-body .carousel img{position: absolute; left: 50%; top: 100px; transform:translateX(-100%); z-index: 999;}
.login-body form{width: 330px; padding: 30px; background: #fff; border: 1px solid #ccc; margin-left: 50px; position: absolute; top: 100px; left: 60%; z-index:999;}
.login-body form button{width: 100%;}
.login-body form .form-control-feedback{background: transparent; color: #8cb0cf;}
.login-body form .no-shadow{ box-shadow: inset 0 0 0 ; -webkit-box-shadow:inset 0 0 0;}
.login-body form .form-control{height: 34px; border-radius: 0; padding: 6px 15px;}
.login-body a{color: #1bb9e7;}
.login-body-text{width: 388px; height: 335px;}

.login-footer{background: #fff; height: 120px; position: absolute; bottom: 0; left: 0; width: 100%;}
.login-footer .code{position: absolute; right: 50px; top: 10px;}

@media (max-height: 700px) {
	.login{width: 100%; height: 660px; padding: 60PX 0 0 0;}
	.login-footer{background: #fff; height: 120px;  width: 100%; position: relative;}
}

/*.carousel-fade .carousel-inner .item {
	transition-property: opacity;
	-webkit-transition-property:opacity;
}

.carousel-fade .carousel-inner .item,.active.left,.active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active{
	opacity: 1;
}*/
.switch-login{position: absolute; top: 10px; right: 10px;}

.switch-login p{color:#ff392d; border: 1px solid #ff392d; background: #fdf3f2; padding: 5px 10px; display: inline-block; margin-right: 10px; vertical-align: top; position: relative;}
.switch-login p::after{
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #fdf3f2;
	border-top:1px solid #ff392d;
	border-right:1px solid #ff392d;
	position: absolute;
	right: -5px;
	top: 9px;
	transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.switch-login1 a{display: inline-block; width: 46px; height:46px; background: url("../images/img-login-pc.png")}
.switch-login2 a{display: inline-block; width: 46px; height:46px; background: url("../images/img-login-code.png")}

/***********************************reg*********************************/
.reg{background: #fafafa; min-height: 100%;}
.reg a{color: #1bb9e7;}
.reg-form{background: #fff; padding: 30px; margin-top: 50px;}
.reg-title{padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
footer{height: 80px; width: 100%; padding: 20px; z-index: 100; background: #dddddd;}
footer div{text-align: center; color: #fff;}
.reg~footer{background: #fff; margin-top: -80px;}


/**********************************hy*********************************/
.modal-hy .modal-dialog{min-width: 1000px;}
.modal-hy .modal-content{padding: 20px 50px;}
.modal-title{text-align: center;}
.hy-select>div{padding: 5px 10px;}
.hy-select>div>div{border: 1px solid #e1e4e8; height: 160px;}
.hy-select>div>div.selected{border-color: #fb3a3a;}
.hy-select .img-hy{background-position: center 30px !important; height: 120px;}
.hy-select>div:nth-child(1) .img-hy{background: url(../images/img-hy/img-hy1.png) no-repeat;}
.hy-select>div:nth-child(2) .img-hy{background: url(../images/img-hy/img-hy2.png) no-repeat;}
.hy-select>div:nth-child(3) .img-hy{background: url(../images/img-hy/img-hy3.png) no-repeat;}
.hy-select>div:nth-child(4) .img-hy{background: url(../images/img-hy/img-hy4.png) no-repeat;}
.hy-select>div:nth-child(5) .img-hy{background: url(../images/img-hy/img-hy5.png) no-repeat;}
.hy-select>div:nth-child(6) .img-hy{background: url(../images/img-hy/img-hy6.png) no-repeat;}
.hy-select>div:nth-child(7) .img-hy{background: url(../images/img-hy/img-hy7.png) no-repeat;}
.hy-select>div:nth-child(8) .img-hy{background: url(../images/img-hy/img-hy8.png) no-repeat;}
.hy-select>div:nth-child(9) .img-hy{background: url(../images/img-hy/img-hy9.png) no-repeat;}
.hy-select>div:nth-child(10) .img-hy{background: url(../images/img-hy/img-hy10.png) no-repeat;}
.hy-select>div:nth-child(11) .img-hy{background: url(../images/img-hy/img-hy11.png) no-repeat;}
.hy-select>div:nth-child(12) .img-hy{background: url(../images/img-hy/img-hy12.png) no-repeat;}
.hy-select p{text-align: center; font-size: 18px;}


/***********************************首页**********************************/
header{height: 55px; width: 100%; background: #fff; border-bottom: 5px solid #282d31; position: fixed; top: 0; left: 0; z-index: 1000;}
.logo{position: relative;}
.logo img{margin: 3px 0 0 30px;}
.identity-area{padding-left: 30px; margin: 5px 0 0 10px; border-left: 1px solid #ccc; display: inline-block; vertical-align: middle; height: 45px;}
.identity{display: inline-block; height: 40px; line-height: 40px; font-size: 14px; vertical-align: middle;}
.icon-identity{
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 16px;
	background: url(../images/icon-identity.png);
	margin-left: 10px;
}
.identity-select{width: 255px; padding-bottom:10px;  background: #fff; position: absolute; top: 50px; left: 185px; border: 1px solid #eee; z-index: 99999; display: none; }
.identity-select:before{content: "";display: inline-block; width: 10px; height: 10px; background: #fff; border-left: 1px solid #eee; border-top: 1px solid #eee; position: absolute; top: -5px; left: 50%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.identity-select .title{height: 30px; line-height: 30px; padding-left: 10px; border-bottom: 1px solid #eee;}
.identity-select ul{margin-left: 10px;}
.identity-select ul li{width: 70px; margin: 10px 10px 10px 0; float: left;}
.identity-select ul li.active .icon{background: #fa3939;}
.identity-select ul li.active .icon i{color: #fff;}
.identity-select ul li .icon{width: 40px; height: 40px; margin: 0 auto; background: #fff; border: 1px solid #fa3939; border-radius: 100%;}
.identity-select ul li .icon i{width: 100%; font-size: 20px; line-height: 30px; text-align: center; color: #5491de; display: inline-block;}
.identity-select ul li .text{width: 100%; margin-top: 10px; text-align: center;}
.identity-select ul li .icon.role1{background:#fff url(../images/role1.png) center center no-repeat; }
.identity-select ul li .icon.role2{background:#fff url(../images/role2.png) center center no-repeat; }
.identity-select ul li .icon.role3{background:#fff url(../images/role3.png) center center no-repeat; }
.identity-select ul li .icon.role4{background:#fff url(../images/role4.png) center center no-repeat; }
.identity-select ul li .icon.role5{background:#fff url(../images/role5.png) center center no-repeat; }
.identity-select ul li .icon.role6{background:#fff url(../images/role6.png) center center no-repeat; }
.identity-select ul li .icon.role7{background:#fff url(../images/role7.png) center center no-repeat; }
.identity-select ul li.active .icon.role1{background:#fa3939 url(../images/role1-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role2{background:#fa3939 url(../images/role2-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role3{background:#fa3939 url(../images/role3-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role4{background:#fa3939 url(../images/role4-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role5{background:#fa3939 url(../images/role5-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role6{background:#fa3939 url(../images/role6-active.png) center center no-repeat;}
.identity-select ul li.active .icon.role7{background:#fa3939 url(../images/role7-active.png) center center no-repeat;}

.user-info{padding: 10px 50px 0 0;}
.user-info .media{width: 200px;}
.user-info .media .media-body>p{width: 170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.icon-ring{vertical-align: top;}
.icon-ring .dropdown{width: 15px; height: 18px; margin-right: 20px; display: inline-block;vertical-align: middle; position: relative;}
.icon-ring .num{position: absolute; top: -5px;right: -13px;text-align: center;font-size: 9px;padding: 2px 3px;line-height: .9; background: #fb3a3a; color: #fff; border-radius: 3px;}
.icon-ring button{border: none; background: url(../images/icon-ring.png); width: 15px; height: 18px; }
.icon-ring .dropdown-menu{position: absolute; top: 30px; left: -193px;}
.icon-ring .dropdown-menu:before{display: none;}
.icon-ring .dropdown-menu ul{width: 210px; height: auto; max-height: 300px; overflow: auto; }
.icon-ring .dropdown-menu ul a{display: block; border-bottom: 1px solid #eee; padding: 10px;}
.icon-ring .dropdown-menu ul a .icon-message{padding: 5px;}
.icon-ring .dropdown-menu ul a .icon-message i{font-size: 24px; border-radius: 100%;}
.user{display: inline-block;vertical-align: middle; position: absolute; top: 20px;}
.user .btn-link{text-decoration: none;}
/*.user:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/icon-user.png);
}*/

.modal-dialog{margin-top: 150px;}
.modal-header{padding:10px 15px;}
.payModal .modal-header{background: #f5f5f5;}
.payModal .btn-close{position: absolute; display: inline-block;top: 5px; right: 12px; width: 24px; height: 24px; background: url(../images/btn-close-modal.png);}
.payModal .modal-body{padding:50px 70px;}
.payModal .info{padding:50px 0 20px;}
.payModal .info>div{margin-top: 10px;}
.payModal .info>div p{width: 100px; margin-right: 5px;}
.payModal .hLine{width: 100%; border-bottom: 1px dashed #ccc; margin-bottom: 20px; }
.payModal dl dt:before{
	content: "";
	display:inline-block;
	width: 3px;
	height: 20px;
	vertical-align: middle;
	background: #c9161d;
	margin-right: 10px;
}
.payModal dl dd{margin: 10px 0; color: #999999;}
.payModal-success .modal-body{padding:200px 300px;}
.payModal-fail .modal-body{padding:200px 260px;}
.payModal-success .title,.payModal-fail .title{font-size: 28px; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 30px;}
.payModal-success .title:before{
	content: "";
	width: 63px;
	height: 63px;
	display: inline-block;
	vertical-align: middle;
	background:url(../images/icon.png) -160px -296px;
	margin-right: 15px;
}
.payModal-fail .title:before{
	content: "";
	width: 63px;
	height: 63px;
	display: inline-block;
	vertical-align: middle;
	background:url(../images/icon.png) -232px -296px;
	margin-right: 15px;
}

.user .glyphicon-user{border: 1px solid #fb3a3a; color: #fb3a3a; border-radius: 100%; padding: 3px; vertical-align: middle;}

.main-content{padding-top:55px; height: 100%; position: relative;}

.main-content nav{ background: #222d32; width: 170px; position: fixed; top: 55px; left: 0; bottom: 0; z-index: 999;}
.main-content .btn-toggle{height: 50px; padding: 10px; cursor: pointer; font-size: 20px; background: #282b39; }

.main-content nav .panel-nav-sy>.panel-heading{background: #282b39; height: 40px; border-radius: 0;}
.main-content nav .panel-nav-sy>.panel-heading .panel-title{line-height: 30px;}
.main-content nav .panel-group .panel+.panel{margin-top: 0;}
.main-content nav .panel-collapse{background: #2e323d;}
.main-content nav .panel-group .panel-heading+.panel-collapse>.panel-body{border: none;}
.main-content nav .panel{border: none;}
.main-content nav .panel-body{padding: 0;}
.main-content nav a{color: #b8c7ce; text-decoration: none;}
.main-content nav a i{display: inline-block; width: 20px; text-align: center;}
.main-content nav a b{font-weight: normal; font-size: 14px; display: inline-block; width: 100px; margin-left:10px;}
.main-content nav a span{display: inline-block;height:7px;width:12px;background-position:0 -145px; vertical-align: middle;}
.main-content nav a.collapsed span{display: inline-block;height:7px;width:12px;background-position:0 -138px; vertical-align: middle;}
.main-content nav li{height: 40px; line-height: 40px; text-align: center;}
.main-content nav li.active a{/*background: #fb3a3a;*/color: #fff;}
.main-content nav li a{font-size: 12px;  color: #bec4ca; display: block; text-align: left; padding-left: 30px;}
.main-content nav li a i{visibility: visible;}
.main-content nav li:not(.active):hover a i{visibility: visible;}
.main-content nav li:not(.active):hover a{color: #fff;}


.img-nav{background:url(../images/img-nav.png) no-repeat; display: inline-block; vertical-align: text-top;}
.nav1{height:20px;width:25px; margin-right:10px; background-position:0 0;}
.nav2{height:20px;width:25px; margin-right:10px; background-position:0 -20px;}
.nav3{height:20px;width:25px; margin-right:10px; background-position:0 -40px;}
.nav4{height:19px;width:25px; margin-right:10px; background-position:0 -60px;}
.nav5{height:20px;width:25px; margin-right:10px; background-position:0 -79px;}
.nav6{height:18px;width:25px; margin-right:10px; background-position:0 -99px;}
.nav7{height:21px;width:25px; margin-right:10px; background-position:0 -117px;}

.main-content nav.collapsed{width: 45px;}
.main-content nav.collapsed a b{display: none;}
.main-content nav.collapsed a span{display: none;}
.main-content nav.collapsed ul{display: none;}
.main-content .collapsed a i{margin-right: 0;}
.main-content nav.collapsed ~ .right-content{margin-left: 45px;}


.main-content .right-content{margin-left: 170px; display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction:column; height: 100%;}

.right-top{height: 40px; line-height: 20px; padding: 10px 20px; font-size: 14px;}
.right-bottom{padding: 10px 20px; font-size: 14px;}
.order-status{border:5px solid #f1f6fa; padding: 30px 10px;}
.order-status>div{padding: 10px 30px; border-right: 2px solid #f1f6fa;}
.order-status>div:last-child{border-right: 0;}

.img-order-status{background:url(../images/img-order-status.png) no-repeat ;}
.order-s1{height:24px;width:24px;background-position:0 0;}
.order-s2{height:22px;width:25px;background-position:0 -24px;}
.order-s3{height:24px;width:25px;background-position:0 -46px;}
.order-s4{height:24px;width:22px;background-position:0 -70px;}

.order-status .progress{height: 5px;}
.progress-bar-1{background: #05a9f3;}
.progress-bar-2{background: #fb8f6f;}
.progress-bar-3{background: #10c0c9;}
.progress-bar-4{background: #a685e2;}

.sy-img{border: 5px solid #f1f6fa; border-top: 0;}
.sy-img>div{padding: 30px; }
.sy-img>div:first-child{border-right: 5px solid #f1f6fa;}

.sy-message{border: 5px solid #f1f6fa; border-top: 0; padding: 30px;}
.sy-message li{margin-bottom: 10px; list-style:none; }


/***********************************商品列表**********************************/
.item-list{border: 5px solid #f1f6fa; padding: 10px; -ms-flex:1; flex:1; position: relative; overflow-x: hidden; overflow-y: auto;}
.item-list>div{position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px;}
.item-list .item-nav{background: #e8ebee; border:1px solid #e8ebee; font-size: 14px; width: 160px; line-height: 42px;}
.item-list-top .nav-top{padding: 0 15px 0 25px; background: #e8ebee; font-size: 14px; width: 160px; line-height: 42px; height: 42px; cursor: pointer;}
.item-list-top .nav-top i{float: right; margin: 13px 0;}
.item-nav>ul>li{position: relative; cursor: pointer;}
.item-nav>ul>li:hover{background: #fff;}
.item-nav>ul>li.active{background: #fff;}
.item-nav>ul>li:before{content: ""; display: inline-block; width: 25px;}
.item-nav .sub-nav{display: none; border:1px solid #e8ebee; border-left: none;}
.item-nav>ul>li:hover .sub-nav{display: block; position: absolute;left: 150px; top: -1px; width: 160px; z-index: 999; padding-left: 9px;}
.item-nav>ul>li:hover .sub-nav>li{background: #e8ebee;}
.item-nav>ul>li:hover .sub-nav>li:hover{background: #fff;}
.item-nav>ul>li:hover .sub-nav>li:before{content: ""; display: inline-block; width: 50px;}

.item-list-top .dropdown-menu{min-width: 0;}
.item-list-top .dropdown-menu a{padding: 3px 12px;}
.item-list-top .btn-group button{margin-right: 10px;}

.item-list-table{ display: -ms-flexbox; display: flex; -ms-flex-direction:row; flex-direction:row;}
.item-list .item-table{-ms-flex:1;flex:1;}
/*.item-list .item-table .dataTables_length{display:none;}*/
.dataTables_length, .dataTables_info{float: left;}
.dataTables_length{margin: 3px 0 0px 10px;}

.collapsed .item-table{margin-left: 10px;}
.item-table button{border:none; background: none;}
.table th{ vertical-align: middle !important; background: #f2f2f2; border-bottom:none !important;}
.table th:after{line-height: 40px; bottom: 0 !important;}
.table tr.odd:hover td,.table tr.even:hover td,table tr.collapsed:hover td,table tr.expanded:hover td{background: #f7f7f7;}
.table td{vertical-align: middle !important; background: #fff; border-top: none !important; border-bottom:1px solid #eee; padding: 10px 0 !important;}
.table .dropdown-toggle{background: none; box-shadow: none !important;}
.item-table .fa-plus,.item-table .fa-minus{display: inline-block; width: 20px;height: 20px; line-height: 20px; border:1px solid #ccc; border-radius: 100%; color: #ccc; cursor: pointer;text-align: center;}
.table .glyphicon-pencil{display: none;}
.table .fa-pencil{display: none;}
.table tr.odd:hover .glyphicon-pencil,.table tr.even:hover .glyphicon-pencil,table tr.collapsed:hover .glyphicon-pencil,table tr.expanded:hover .glyphicon-pencil{display: inline-block;}
.table tr.odd:hover .fa-pencil,.table tr.even:hover .fa-pencil,table tr.collapsed:hover .fa-pencil,table tr.expanded:hover .fa-pencil{display: inline-block;}
.table a{color:#05a9f3;}
.table .img{width: 100px; position: relative; margin: 20px 0;}
.table .img img{width: 100%;}
.table .img .label{display: inline-block; position: absolute; right: -15px; top: -15px;}
.table .img .label1{width: 37px; height: 32px; background: url(../images/img-product-label1.png);}
.table .img .label2{width: 39px; height: 30px; background: url(../images/img-product-label2.png);}
.table .img .label3{width: 32px; height: 32px; background: url(../images/img-product-label3.png);}
.table td{word-break: break-all; word-wrap: break-word;}

.item-table td table{margin:-10px 0;}
.item-table td table tr:last-child td{border-bottom: none !important;}

.operate-group a{margin: 0 5px;}



/***********************************库存**********************************/
.list-db{display: -ms-flexbox;display: flex; -ms-flex-direction:row; flex-direction:row;}
.list-db-left{-ms-flex:1;flex:1;}
.list-db-left .list-top{padding: 10px 30px; background: #f7f7f7; margin-bottom: 10px;}
.list-db-left .list-content img{width: 100%;}
.list-db-left .list-content p{line-height: 1.8;}
.list-db-left .list-content li{margin-bottom: 20px; padding: 5px; border: 1px solid #fff;}
.list-db-left .list-content li img{width:180px; height: 180px; }
.list-db-left .list-content li:hover{border: 1px solid #eee;}
.list-db-right{width:340px; margin-left: 30px; background: #f7f7f7; padding: 20px;  display: -ms-flexbox; display: flex; -ms-flex-direction:column; flex-direction:column;}
.list-db-right ul{-ms-flex:0 1 auto;flex:0 1 auto;}
.list-db-right li{margin: 20px 0;}
.list-db-right .input-num{width:160px; display: -ms-flexbox; display: flex}
.list-db-right .input-num a{width: 30px; height: 30px; vertical-align: middle;}
.list-db-right .input-num .icon-minus{background:url(../images/icon-minus.png);width: 30px; height: 30px; display: inline-block;}
.list-db-right .input-num .icon-plus{background:url(../images/icon-plus.png);width: 30px; height: 30px; display: inline-block;}
.list-db-right .input-num input{background: #f7f7f7; text-align: center; vertical-align: middle;  height: 30px;  width: 70px;  border-radius: 0;}
.list-db-right .btn-total{}


.content-pd{padding:100px;}
.pd-complete{display: -ms-flexbox; display: flex; -ms-flex-align:center; align-items:center;}
.pd-complete1,.pd-complete2{width: 40px; height: 40px; background: #03c0c8; text-align: center; line-height: 40px; border-radius: 100%; color: #fff; font-size: 18px; position: relative;}
.pd-complete1:before{
	content: "上传盘点数据";
	position: absolute;
	width: 100px;
	top: 50px;
	left: -30px;
	color: #000;
	font-size: 16px;
}
.pd-complete2:before{
	content: "完成";
	position: absolute;
	width: 100px;
	top: 50px;
	left: -30px;
	color: #000;
	font-size: 16px;
}
.pd-complete-line{height: 4px; background: #03c0c8; -ms-flex:1;flex:1;}
.text-pd-tips{line-height: 2; margin-top: 150px;}

.content-pd .progress{margin-top: 100px; height: 4px;}

.repertory-info{display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around;}
.repertory-info>div{height: 510px; border:1px solid #ccc; padding: 20px;}
.repertory-title{font-size: 16px; font-weight: bold; color: #666; padding-bottom: 5px; border-bottom: 1px solid #eee;  margin: 30px 0 10px;}
.repertory-title:before{content: ""; width: 2px; height: 20px; background: #fb3a3a; display: inline-block; margin-right: 5px; vertical-align: middle;}
.repertory-info ul{height: 380px; overflow-y: auto; overflow-x: hidden;}
.repertory-info li{width: 230px; height: 38px; line-height: 38px; text-align: center; margin-top: 10px;}
.repertory-info li .glyphicon-pencil,.repertory-info li .fa-pencil{display: none;}
.repertory-info li:hover .glyphicon-pencil,.repertory-info li:hover .fa-pencil{display: inline-block;}

.repertory-detail-top{padding:10px; background: #f4f4f4; line-height:28px;}
.repertory-detail-top p{display: inline-block; margin-right: 20px;}
.repertory-detail-top a{margin-right: 20px;}
.repertory-detail-top a i{margin-right: 5px;}


/*******************************account**********************************/
.cash-account>div>div{padding: 20px ;}
.cash-account>div:nth-child(1)>div{background: #ed8789;}
.cash-account>div:nth-child(2)>div{background: #3cabef;}
.cash-account>div:nth-child(3)>div{background: #8f81cd;}
.cash-account>div:nth-child(4)>div{background: #cd9863;}
.cash-account p{color: #fff; font-size: 20px;}
.cash-account div>p:first-child{margin-bottom: 50px;}

/*******************************index**********************************/
.index-top{padding: 10px 20px; background: #f7f7f7; border:1px solid #eee;}
.index-top button{margin-left: 50px;}
.index-title{font-size: 14px; margin-top: 50px;}
.index-title:before{content: ""; width: 2px; height: 18px; background: #fb3a3a; display: inline-block; margin-right: 5px; vertical-align: middle;}
.index-zc{padding: 20px; background: #f7f7f7; margin-top: 20px;}
.index-zc p{text-align: center; font-size: 22px;}
.index-zc>div p:first-child{font-size: 12px; margin-bottom: 10px;}

.index-jl>div>div{padding: 50px 0; text-align: center; background: #f7f7f7; font-size: 20px;}
.index-jl i{display: inline-block; width: 38px; height: 38px; border-radius: 100%; text-align: center; line-height: 38px; vertical-align: middle; margin-right: 10px; color:#fff;}
.index-jl>div:nth-child(1)>div i{background: #38b4ee;}
.index-jl>div:nth-child(2)>div i{background: #a685e2;}
.index-jl>div:nth-child(3)>div i{background: #fb8f6f;}

.index-jy>div>div{padding: 30px ;}
.index-jy>div:nth-child(1)>div{background: #38b4ee;}
.index-jy>div:nth-child(2)>div{background: #a685e2;}
.index-jy>div:nth-child(3)>div{background: #00bf8c;}
.index-jy>div:nth-child(4)>div{background: #fb8f6f;}
.index-jy p{color: #fff; }
.index-jy p i{margin-right: 5px; }
.index-jy div>p:first-child{margin-bottom: 10px; font-size: 20px;}

.table-record table a{margin-right: 10px;}

/*******************************activity********************************/
.activity-title{font-size: 14px;}
.activity-title:before{content: ""; width: 2px; height: 14px; background: #fb3a3a; display: inline-block; margin-right: 5px; vertical-align: middle;}
.activity-section1 .content,.activity-section2 .content{height: 74px; background: #fff; position: relative; border: 1px solid #eee; padding: 15px 10px 10px 100px; border-radius: 5px; cursor: pointer;}
.activity-section1 .content .title{position: absolute; top: -1px; left: -1px; width: 74px; height: 74px; background: #a685e2; font-size: 20px; line-height: 74px; text-align: center; color: #fff; border-radius:5px 0 0 5px;}
.activity-section2 .content .title{position: absolute; top: -1px; left: -1px; width: 74px; height: 74px; background: #fb8f6f; font-size: 20px; line-height: 74px; text-align: center; color: #fff; border-radius:5px 0 0 5px;}
.activity-section1 .content:before,.activity-section2 .content:before{content: ""; display: inline-block; width: 10px; height: 10px; background: #fff; position: absolute; top: 32px; left: -5px; border-radius:100%; z-index: 999;}
.activity-section1 .content:after,.activity-section2 .content:after{content: ""; display: inline-block; width: 10px; height: 10px; background: #fff; position: absolute; top: 32px; right: -5px; border-radius:100%; z-index: 999; border-left:1px solid #eee; border-bottom: 1px solid #eee; transform:rotate(45deg); -ms-transform:rotate(45deg);}

/*******************************sy********************************/
.sy{width: 100%;}
.sy-body1{width: 100%; padding: 100px 0; background: #a685e2;}
.sy-body2{width: 100%; padding: 100px 0; background: #febb3e;}


.sy-body .sy-top{width: 1150px; margin: 0 auto;}
.sy-body .img{float: left; height: 435px; text-align: center;}
.sy-body .sy-topText{width: 450px; padding: 30px; float: left; margin-right: 30px; margin-top: 50px;}
.sy-body .sy-topText p{color: #fff; font-size: 32px;}
.sy-body .sy-topText p:first-child{font-size: 48px; text-align: center;}
.sy-body .sy-topText a{width: 160px; height: 50px; border: 1px solid #fff; color: #fff;  display: inline-block; font-size: 20px; border-radius: 5px; text-align: center; line-height: 50px;}
.sy-body1 .sy-top{width: 1150px; margin: 0 auto;}
.sy-body2 .sy-top{width: 1150px; margin: 0 auto;}
.sy-body1 .img{width: 633px;}
.sy-body2 .img{width: 633px;}
.sy-body1 .sy-topText a{background: #ff6857;}
.sy-body2 .sy-topText a{background: #febb3e;}
.sy-body1 .sy-topText a:hover{border: none; color: #ff6857; background: #fff;}
.sy-body2 .sy-topText a:hover{border: none; color: #febb3e; background: #fff;}
.carousel-control.left,.carousel-control.right{background: none;}

.section-sy{padding: 100px 0; text-align: center;}
.section-sy p{font-size: 18px; color: #fa394c; margin: 50px;}
.section-sy p:first-child{font-size: 34px;}

.section-sy1,.section-sy3{background: #fff;}
.section-sy2{background: #f5f2f2;}

.section-sy1>ul{width: 1140px; margin: 0 auto;}
.section-sy1 li{float: left;}
.section-sy1 .btn-left{width: 26px; height: 46px; background: url(../images/img-sy1-left.png); margin: 130px 20px; cursor: pointer;}
.section-sy1 .btn-right{width: 26px; height: 46px; background: url(../images/img-sy1-right.png); margin: 130px 20px; cursor: pointer;}
.section-sy1 li ul{border: 1px solid #eee;}
.section-sy1 li ul li{width: 250px;}
.section-sy1 li ul li p{width: 250px; height: 72px; background: #ff6857; text-align: center; line-height: 72px; color: #fff; font-size: 18px; margin: 0;}
.section-sy1 .img1{width: 250px; height: 250px; background: url(../images/img-sy1-1.png) center center no-repeat; }
.section-sy1 .img2{width: 250px; height: 250px; background: url(../images/img-sy1-2.png) center center no-repeat; }
.section-sy1 .img3{width: 250px; height: 250px; background: url(../images/img-sy1-3.png) center center no-repeat; }
.section-sy1 .img4{width: 250px; height: 250px; background: url(../images/img-sy1-4.png) center center no-repeat; }

.section-sy2 ul{width: 1010px; margin: 0 auto;}
.section-sy2 li{width: 315px; height: 460px; background: #fff; float: left; margin-right: 30px;}
.section-sy2 li:last-child{margin-right: 0;}
.section-sy2 li p{padding: 10px 20px; line-height: 1.8; margin: 0 ; font-size: 14px; text-align: left; color: #000;}
.section-sy2 li p.title{font-size: 18px;}

.section-sy3>ul{width: 1100px; margin: 0 auto;}
.section-sy3>ul>li{float: left;}
.section-sy3 li img{margin: 10px;}
.section-sy3 li .img-hover{display: none;}

.sy .footer{border-top: 1px solid #ccc; padding: 30px 0;}
.sy .footer>div{width: 1100px; margin: 0 auto;}
.sy .footer .title{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.sy .footer a{color: #000;}

.totalMoney p{text-align: right;}
.totalMoney p span{width:100px; display: inline-block; text-align: left;}

.right-menu{position: fixed; top: 50%; right: 30px; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:999;}
.right-menu li{width: 58px; height: 58px; border-radius: 5px; background: #feb44b; margin-bottom: 10px; color: #fff; font-size: 24px; text-align: center; line-height: 58px; cursor: pointer;}
.right-menu li i{font-size: 36px; margin-top: 11px; font-style: normal;}

/*******************************产品********************************/
.section-product>.title{font-size: 24px; text-align: center; padding: 30px; }
.section-product>.title:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 85px;
	background: url(../images/img-product-titleLeft.png);
	vertical-align: middle;
	margin-right: 5px;
}
.section-product>.title:after{
	content: "";
	display: inline-block;
	width: 50px;
	height: 85px;
	background: url(../images/img-product-titleRight.png);
	vertical-align: middle;
	margin-left: 10px;
}

.cg-content{width: 100%;}
.cg-flex{display: -ms-flexbox;display: flex; -ms-flex-align:center; align-items:center;}
.cg-flex-top{-ms-flex-align:flex-start; align-items:flex-start;}
.cg-flex-item{-ms-flex:1;flex:1;}

.section-product1>.title{background: #f7f7f7;}
.section-product1 .cg-flex {width: 1100px; margin: 0 auto;}
.section-product1 .cg-flex .title{font-size: 24px; margin-bottom: 20px;}
.section-product1 .cg-flex .title ~p{color: #999; font-size: 16px; line-height: 1.5;}
.section-product1 .cg-content:nth-of-type(1){padding-top: 100px;}
.section-product1 .cg-content:nth-of-type(2){padding: 100px 0; background: #f2f8fc;}


.section-product2{background: #fff;}
.section-product2 ul{width: 1100px; margin: 0 auto;}
.section-product2 ul li{float: left; width: 25%; height: 250px; margin-bottom: 20px; padding: 0 30px;}
.section-product2 ul li .icon{width: 100%;height: 150px;  }
.section-product2 ul li p{text-align: center;}
.section-product2 ul li p:last-child{font-size: 14px; color: #999;}
.section-product2 ul li:nth-child(1) .icon{background: url(../images/icon-product1.png) center center no-repeat; }
.section-product2 ul li:nth-child(2) .icon{background: url(../images/icon-product2.png) center center no-repeat; }
.section-product2 ul li:nth-child(3) .icon{background: url(../images/icon-product3.png) center center no-repeat; }
.section-product2 ul li:nth-child(4) .icon{background: url(../images/icon-product5.png) center center no-repeat; }
.section-product2 ul li:nth-child(5) .icon{background: url(../images/icon-product4.png) center center no-repeat; }
.section-product2 ul li:nth-child(6) .icon{background: url(../images/icon-product7.png) center center no-repeat; }
.section-product2 ul li:nth-child(7) .icon{background: url(../images/icon-product8.png) center center no-repeat; }
.section-product2 ul li:nth-child(8) .icon{background: url(../images/icon-product6.png) center center no-repeat; }


.section-product3>.title{background: #f7f7f7;}
.section-product3{background: #fff;}
.section-product3 ul{width: 1100px; margin: 0 auto;}
.section-product3 ul li{float: left; width: 25%; height: 250px; margin-bottom: 20px; padding: 0 30px;}
.section-product3 ul li .icon{width: 100%;height: 150px;  }
.section-product3 ul li p{text-align: center;}
.section-product3 ul li p:last-child{font-size: 14px; color: #999;}
.section-product3 ul li:nth-child(1) .icon{background: url(../images/icon-product-ys1.png) center center no-repeat; }
.section-product3 ul li:nth-child(2) .icon{background: url(../images/icon-product-ys2.png) center center no-repeat; }
.section-product3 ul li:nth-child(3) .icon{background: url(../images/icon-product-ys3.png) center center no-repeat; }
.section-product3 ul li:nth-child(4) .icon{background: url(../images/icon-product-ys4.png) center center no-repeat; }

.product-info .footer{padding: 30px 0; background: #f7f7f7;}
.product-info .footer>div{width: 1100px; margin: 0 auto;}
.product-info .footer .title{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.product-info .footer a{color: #000;}


.cg-titile{font-size: 20px; padding: 0 0 5px 10px; margin: 50px 0 20px; position: relative; border-bottom: 1px solid #c0bfbf;}
.cg-titile:before{content: ""; display: inline-block; width: 5px; height: 25px; background: #ff6554; position: absolute; top: 0; left: 0;}

.cg-ld{margin: 30px 0;}
.cg-ld li{margin-bottom: 10px;}
.cg-ld label{display: inline-block; font-size: 18px; width: 100px; vertical-align: top;}
.cg-ld p{display: inline-block; font-size: 14px; width: 750px; vertical-align: top;}

.product-cg .footer{background: #f9f9f9; padding: 30px 0;}

/*******************************解决方案********************************/
.solution-tab{background: #f7f7f7; padding: 50px 0;}
.solution-tab ul{margin: 0 auto; width: 550px; height: 32px; border-bottom: none;}
.solution-tab ul > li a{border: 1px solid #eee; background: #fff; margin-right: 0; border-radius: 0;}
.solution-tab ul > li.active > a, .solution-tab ul > li.active > a:hover, .solution-tab ul > li.active > a:focus{border: 1px solid #fa394c;}

.section-solution{padding: 50px 0;}
.section-solution .title{font-size: 24px; text-align: center; margin-bottom: 30px;}
.section-solution .title:before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 3px;
	background: #42cff9;
	vertical-align: middle;
	margin-right: 10px;
}
.section-solution .title:after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 3px;
	background: #42cff9;
	vertical-align: middle;
	margin-left: 10px;
}
.section-solution .sol-content{width: 900px; margin: 0 auto;}
.section-solution1 .sol-content{margin-top: 50px;}
.section-solution1 .sol-content p{line-height: 3;}

.section-solution2{background: #f7f7f7;}
.section-solution2 ul{width: 1100px; margin: 0 auto;}
.section-solution2 ul li{float: left; width: 25%; height: 330px; margin-bottom: 20px; padding: 0 30px;}
.section-solution2 ul li .icon{width: 100%;height: 170px;  }
.section-solution2 ul li p{text-align: center;}
.section-solution2 ul li p:last-child{font-size: 14px; color: #999; text-align: left;}
.section-solution2 ul li:nth-child(1) .icon{background: url(../images/img-solution-method1.png) center center no-repeat; }
.section-solution2 ul li:nth-child(2) .icon{background: url(../images/img-solution-method2.png) center center no-repeat; }
.section-solution2 ul li:nth-child(3) .icon{background: url(../images/img-solution-method3.png) center center no-repeat; }
.section-solution2 ul li:nth-child(4) .icon{background: url(../images/img-solution-method4.png) center center no-repeat; }

.section-solution3 .cg-flex-item{text-align: center;}
.section-solution3 .cg-flex-item p{width: 90px; height: 90px; background: #eee; text-align: center; line-height: 90px; font-size: 20px; border-radius: 100%; margin: 30px auto;}
.section-solution3 .cg-flex-item li{font-size: 18px; line-height: 2; text-align: left; padding-left: 180px;}
.section-solution3 .cg-flex-item li:before{content: ""; width: 10px; height: 10px; display: inline-block; background: #65e1cd; border-radius: 100%; margin-right: 5px;}

.section-solution4{background: #f7f7f7;}
.section-solution4 ul{width: 1100px; margin: 0 auto;}
.section-solution4 ul li{float: left; width: 33.3%; height: 330px; margin-bottom: 20px; padding: 0 30px;}
.section-solution4 ul li .icon{width: 100%;height: 170px;  }
.section-solution4 ul li p{text-align: center;}
.section-solution4 ul li p:last-child{font-size: 14px; color: #999; text-align: left;}
.section-solution4 ul li:nth-child(1) .icon{background: url(../images/img-solution-method5.png) center center no-repeat; }
.section-solution4 ul li:nth-child(2) .icon{background: url(../images/img-solution-method6.png) center center no-repeat; }
.section-solution4 ul li:nth-child(3) .icon{background: url(../images/img-solution-method7.png) center center no-repeat; }
.section-solution4 ul li:nth-child(4) .icon{background: url(../images/img-solution-method8.png) center center no-repeat; }
.section-solution4 ul li:nth-child(5) .icon{background: url(../images/img-solution-method9.png) center center no-repeat; }
.section-solution4 ul li:nth-child(6) .icon{background: url(../images/img-solution-method10.png) center center no-repeat; }

.section-solution5{background: #f7f7f7;}
.section-solution5 ul{width: 1100px; margin: 0 auto;}
.section-solution5 ul li{float: left; width: 33.3%; height: 330px; margin-bottom: 20px; padding: 0 30px;}
.section-solution5 ul li .icon{width: 100%;height: 170px;  }
.section-solution5 ul li p{text-align: center;}
.section-solution5 ul li p:last-child{font-size: 14px; color: #999; text-align: left;}
.section-solution5 ul li:nth-child(1) .icon{background: url(../images/img-solution-method11.png) center center no-repeat; }
.section-solution5 ul li:nth-child(2) .icon{background: url(../images/img-solution-method12.png) center center no-repeat; }
.section-solution5 ul li:nth-child(3) .icon{background: url(../images/img-solution-method2.png) center center no-repeat; }

.sol-yw {min-height: 250px;}
.sol-yw .sol-yw-title{font-size: 24px;}
.sol-yw .sol-yw-title ~p {font-size: 16px; color: #999; line-height: 1.5;}

.solution-content{padding: 30px;}
.solution-content>p{font-size: 24px;}
.solution-content1{margin: 50px auto; width: 1020px;}
.solution-content1>div{width: 320px; height: 525px; float: left; margin-left: 30px; padding: 200px 20px 0 20px;}
.solution-content1>div:nth-child(1){margin-left: 0; background: #f7f5f5 url(../images/icon-solution1.png)  center 80px no-repeat;}
.solution-content1>div:nth-child(2){background: #f7f5f5 url(../images/icon-solution2.png)  center 80px no-repeat;}
.solution-content1>div:nth-child(3){background: #f7f5f5 url(../images/icon-solution3.png)  center 80px no-repeat;}
.solution-content1>div>p:first-child{font-size: 18px; text-align: center; margin: 20px 0;}
.solution-content1>div>p:last-child{font-size: 14px; line-height: 2;}

.solution-content2{margin: 50px auto; width: 1020px;}
.solution-content2>div{width: 320px; height: 525px; float: left; margin-left: 30px; padding: 200px 20px 0 20px;}
.solution-content2>div:nth-child(1){margin-left: 0; background: #f7f5f5 url(../images/icon-solution4.png)  center 80px no-repeat;}
.solution-content2>div:nth-child(2){background: #f7f5f5 url(../images/icon-solution5.png)  center 80px no-repeat;}
.solution-content2>div:nth-child(3){background: #f7f5f5 url(../images/icon-solution6.png)  center 80px no-repeat;}
.solution-content2>div>p{font-size: 14px; line-height: 2;}

.solution-content img{margin: 0 auto;}

.solution-zf{padding: 50px 0;}
.solution-zf .cg-content{width: 1100px; margin: 0 auto;}
.solution-zf p{font-size: 16px; color: #999; line-height: 1.5;}
.solution-zf p.title{font-size: 24px; margin: 30px 0 10px; color: #000;}

.solution .footer{padding: 30px 0; background: #f7f7f7;}
.solution .footer>div{width: 1100px; margin: 0 auto;}
.solution .footer .title{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.solution .footer a{color: #000;}

/*******************************招募代理********************************/
.proxy-top{position: relative;}
.proxy-top .logo-proxy{position: absolute; left: 18%; top: 5%;}

.section-proxy>.title{font-size: 24px; text-align: center; padding: 30px; }
.section-proxy>.title:after{
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background: #fa3c3c;
	margin-top: 10px;
	margin-left: 50%;
	transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
}

.section-proxy{padding:50px;}

.section-proxy1 .cg-flex {width: 1100px; margin: 0 auto;}
.section-proxy1 .cg-flex-item p{font-size: 14px; margin-bottom: 20px;}



.section-proxy2{background: #f8f8f8;}
.section-proxy2 ul{width: 1100px; margin: 0 auto;}
.section-proxy2 ul li{float: left; width: 25%; height: 210px; margin-bottom: 20px; padding: 0 30px;}
.section-proxy2 ul li .icon{width: 100%;height: 130px;  }
.section-proxy2 ul li p{text-align: center;}
.section-proxy2 ul li p:last-child{font-size: 14px; color: #999;}
.section-proxy2 ul li:nth-child(1) .icon{background: url(../images/icon-proxy1.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(2) .icon{background: url(../images/icon-proxy2.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(3) .icon{background: url(../images/icon-proxy3.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(4) .icon{background: url(../images/icon-proxy5.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(5) .icon{background: url(../images/icon-proxy4.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(6) .icon{background: url(../images/icon-proxy7.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(7) .icon{background: url(../images/icon-proxy8.png) center center no-repeat; }
.section-proxy2 ul li:nth-child(8) .icon{background: url(../images/icon-proxy6.png) center center no-repeat; }


.section-proxy3{background: #fff;}
.img-proxy2{background: url(../images/img-proxy2.png) ; width: 933px; height: 260px; margin: 50px auto;}


.section-proxy4{background: #f8f8f8;}
.section-proxy4 .list-proxy4{width: 1100px; margin: 0 auto;}
.section-proxy4 .list-proxy4>div{ height: 150px; margin-bottom: 20px; }
.section-proxy4 .list-proxy4>div .icon{width: 100px;height: 100%;  }
.section-proxy4 .list-proxy4>div .icon ~ div{width: 120px; font-size: 16px; line-height: 1.5; }
.section-proxy4 .list-proxy4>div:nth-child(1) .icon{background: url(../images/icon-proxy4-1.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(2) .icon{background: url(../images/icon-proxy4-2.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(3) .icon{background: url(../images/icon-proxy4-3.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(4) .icon{background: url(../images/icon-proxy4-4.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(5) .icon{background: url(../images/icon-proxy4-5.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(6) .icon{background: url(../images/icon-proxy4-6.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(7) .icon{background: url(../images/icon-proxy4-7.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(8) .icon{background: url(../images/icon-proxy4-8.png) center center no-repeat; }
.section-proxy4 .list-proxy4>div:nth-child(9) .icon{background: url(../images/icon-proxy4-9.png) center center no-repeat; }

.section-proxy5 ul{width: 1050px; margin: 20px auto;}
.section-proxy5 ul li{margin-bottom: 20px; float: left;}
.section-proxy5 ul li:nth-child(1){width: 350px; height: 280px; background: url(../images/img-proxy3.png) center center no-repeat; }
.section-proxy5 ul li:nth-child(2){width: 350px; height: 280px; background: url(../images/img-proxy4.png) center center no-repeat; }
.section-proxy5 ul li:nth-child(3){width: 350px; height: 280px; background: url(../images/img-proxy5.png) center center no-repeat; }
.section-proxy5 ul li:nth-child(4){width: 350px; height: 280px; background: url(../images/img-proxy6.png) center center no-repeat; }
.section-proxy5 ul li:nth-child(5){width: 350px; height: 280px; background: url(../images/img-proxy7.png) center center no-repeat; }
.section-proxy5 ul li:nth-child(6){width: 350px; height: 280px; background: url(../images/img-proxy8.png) center center no-repeat; }

.section-proxy6{background: url(../images/img-proxy9.png); background-size: cover; height: 520px;}
.section-proxy6 .title{color: #fff;}
.section-proxy6 .title:after{background: #fff;}
.section-proxy6 .list-proxy6{width: 1100px; margin: 30px auto;}
.section-proxy6 .list-proxy6>div{ height: 250px; width: 33%; text-align: center;}
.section-proxy6 .list-proxy6>div .icon{width: 84px; height: 150px;  margin: 0 auto;}
.section-proxy6 .list-proxy6>div .icon ~ p{font-size: 16px; color: #fff; }
.section-proxy6 .list-proxy6>div:nth-child(1) .icon{background: url(../images/icon-proxy6-1.png) center center no-repeat; }
.section-proxy6 .list-proxy6>div:nth-child(2) .icon{background: url(../images/icon-proxy6-2.png) center center no-repeat; }
.section-proxy6 .list-proxy6>div:nth-child(3) .icon{background: url(../images/icon-proxy6-3.png) center center no-repeat; }

.section-proxy7 .cg-flex {width: 1100px; margin: 0 auto;}
.section-proxy7 .cg-flex-item p{font-size: 16px; line-height: 2;}


.proxy .footer{padding: 30px 0; background: #2b2a2b; color: #fff;}
.proxy .footer>div{width: 800px; margin: 0 auto;}
.proxy .footer .title{font-size: 24px; font-weight: bold; margin-bottom: 20px; text-align: center;}
.proxy .footer .form-proxy>div{margin-bottom: 10px; }
.proxy .footer label{width: 80px; }
.proxy .footer input{width: 220px; height: 32px; border-radius: 5px; border:none; padding: 0 5px; color: #000;}

/*******************************结算********************************/
.box-js{border: 1px solid #eee; padding: 20px;}
.box-js>div{margin-bottom: 10px;}
.box-js>div:last-child{margin-bottom: 0;}

.box-js .pay-method li{padding: 0 20px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #e4e7ea; display: inline-block; margin: 0 10px 5px 0; cursor: pointer;}
.box-js .pay-method li.selected{background: #fb3a3a; color: #fff; border:1px solid #fb3a3a;}

/*******************************忘记密码********************************/
.forget-top>div{padding: 0; border-bottom: 2px solid #fb3a3a; text-align: center;}
.forget-top .text{display: inline-block; padding: 5px 10px; border-radius: 5px 5px 0 0; font-size: 14px;}
.forget-top .active{ background: #ff0000;color: #fff; vertical-align: bottom;}

.forget-form{background: #fff; padding: 30px; margin-top: 50px; height: 400px;}
.forget-complete i.fa-check{border: 1px solid #fb3a3a; padding: 20px; border-radius: 100%; font-size: 36px;}
.forget-complete p{margin-top: 30px;}

/*******************************打印********************************/
.container-print{
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 15px 1px #d9d9d9;
}

.print-items{background: #fff; border: 1px solid #eee;}
.print-item{ padding: 10px; }
.print-item .title{font-weight: bold; margin-bottom: 20px;}
.print-item:not(:first-child){border-top: 1px solid #eee;}
.print-item a{text-align: center; width: 100%; display: inline-block;}
.print-item a i{display: block; text-align: center; font-size: 24px;}
.printItem_barCode span{text-align: center; width: 100%; display: inline-block;}
.printItem_barCode span i{display: block; text-align: center; font-size: 24px;}
.print-item span{cursor: pointer; background: #f7f7f7; display: inline-block; width: 70px; height: 28px; line-height: 28px; text-align: center; margin: 5px 0;}

.print-setting{background-color: #fff; box-shadow: 0 0 15px 1px #d9d9d9; padding: 10px; width: 225px;z-index: 999;}
.print-setting .title{font-weight: bold; padding: 15px 0; font-size: 16px;}
.print-setting .setting-item{border-top: 1px solid #ccc; padding: 10px 0;}
.print-setting .setting-item>div{margin-top: 10px;}
.print-setting .setting-item input[type="number"]{width: 100px; height: 30px; line-height: 30px;}
.print-setting .setting-item textarea{height: 80px;}

.print-text{width: 100px; height: 50px; line-height: 50px;border: 1px solid #ccc; position: relative;cursor: move;text-align: center;font-size: 24px;}
.print-barCode{position: absolute;cursor: move;}
.print-text i,.print-number i,.print-table i,.print-barCode i{position: absolute; top: -5px; right: -5px; width: 13px; height: 14px; border-radius: 100%; border: 1px solid #999; text-align: center; color: #999; font-size: 12px; z-index: 998;cursor: pointer;}
.print-number{position: relative; width: 310px;cursor: move;}
.print-number .left{width: 90px; height: 30px; line-height: 30px !important; text-align: right; float: left; border: 1px solid #ccc; background: #f9f9f9;font-size: 18px;}
.print-number .right{width: 220px; height: 30px; line-height: 30px !important; float: left; border: 1px solid #ccc; border-left: none; padding-left: 10px;overflow: hidden;font-size: 18px;}

.print-table .table-item{ float: left;cursor: move;width: 140px;}
.print-table .table-item .top{width: 100%; height: 26px; line-height: 26px !important; text-align: center; border: 1px solid #ccc; background: #f9f9f9;font-size: 20px;}
.print-table .table-item .bottom{width: 100%; height: 22px; line-height: 22px !important; text-align: center; border: 1px solid #ccc; overflow: hidden;font-size: 18px;}
.print-table .table-item .foot{width: 100%; height: 22px; line-height: 22px !important; text-align: center; border: 1px solid #ccc; overflow: hidden;font-size: 18px;}
.print-table .table-item p:first-child{position: relative;}

/*******************************设置********************************/
.order-setup-icon{margin-top: 20px;}
.order-setup-icon li{width: 250px; float: left;}
.order-setup-icon li:before{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 10px;
}
.order-setup-icon li:nth-child(1):before{border: 2px solid #fb3a3a;}
.order-setup-icon li:nth-child(2):before{background: #fb3a3a;}
.order-setup-icon li:nth-child(3):before{border: 2px solid #ccc;}

.order-setup-step{margin-top: 30px;}
.order-setup-step li{position: relative; height: 100px; float: left; text-align: center; width: 150px;}
.order-setup-step li p:first-child{border-radius: 100%; border: 2px solid #fb3a3a; width: 60px; height: 60px; margin:0 auto 20px; color: #fb3a3a;}
.order-setup-step li p i{font-size: 36px; margin-top: 10px;}
.order-setup-step li:not(:first-child):before{
	content: "";
	display: inline-block;
	height: 1px;
	width: 45px;
	background: #ccc;
	position: absolute;
	top:30px;
	left: 0;
}
.order-setup-step li:not(:last-child):after{
	content: "";
	display: inline-block;
	height: 1px;
	width: 45px;
	background: #ccc;
	position: absolute;
	top:30px;
	right: 0;
}

.order-setup-step li.active p:first-child{background: #fb3a3a; color: #fff;}
.order-setup-step li.disabled p:first-child{border: 2px solid #ccc;}