.fancybox-button--share { display: none;}
.fancybox-active { height: 100vh;}
body { background:url("skin/main-bg.jpg"); background-size: cover;}
/*body::after { content: ' '; background:inherit; width: 200%; height: 200%; position: fixed; left: 50%; top: 50%; transform:translate(-50%,-50%); filter: blur(50px); z-index: -1; }*/
body, select, input, textarea, a { color: #000;}

a:hover { color: #459ae9;}

.button a { background: #4EBF53; color: #FFF; border-radius: 3px;}
.button a:hover { background: #44b549;}
.button a.red { background: #B00;}
.button a.red:hover { background: #900;}

/* ===================================== login ===================================== */

#login .logo { color: #FFF;}
#login .logo sup { background: #FFF; color: #333; border-radius: 3px;}
#login input { border-radius: 5px;}
#login input.textbox { background:none; color: #FFF; border:rgba(255,255,255, .5) solid 1px;}
#login input.textbox::placeholder { color: #FFF;}
#login input.submit { background:rgba(255,255,255, .1); color: #FFF; border:rgba(255,255,255, .5) solid 1px;}
#login input.submit:hover { background:rgba(0,255,0, .1); color: #FFF; border:rgba(255,255,255, .5) solid 1px;}

/* ===================================== head ===================================== */

#head { background:#333; }
#head .logo,
#head .logo a { color: #FFF;}
#head .logo sup { background: #FFF; color: #333;}

/* ===================================== menu ===================================== */

#menu { background:#333; color: #FFF;}
#menu .item { border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
#menu .next a { color: #FFF;}
#menu .next a:hover { background: rgba(0, 0, 0, 0.3);}
#menu .next li.on a { background: #449d44;}

/* ===================================== main ===================================== */

#main { background: #FFF;}

#main .nav { background: #FFF; border: #E7E7EB solid 1px;}

#main .tab { border: #E7E7EB solid 1px;}
#main .tab li.on { background: #EEE;}
#main .plan .tab { border: 0px; border-bottom: #E7E7EB solid 1px;}

/* 提示信息 */
#main .info { background: #f4f5f9; border: #E7E7EB solid 1px;}
#main .plan .info { border: 0px; border-bottom: #E7E7EB solid 1px;}

/* 统计块状结构 */
#main .block .group { border: 1px solid #6FA7CE;}
#main .block .group a { background: #7CBAE5; color: #FFF;}
#main .block .group a:hover { background: #6FA7CE;}
#main .block .group a span { border-left: #6FA7CE solid 1px;}
#main .block .group li:first-child a span { border-left: 0px;}
#main .block .item a { background: #60D295; color: #FFF; border: 1px solid #57C78B;}
#main .block .item a:hover { background: #57C78B;}

/* 图标块状结构 */
#main .block-icon .item a { color: #333; border: 1px solid #E7E7EB;}
#main .block-icon .item a:hover { background: #f4f5f9;}
#main .block-icon .item a i { background: #7CBAE5; color: #FFF;}
#main .block-icon .item a span { color: #8D8D8D;}

/* 部分分割 */			
#main .plan { background: #FFF; border: 1px solid #E7E7EB;}
#main .plan .title { background: #F4F5F9; border-bottom: 1px solid #E7E7EB;}

/* 文字列表 */	
#main .plan .list-text li { border-top: 1px solid #E7E7EB;}
#main .plan .list-text li:first-child { border: 0px;}
#main .plan .list-text li a span { color: #8D8D8D;}

/* 图片列表 */
#main .plan .list-image li { border: #CCC solid 1px;}
#main .plan .list-image li .thumb { background: #efefef;}
#main .plan .list-image li .thumb span { background: #44b549; color: #FFF;}

/*文件列表*/
#main .plan .list-file li { border-radius: 3px;}
#main .plan .list-file li .name { color: #666;}
#main .plan .list-file li .details { color: #96a2aa;}
#main .plan .list-file li a { background-color: #f4f5f9; border: #efefef solid 1px; border-radius: 3px;}
#main .plan .list-file li a:hover { background-color: #e9e9e9;}

/* 多列列表 */			
#main .plan .list-data tr { background:rgba(0, 0, 0, .01);}
#main .plan .list-data tr:nth-child(2n+1) { background: rgba(0, 0, 0, .03);}
#main .plan .list-data tr.head,#main .plan .list-data tr.head:hover{ background: #F4F5F9; color: #000;}
#main .plan .list-data tr:hover { background:#333; color: #FFF;}
#main .plan .list-data tr:hover .list { color: #333;}
#main .plan .list-data td { border: #E7E7EB solid 1px; border-top: 0px; border-left: 0px;}
#main .plan .list-data td:last-child { border-right: 0px;}
#main .plan .list-data tr:last-child td { border-bottom: 0px;}


#main .plan .list-data td input[type="text"],
#main .plan .list-data td input[type="password"],
#main .plan .list-data td select,
#main .plan .list-data td textarea,
#main .plan .list-data td textarea.area { border: #E7E7EB solid 1px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 8px inset; border-radius: 5px;}

#main .plan .list-data td .upload .list { background: #FFF; border: #E7E7EB solid 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px inset; border-radius: 5px;}
#main .plan .list-data td .upload .browse { background: #FFF; border-left: #efefef solid 1px; border-radius:0px 5px 5px 0px;}
#main .plan .list-data td .item { background: #CCC; color: #FFF; border-radius: 3px;}

#main .plan .button select {padding:3px 10px; border: #E7E7EB solid 1px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 8px inset; border-radius: 5px;}

/* 分页样式 */	

#main .pager a { color: #222;}
#main .pager a:hover { background: #E6E7EC;}


/* 信息部分 */
#tool { background: #FFF; box-shadow: rgba(0,0,0,.5) 0px 0px 15px;}
#tool .switch { color: #60D295; background: #FFF;}

.list-auth { padding: 10px;}
.list-auth .item { height: 224px; float: left; width:25%; padding: 10px; cursor: pointer;}
.list-auth .item .show { width: 154px; float: left; margin-right: 20px;}
.list-auth .item .show img { width: 154px; height: 204px;}
.list-auth .item.bg-2 .para  { background: dodgerblue; color: #FFF;}
.list-auth .item.bg-3 .para  { background: coral; color: #FFF; }
.list-auth .item .para { height: 204px; background: #f4f5f9; padding-top: 20px;}
.list-auth .item .para p { padding-top: 10px;}

.list-prod { padding: 10px;}
.list-prod .item { float: left; width:20%; padding: 10px; cursor: pointer;}
.list-prod .item .para { background: #f4f5f9; padding: 10px; height: 60px;}

.shop-car { position: fixed; right: 10px; top: 75px; bottom: 0px; width: 400px;}
#shop-list::-webkit-scrollbar {width: 5px; height: 5px;}
#shop-list::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, .2); border-radius: 5px;}
#shop-list::-webkit-scrollbar-track { background:rgba(0, 0, 0, 0); border-radius: 5px;}
#shop-list { overflow-y: auto; overflow-x: hidden; position: absolute; width: 100%; top: 40px; bottom: 122px; border-left: #efefef solid 1px; border-right: #efefef solid 1px;}
#shop-list .item { display: flex; background: #FFF; padding: 10px; border-bottom: #efefef solid 1px;}
#shop-list .show { width: 155px; padding-right: 10px;}
#shop-list .show img { width: 145px; max-width: none;}
#shop-list .text { vertical-align: middle; flex: 1;}
#shop-list .text .name { overflow: hidden; width: 220px; text-overflow: ellipsis; white-space: nowrap;}
#shop-list select,.shop-car input { width: 150px;}
#shop-list .type,.shop-car .price,.shop-car .numb,.shop-car .money { padding-top: 10px;}
#shop-list .remove { text-align: right; padding-top: 10px;}
#shop-list .remove span { padding: 3px 10px; color: #FFF; background: #4EBF53; cursor: pointer;}
.shop-menu { position: absolute; width: 100%; bottom: 0; left: 0; background: #efefef; padding: 10px;}
.shop-menu .price { text-align: right; font-size: 24px; padding-top: 0;}
.shop-menu .address { padding-top: 10px;}
.shop-menu input { width: 100%; padding: 10px; border: 0;}
.shop-menu .total { padding-top: 10px; font-size: 24px; text-align: right;}
.shop-menu .submit { text-align: center; padding: 12px 0; background: #4EBF53; color: #FFF; margin-top: 10px; cursor: pointer;}