html,body{font-family: 'Open Sans';width: 100%;height: 100%;}
body{background:#E4E4E4;color: #333;font-size: 12px;margin:0;padding:0}
ul,li,dl,dd{list-style: none;margin: 0;padding: 0;display: list-item;}
li{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,p,form{padding:0;margin:0;font-weight:400}
img {border:none}
hr {height:1px;margin:10px 0;border:0;clear:both}
a {color:#333;text-decoration:none;}
a:hover {color:#777;}
a cite {font-style:normal;*cursor:pointer;}
input,textarea,button {-webkit-appearance:none;}
button{border:0px;padding:0px;margin:0px}
.clear{clear: both!important;}
.container{width:100%;max-width:500px;margin:0 auto; background:inherit;margin-top:50px;background: #E4E4E4;}





/*.xf-form-item{ max-width:1000px;}
.xf-form-item
.xf-form-time .xf-form-day{width:208px;padding: 7px 0;}
.xf-form-time .xf-form-day-day{width:296px;}
.xf-form-time .layui-input-inline a{padding-right:10px;}*/




.uppercase{text-transform:uppercase}
.scroll-hide{overflow: hidden;position: fixed;}
.xf-input{background: #fff;color: #222;margin: 0;padding: 10px 5px;-webkit-tap-highlight-color:transparent;outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-appearance:none;}
.form-item{position:relative;margin:12px 0}
.form-inline{display:table;width:100%}
.form-inline .form-item{float:left;width:49%;}
.form-inline .form-item+.form-item{margin-left:2%}
.form-item h3{font-size:18px;}
.form-item input{color:#333;font-size:18px;border-color:#767676;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;border:1px solid #c3c3c3;box-sizing:border-box;height:42px;margin:0;min-width:0;outline:0;padding:0 10px;border-radius:4px;width:100%}
.form-item input:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}

.form-item select{color:#333;font-size:18px;border-color:#767676;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;border:1px solid #c3c3c3;box-sizing:border-box;height:42px;margin:0;min-width:0;outline:0;padding:0 10px;border-radius:4px;width:100%}
.form-item select:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}
.form-item select option{font-size:16px;}


.form-item textarea{color:#333;font-size:18px;border-color:#767676;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;border:1px solid #c3c3c3;box-sizing:border-box;height:150px;margin:0;min-width:0;outline:0;padding:10px;border-radius:4px;width:100%}
.form-item textarea:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}

.form-item .verifyCode{width:90%;height:42px; border-radius:5px;}

.form-item .form-input{border-color:#767676;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;border:1px solid #c3c3c3;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;color:#333;font-size:16px;height:42px;line-height:22px;margin:0;min-width:0;outline:0;padding:10px;border-radius:4px;width:100%}
.form-item .form-input:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}
.form-item label{color:#767676;cursor:text;font-family:Open Sans,sans-serif;font-size:16px;text-size-adjust:100%;transform:translateY(21px);transition:all .2s;-webkit-transition:all .2s;user-select:none;white-space:nowrap;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-10px;left:5px;box-sizing:border-box;background-color:#fff;user-select:none;white-space:nowrap;-webkit-overflow-scrolling:touch}
.form-item img{ vertical-align:middle}
.form-item span{font-size:16px;}
.form-item span i{font-size:22px;padding-right:5px;}
.form-item p{color:#777;font-size:12px;padding:5px 0;}
.form-item p.info{font-size:14px;color:#555};
.form-item p.info a{margin-left:5px;color:#0066C0}
.form-item .cartLock{ position:absolute;right:5px;top:8px;font-size:24px;color:#666;}
.form-item-selector label{color:#888;top:-32px!important;font-size:14px;transition:all .2s;-webkit-transition:all .2s;-webkit-overflow-scrolling:touch}
.form-item .organization{position:absolute;right:40px;top:6px;}
.form-item .organization img {height:30px;}
.form-item .error{border:1px solid #ff1100}
.form-item .error:hover{border:1px solid #ff0000;box-shadow:0px;box-shadow:0 0 0 1px #ff6600}
.form-item .field-messages{padding:5px 0;color:#ff0000;}
.field-messages{color:#ff0000;font-size: 12px;}
.form-item .component{display:none;position:absolute;top:43px;left:0px;width:100%;z-index:6001; text-align:left;}
.form-item .component ul{background:#FFFFFD;box-shadow: 0px 1px 10px 0 rgba(0,0,0,.2);box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;border-radius: 4px;padding:10px}
.form-item .component ul li{margin:0 auto;color:#666;font-size:16px;display: block;border-bottom: 1px solid #f2f2f2;padding:5px 0}
.form-item .component ul li.selector{color:#ff3300;}
.form-item-select{position:relative;margin:15px 0}
.form-item-select label{color:#767676;cursor:text;font-family:Open Sans,sans-serif;font-size:16px;text-size-adjust:100%;transform:translateY(21px);transition:all .2s;-webkit-transition:all .2s;user-select:none;white-space:nowrap;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-10px;left:5px;box-sizing:border-box;background-color:#fff;user-select:none;white-space:nowrap;-webkit-overflow-scrolling:touch}
.form-item-select .field-messages{padding:5px 0;color:#ff0000;}
.form-item-select .form-input{border-color:#767676;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;border:1px solid #c3c3c3;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;color:#333;font-size:16px;height:42px;line-height:22px;margin:0;min-width:0;outline:0;padding:10px;border-radius:4px;width:100%}
.form-item-select .form-input:hover{border-color:#767676;box-shadow:0 0 0 1px #767676}
.safeCart input{font-weight:700}
.form-selected{ z-index:4001;}
.form-selected .component{ display:block;}
.form-selected .component ul { height:260px;overflow:auto;box-shadow: 4px 0 10px 0 rgba(0,0,0,.5);-webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0);}
.form-selected .component ul li a.selected{color:#f60;}
.form-selected .component ul li a.selected i{font-size:114px;font-style:normal;color:#999; float:right;margin-right:5px}
.form-selected .iconfont{color:#f60}
.form-selected .form-shade{content: '';position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 4000;background-color: rgba(0,0,0,.5);transition: all .3;-webkit-transition: all .3s;}

.width100{width:100% !important}
.top70{margin-top:70px;}
.color-green{color:#2fa50f!important}
.color-blue{color:#369 !important}
.color-primary{color:#428bca!important}
.color-success{color:#5cb85c!important}
.color-info{color:#5bc0de!important}
.color-warning{color:#f0ad4e!important}
.color-danger{color:#d9534f!important}
.bg-primary{padding:5px; border-radius:3px;background:#337ab7!important;}
.bg-success{padding:5px; border-radius:3px;background:#dff0d8!important;color:#2fa50f!important}
.bg-info{padding:5px; border-radius:3px;background:#d9edf7!important}
.bg-warning{padding:5px; border-radius:3px;background:#fcf8e3!important;color:#f0ad4e!important}
.bg-danger{padding:5px; border-radius:3px;background:#f2dede!important}
.mywish{color:#f60}

.xf-msg{color: #ff0000; border-radius: 3px;margin-bottom:10px;font-size:14px}
.xf-lock{overflow: hidden;transition:all .3s;-webkit-transition:all .3s;}
.xf-lock .xf-shade{content: '';position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10001;background-color: rgba(0,0,0,.5);transition: all .3;-webkit-transition: all .3s;}
.xf-lock .xf-shade .xf-loading{background-color: rgba(0,0,0,.6);color:#23ac38;font-size:20px;position: absolute;padding:20px; border-radius:10px;text-align:center;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:10002}
.xf-lock .xf-shade .xf-loading i{font-size:30px !important;}
.xf-lock .xf-shade .xf-loading p{padding-top:10px;}
.xf-btn-disabled{border: 1px solid #e6e6e6 !important;background-color: #FBFBFB !important;color: #C9C9C9 !important;cursor: not-allowed !important;}
.xf-title{padding:20px 3%}
.xf-title h3{ display:block;text-align:center;font-size: 20px;font-weight: 300;color:#777;padding:20px;}
.xf-title a{display: inline-block;width: 100%;font-size: 16px;height: 44px;line-height: 44px;border: 1px solid #C9C9C9;background-color: #fff;color: #555;white-space: nowrap;text-align: center;border-radius: 3px;cursor: pointer;}

.xf-blue{color:#108CEE}
.xf-blue:hover{color:#f60}

.xf-num{border:1px solid #ddd;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}







.navbarbg {background: #1d2d3d;border-bottom: 1px solid #162636;height:50px;line-height:50px;color:#22baa0;font-size:20px;text-align:center;margin-bottom:50px;font-weight:700;}
.alogin{width:350px; margin:0 auto;padding:30px; background:#fff; border-radius:10px;}
@media screen and (max-width:768px){
	.navbarbg{margin-bottom:30px;}
	.alogin{width:90% !important; margin:0 auto;padding:0px}
	.login-card{padding:20px}
}
.alogin h2{font-size:22px;color:#333;font-weight:400;padding:0px 0 20px 0;line-height:125%;}

@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.xf-anim-loop{display: inline-block;-webkit-animation: rotating 1s infinite linear;font-size:25px !important}
@keyframes rotating{0%{transform: rotate(0)} to{transform: rotate(1turn)}}



.layui-card-header{border-bottom: 1px solid #eee;}


.xf-form-header .form-item{width:24%; float:left;margin: 6px 1% 6px 0}
.xf-form-header .form-item label{top:-12px;font-size:14px;}
.xf-form-header .form-item input{line-height:42px;font-size:14px}
.xf-form-header .form-item select{line-height:42px;font-size:14px}
.xf-form-header .form-item-selector label{font-size:12px;}

.xf-table{margin-bottom:10px;border:1px solid #ddd;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.xf-table:hover{border:1px solid #f60;}
.xf-table-header {background:#F1F2F2;padding:10px; border-bottom:solid 1px #ddd;}
.xf-table-header .xf-table-item{ float:left;line-height:160%;color:#333;}
.xf-table-body { background:#fff;padding:10px;}
.xf-table-body:hover{ background:#FFFEF6}
.xf-table-body .xf-table-item{ float:left;line-height:160%;color:#333;}
.xf-table-body .xf-table-item img{width:100%; border-radius:2px}
.xf-table-body .xf-table-item h3{font-size:14px;line-height:160%}
.xf-table-body .xf-table-item .xf-table-line{ float:left;width:30%;line-height:200%;border-left:1px solid #ddd;color:#999;text-align:center;padding:1%}
.xf-table-body .xf-table-item .xf-table-line span{font-size:16px;color:#000}

.create-form{}
.create-form h2{font-size:16px; border-left:2px solid #108CEE;padding-left:10px;margin-bottom:20px;font-weight:700}
.create-form input{font-size:14px}
.create-form .layui-form-item{margin:6px 0}
.create-form .layui-form-item .del-key-more{cursor:pointer;}
.create-form .layui-form-item .del-key-more i{ background:#f60;color:#fff; border-radius:50%;padding:3px;font-size:10px}
.create-form .layui-form-item .xf-form-text{display:block; float:left;font-size:14px;padding:0 8px;height:40px;line-height:36px;}
.create-form .layui-form-item .layui-form-label{font-size:14px}
.create-form .layui-form-item .layui-input-inline .num-box{}
.create-form .layui-form-item .layui-input-inline .num-box .num-box-header{ border:1px solid #ddd;border-bottom:0px;background:#EAF6FE; text-align:center;}
.create-form .layui-form-item .layui-input-inline .num-box .num-box-header i {color:#ccc;padding-right:2px;}
.create-form .layui-form-item .layui-input-inline .num-box .num-box-input{overflow:hidden;width:100px;height:40px; }
.create-form .layui-form-item .layui-input-inline .num-box .quantity .quantity-value{float: left;width:44px;text-align:center;font-size:16px;color:#333;padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;border: 1px solid #ddd;border-left:0;border-right:0; border-radius:0px;height: 40px;line-height: 40px;}
.create-form .layui-form-item .layui-input-inline .num-box .quantity i{float: left;width: 28px;font-size: 14px;border: 1px solid #ddd;font-style: normal;height: 40px;line-height: 36px;text-align: center;margin: 0px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;color:#ccc;-moz-user-select:none;user-select:none;cursor:pointer;}
.create-form .layui-form-item .layui-input-inline .num-box .quantity i:hover{color:#f60; background:#f1f2f2}
.plan-time{color:#999;border-top:1px solid #ddd;padding-top:5px;margin-top:5px}
.create-img-relative{ position:relative}
.create-img-absolute{ position:absolute;right:-170px;top:-82px;}


@media screen and (max-width:768px){
	.xf-form-header .form-item{width:100%;}
	.xf-form-header .form-item input{margin-right:10px}
	.xf-table-body .xf-table-item h3{font-size:12px}
	.plan-time{ display:none}
	.create-img-relative{ position:inherit}
    .create-img-absolute{ position:inherit;top:0px;left:0px;right:inherit;padding:5px 0}
}
.page.b-page{
  font-size: 14px;
  line-height: 24px;
}
.page.b-page a{
  display: inline-block;
  border: 1px solid #09f;
  color: #666;
  min-width: 24px;
  margin: 3px;
  border-radius: 2px;
}
.page.b-page a:hover{
  background: #def2ff;
}
.page.b-page a.pageNow, .page.b-page a.pageNow:hover{
  background: #09f;
  color: #fff;
}
.page.b-page a.prev,.page.b-page a.first,.page.b-page a.next,.page.b-page a.end{
  padding: 0 5px;
}