.order-b{
  
}
.order-fixed{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 2;
    display:none;
}
.order-b .order-num{
    border: 1px solid #D2D2D2;
    padding: 5px 6px;
    cursor: pointer;
    margin-right: 20px;
    border-radius: 3px;
}
.order-b .order-num .i{
    display: inline-block;
    width: 24px; 
    height: 24px; 
    line-height: 24px; 
    text-align: center;
    background: #5b99ee;
    color: #fff;
    border-radius: 30px;
}
.order-b .order-price em{
    font-size: 20px;
    color: #f66;
}
.order-b .layui-btn{
    background: #f66;
}
.layui-form-item .order-b .protocol .layui-form-checkbox[lay-skin=primary]{
    margin-top: 0;
}

.layui-form-item .order-b .protocol .layui-form-checkbox[lay-skin=primary] span{
    padding-right:0
}
.layui-form-item .order-b .protocol a{
    text-decoration: underline;
    color: #5b99ee;
}
/*----- 资源列表遮罩层 -----*/
 .chosen-layer {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.4); z-index:3; display:none;}
/*----- 资源列表弹出层 -----*/
 .chosen-box {display:none;position:absolute; width:720px; padding:20px; background:#fff; left:0; bottom:100%; margin-bottom:30px; border-radius:4px; z-index:4; 
	-webkit-box-shadow:0 0 8px #555;
	-moz-box-shadow:0 0 8px #555;
	-ms-box-shadow:0 0 8px #555;
	box-shadow:0 0 8px #555;}
 .chosen-box i {position:absolute; width:20px; height:20px; background:#fff; left:50px; top:100%; margin-top:-13px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);}
/*-- 关闭按钮 --*/
 .chosen-box .close {height:26px; margin-bottom:10px;}
 .chosen-box .close label {float:right; width:26px; height:26px; text-align:center; background:#4eb6ff; color:#fff; border-radius:50%; cursor:pointer;}
 .chosen-box .close label:before {content:"×"; font-size:1.8em; line-height:25px;}
/*-- 资源列表标题 --*/
 .chosen-box .chosen-title { padding:9px 0; background:#f5f5f5; border-radius:4px; margin-bottom:5px;}
 .chosen-box .chosen-title ul {display:block; widows:100%;}
 .chosen-box .chosen-title ul li {float:left; height:18px; line-height:18px; border-left:1px #d9d9d9 solid; text-align:center; font-size:1.1em;}
 .chosen-box .chosen-title ul li:nth-of-type(1) {border-left:none; width:50%;}
 .chosen-box .chosen-title ul li:nth-of-type(2) {width:30%;}
 .chosen-box .chosen-title ul li:nth-of-type(3) {width:19%;}
 .chosen-box .chosen-title ul li b {margin-left:5px;}
 .chosen-box .chosen-title ul li b span {margin-left:3px;}
/*-- 资源列表 --*/
 .chosen-box .chosen-tab {border:1px #eaeaea solid; padding:0 18px; padding-right:5px; border-radius:4px; max-height:250px; overflow-y:auto; margin-bottom:10px;}
 .chosen-box .chosen-tab ul {display:block; padding:10px 0; border-top:1px #ddd dashed;}
 .chosen-box .chosen-tab ul:nth-of-type(1) {border-top:none;}
 .chosen-box .chosen-tab ul li {float:left; height:30px; line-height:30px; font-size:1.1em;}
 .chosen-box .chosen-tab ul li:nth-of-type(1) {width:50%;}
 .chosen-box .chosen-tab ul li:nth-of-type(2) {width:35%; text-align:center;}
 .chosen-box .chosen-tab ul li:nth-of-type(3) {width:15%;}


 .chosen-box .chosen-tab ul li:nth-of-type(1) > * {float:left; height:30px; position:relative;}
 .chosen-box .chosen-tab ul li:nth-of-type(1) > *.avatar {width:30px; height:30px;}
 .chosen-box .chosen-tab ul li:nth-of-type(1) > *.avatar.article {width:60px; height:30px;}
 .chosen-box .chosen-tab ul li:nth-of-type(1) > span {margin-left:5px; max-width:250px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


 .chosen-box .chosen-tab ul li:nth-of-type(3) span {display:block; width:16px; height:16px; line-height:15px; text-align:center; margin:0 auto; margin-top:7px; background:#f66; color:#fff; border-radius:50%; font-size:1.2em; cursor:pointer;}
 .chosen-box .chosen-tab ul li:nth-of-type(1) .imgCon {float:left; width:24px; height:24px; margin-right:5px; position:relative; border-radius:50%; overflow:hidden;}
/* .chosen-box .chosen-tab ul li:nth-of-type(1) .imgCon img {position:absolute; width:120px; height:120px; left:50%; top:50%; margin-left:-60px; margin-top:-60px;}*/
/*-- 资源列表 暂无任何资源 --*/
 .chosen-box .chosen-tab .chosen-none {height:100px; line-height:100px; text-align:center; font-size:1.2em; color:#999;}
/*-- 继续添加资源 --*/
 .chosen-box .chosen-add {height:36px;}
 .chosen-box .chosen-add > * {float:right; margin-left:15px; height:36px; line-height:36px; padding:0 15px; font-size:1.1em; color:#fff; border-radius:6px;}
 .chosen-box .chosen-add > label {cursor:pointer;}
 .chosen-box .chosen-add > *.tips.red {color:#f66;}
 .chosen-box .chosen-add > *.gray {background:#c9c9c9;}
 .chosen-box .chosen-add > *.blue {background:#4eb6ff;}
 .chosen-box .chosen-add .refresh {float:right; height:20px; line-height:20px; padding:0 10px; font-size:1.1em; border:1px #aaa solid; border-radius:4px; margin-top:7px; margin-right:10px; cursor:pointer;}
