@charset 'utf-8';

/* 全局样式 */
html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #fff;
    word-break: break-all;
    padding: 0;
    margin: 0;
}
body {
    position: relative;
    width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    font-family: "微软雅黑", "黑体", "Microsoft YaHei", "SimSun", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #212121;
}
* {
    padding: 0;
    margin: 0;
}
div[contenteditable=true],
input,
select,
option,
textarea {
    outline: none;
    border: none;
    border: 1px #d9d9d9 solid;
    font-family: inherit;
    font-size: inherit;
}
a {
    outline: none;
    text-decoration: none;
    color: #212121;
}
ul,
li {list-style-type: none;}
img {
    border: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
table,
td,
thead,
tbody,
th,
tfoot {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
thead th {font-weight: normal;}
table tr.bb-1-d9:hover {background-color: #f7f8fa;}
::selection {
    background: lightblue;
    color: #fff;
}
::-moz-selection {
    background: lightblue;
    color: #fff;
}
/*::-webkit-scrollbar {*/
    /*!*width: 6px;*!*/
    /*width: 0;*/
    /*height: 0;*/
/*}*/
/*scrollbar[orient="vertical"] {   */
    /*min-width: 6px !important;   */
/*}   */
/*!* 滚动条的滑轨背景颜色 *!*/
/*::-webkit-scrollbar-track {*/
    /*!*background-color: rgba(0, 0, 0, .05);*!*/
    /*background-color: transparent;*/
/*} */
/*!* 滑块颜色 *!*/
/*::-webkit-scrollbar-thumb {*/
    /*!*background-color: rgba(0, 0, 0, .15); *!*/
    /*background-color: transparent;*/
/*} */
/*!* 滑轨两头的监听按钮颜色 *!*/
/*::-webkit-scrollbar-button {*/
    /*height: 0;*/
    /*!*background-color: rgba(0, 0, 0, .05);*!*/
    /*background-color: transparent;*/
/*}*/
/*!* 横向滚动条和纵向滚动条相交处尖角的颜色 *!*/
/*::-webkit-scrollbar-corner {*/
    /*!*background-color: black;*!*/
    /*background-color: transparent;*/
/*}*/

a,
.cp {
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/* 左侧菜单 */
.left-box {
    width: 12%;
    max-width: 230px;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #3b3c5e;
    box-shadow: 0 51px 13px #2d2e41;
    +border-bottom: 1px #2d2e41 solid;
    border-bottom: 1px #2d2e41 solid\9;
}
.left-box .left > div {
    line-height: 60px;
    color: #fff;
}
.left-box .left > div p {
    padding: 0 10px;
    opacity: .5;
    -webkit-opacity: .5;
    -ms-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
    filter: alpha(opacity=50);
}
.left-box .left > div ul li {
    padding-left: 70px;
    height: 50px;
    line-height: 50px;
    background-color: #515175;
}
.left-box .left > div ul li a {
    display: block;
    height: 100%;
    color: #fff;
    opacity: .5;
    -webkit-opacity: .5;
    -ms-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
    filter: alpha(opacity=50);
    border-right: 3px transparent solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-box .left > div:hover {
    background-color: #47a9d6;
}
.left-box .left > div:hover p,
.left-box .left > div ul li:hover a {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    filter: alpha(opacity=100);
}
.left-box .left > div ul li:hover a {
    border-right: 3px #47a9d6 solid;
}
.left-box .left > div ul {
    display: none;
}
/* 二级当前状态 */
.left-box .left > div.on {
    background-color: #47a9d6;
}
.left-box .left > div.on p {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    filter: alpha(opacity=100);
}
.left-box .left > div.on ul {
    display: block;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
}

/* 三级当前状态 */
.left-box .left > div ul li.on a {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    filter: alpha(opacity=100);
    border-right: 3px #47a9d6 solid;
}
/* 头部一级菜单 */
.header-box {
    position: fixed;
    top: 0;
    right: 0;
    width: 88%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    box-shadow: 1px 0 8px #777777;
+border-bottom: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=1, Color='#777777')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=1,Color='#777777');
    background-color: #fff;
    z-index: 21;
}
.header-box .header {
    width: 79.5%;
    height: 50px;
    line-height: 50px;
    padding: 0 2%;
}
.header-box .header a {
    display: block;
    width: 60px;
    height: 50px;
    color: #494a69;
    padding: 0 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.header-box .header a:hover,
.header-box .header a.on {
    color: #212121;
}
.header-box .header a:hover span,
.header-box .header a.on span {
    border-bottom: 4px #47a9d6 solid;
    padding: 8px 0;
}
/* 个人账号 */
.header-box .account {
    width: 10%;
    margin-right: 0.5%;
    font-weight: normal;
}
/*.header-box .account .mouseenter {
    padding: 0 1%;
}*/
.header-box .account:hover {
    color: #fff;
    background-color: #47a9d6;
}
.header-box .account:hover span {
    color: #fff;
}
.header-box .account .mouseenter ul {
    text-align: left;
    line-height: 40px;
    display: none;
    background-color: #47a9d6;
}
.header-box .account .mouseenter ul a {
    color: #fff;
}
.header-box .account .mouseenter ul a:hover {
    background-color: #369dcc;
}
.header-box .account .mouseenter.on-mouse ul {
    display: block;
}
/* 登录状态 */
.header-box .login {
    display: block;
    width: 6%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #47a9d6;
    color: #fff;
}
/* 右侧内容区域 */
.right-box {
    width: 88%;
    position: absolute;
    padding-top: 50px;
    left: 12%;
    top: 0;
}

/* 显示隐藏 */
.db {display: block;}
.dn {display: none;}

/************************
           布局
*************************/
/* 浮动布局 */
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}

/* 清除浮动 */
.clearfix:after { 
    content: "\200B"; 
    display: block; 
    height: 0; 
    clear: both; 
}

/* 定位布局 */
.pr {position: relative;}
.pa {position: absolute;}
.tp-0 {top: 0;}
.tp-1 {top: 1px;}
.tp-2 {top: 2px;}
.tp-3 {top: 3px;}
.tp-4 {
    top: 4px;
    +top: 5px;
    *top: 5px;
    top: 5px\9;
}
.tp-5 {top: 5px;}
.tp-6 {top: 6px;}
.tp-7 {top: 7px;}
.tp-8 {top: 8px;}
.tp-9 {top: 9px;}
.tp-10 {top: 10px;}
.tp-s-1 {top: -1px;}
.tp-s-2 {top: -2px;}

/* 层级 */
.zi-s-1 {z-index: -1;}
.zi-0 {z-index: 0;}
.zi-1 {z-index: 1;}
.zi-2 {z-index: 2;}
.zi-7 {z-index: 7;}
.zi-8 {z-index: 8;}
.zi-9 {z-index: 9;}
.zi-10 {z-index: 10;}
.zi-11 {z-index: 11;}
.zi-12 {z-index: 12;}
.zi-19 {z-index: 19;}
.zi-20 {z-index: 20;}
.zi-21 {z-index: 21;}

/* 盒模型 */
.bs-bb {box-sizing: border-box;}

/* 宽度 */
.wd-10 {width: 10px;}
.wd-20 {width: 20px;}
.wd-30 {width: 30px;}
.wd-40 {width: 40px;}
.wd-50 {width: 50px;}
.wd-60 {width: 60px;}
.wd-70 {width: 70px;}
.wd-80 {width: 80px;}
.wd-90 {width: 90px;}
.wd-100 {width: 100px;}
.wd-110 {width: 110px;}
.wd-120 {width: 120px;}
.wd-130 {width: 130px;}
.wd-140 {width: 140px;}
.wd-150 {width: 150px;}
.wd-160 {width: 160px;}
.wd-170 {width: 170px;}
.wd-180 {width: 180px;}
.wd-190 {width: 190px;}
.wd-200 {width: 200px;}
.wd-220 {width: 220px;}
.wd-230 {width: 230px;}
.wd-250 {width: 250px;}
.wd-260 {width: 260px;}
.wd-270 {width: 270px;}
.wd-280 {width: 280px;}
.wd-290 {width: 290px;}
.wd-300 {width: 300px;}
.wd-320 {width: 320px;}
.wd-400 {width: 400px;}
.wd-450 {width: 450px;}
.wd-460 {width: 460px;}
.wd-500 {width: 500px;}
.wd-540 {width: 540px;}
.wd-550 {width: 550px;}
.wd-560 {width: 560px;}
.wd-568 {width: 568px;}
.wd-589 {width: 589px;}
.wd-600 {width: 600px;}
.wd-609 {width: 609px;}
.wd-628 {width: 628px;}
.wd-629 {width: 629px;}
.wd-640 {width: 640px;}
.wd-648 {width: 648px;}
.wd-700 {width: 700px;}
.wd-800 {width: 800px;}
.wd-5p {width: 5%;}
.wd-10p {width: 10%;}
.wd-15p {width: 15%;}
.wd-20p {width: 20%;}
.wd-25p {width: 25%;}
.wd-30p {width: 30%;}
.wd-33p {width: 33.33333333333333%;}
.wd-35p {width: 34%;}
.wd-40p {width: 40%;}
.wd-45p {width: 45%;}
.wd-50p {width: 50%;}
.wd-55p {width: 55%;}
.wd-60p {width: 60%;}
.wd-65p {width: 65%;}
.wd-70p {width: 70%;}
.wd-80p {width: 80%;}
.wd-85p {width: 85%;}
.wd-90p {width: 90%;}
.wd-95p {width: 95%;}
.wd-100p {width: 100%;}

/* 高度 */
.ht-15 {height: 15px;}
.ht-20 {height: 20px;}
.ht-25 {height: 25px;}
.ht-30 {height: 30px;}
.ht-35 {height: 35px;}
.ht-36 {height: 36px;}
.ht-40 {height: 40px;}
.ht-45 {height: 45px;}
.ht-50 {height: 50px;}
.ht-60 {height: 60px;}
.ht-70 {height: 70px;}
.ht-80 {height: 80px;}
.ht-90 {height: 90px;}
.ht-100 {height: 100px;}
.ht-200 {height: 200px;}
.ht-290 {height: 290px;}
.ht-300 {height: 300px;}
.ht-350 {height: 350px;}
.ht-100p {height: 100%;}
.minh-60 {min-height: 60px;}
.mh-60 {max-height: 60px;}
.mh-120 {max-height: 120px;}
.mh-125 {max-height: 125px;}
.mh-150 {max-height: 150px;}
.mh-160 {max-height: 160px;}
.mh-180 {max-height: 180px;}
.mh-200 {max-height: 200px;}
.mh-300 {max-height: 300px;}

/* 外边距 */
.mt-1 {margin-top: 1px;}
.mt-2 {margin-top: 2px;}
.mt-3 {margin-top: 3px;}
.mt-5 {margin-top: 5px;}
.mt-6 {margin-top: 6px;}
.mt-8 {margin-top: 8px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-75 {margin-top: 75px;}
.mt-s-1 {margin-top: -1px;}
.mt-s-2 {margin-top: -2px;}
.mt-s-5 {margin-top: -5px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-100 {margin-left: 100px;}
.mr-2 {margin-right: 2px;}
.mr-3 {margin-right: 3px;}
.mr-4 {margin-right: 4px;}
.mr-5 {margin-right: 5px;}
.mr-6 {margin-right: 6px;}
.mr-8 {margin-right: 8px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-40 {margin-right: 40px;}
.mr-50 {margin-right: 50px;}
.mr-60 {margin-right: 60px;}
.mr-70 {margin-right: 70px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mg-0010 {margin: 0 10px;}
.mg-0015 {margin: 0 15px;}
.mg-0020 {margin: 0 20px;}
.mg-4 {margin: 4px;}
.mg-5 {margin: 5px;}
.mg-8 {margin: 8px;}
.mg-15 {margin: 15px;}

/* 内边距 */
.pt-8 {padding-top: 8px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.pr-18 {padding-right: 18px;}
.pr-20 {padding-right: 20px;}
.pb-2 {padding-bottom: 2px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-45 {padding-bottom: 45px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pd-4 {padding: 4px;}
.pd-5 {padding: 5px;}
.pd-8 {padding: 8px;}
.pd-10 {padding: 10px;}
.pd-15 {padding: 15px;}
.pd-20 {padding: 20px;}
.pd-40 {padding: 40px;}
.pd-0005 {padding:0 5px;}
.pd-0010 {padding:0 10px;}
.pd-0015 {padding:0 15px;}
.pd-0020 {padding:0 20px;}
.pd-0030 {padding:0 30px;}
.pd-0040 {padding: 0px 40px;}
.pd-0204 {padding: 2px 4px;}
.pd-0208 {padding: 2px 8px;}
.pd-0210 {padding:2px 10px;}
.pd-0408 {padding: 4px 8px;}
.pd-0410 {padding: 4px 10px;}
.pd-0415 {padding: 4px 15px;}
.pd-0420 {padding: 4px 20px;}
.pd-0500 {padding: 5px 0;}
.pd-0510 {padding: 5px 10px;}
.pd-0515 {padding: 5px 15px;}
.pd-0520 {padding: 5px 20px;}
.pd-0530 {padding: 5px 30px;}
.pd-0810 {padding: 8px 10px;}
.pd-0825 {padding: 8px 25px;}
.pd-0830 {padding: 8px 30px;}
.pd-1000 {padding: 10px 0;}
.pd-1020 {padding: 10px 20px;}
.pd-1030 {padding: 10px 30px;}
.pd-1050 {padding: 10px 50px;}
.pd-1500 {padding: 15px 0;}
.pd-1530 {padding: 15px 30px;}
.pd-2000 {padding: 20px 0;}
.pd-2010 {padding: 20px 10px;}
.pd-2040 {padding: 20px 40px;}
.pd-3000 {padding: 30px 0;}
.pd-0625 {padding: 6px 25px;}
/* 模块居中 */
.ma {margin: 0 auto;}

/* 溢出隐藏 */
.oh {overflow: hidden;}
.oy-sc {
    overflow-y: scroll;
    +overflow-x: hidden;
}

.bc-sp {border-collapse: separate;}

/************************
         色值系列
*************************/
/* 背景色 */
.bc-f {background-color: #fff;}
.bc-e {background-color: #eeeeee;}
.bc-d9 {background-color: #d9d9d9;}
.bc-e8 {background-color: #e8e8e8;}
.bc-f7 {background-color: #f7f8fa;}
.bc-cy {background-color: #d8edf7;}

.bc-bl-l {background-color: #47a9d6;}
/*.bc-bl-d {background-color: #47a9d6;}*/
.bc-nb-l {background-color: #515175;}
.bc-nb-d {background-color: #3c3c5e;}

/* 字体颜色 */
.cl-6 {color: #666;}
.cl-c {color: #ccc;}
.cl-f {color: #fff;}
.cl-9 {color: #999;}
.cl-9c {color: #9c9c9c;}
.cl-d9 {color: #d9d9d9;}
.cl-e8 {color: #e8e8e8;}
.cl-21 {color: #212121;}
.cl-bl {color: #2db4ea;}
.cl-bl-l {color: #47a9d6;}
/*.cl-bl-d {color: #47a9d6;}*/
.cl-nb-l {color: #515175;}
.cl-nb-d {color: #3c3c5e;}
.cl-rd-l {color: #e4393c;}

/* 透明度 */
.op-0 {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
}
.op-50 {
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -ms-opacity: .5;
    -moz-opacity: .5;
    -o-opacity: .5;
}

/************************
         字体系列
*************************/

/* 字体类型 */
.ff-yh {font-family: "微软雅黑";}
.ff-ht {font-family: "黑体";}
.ff-st {font-family: "宋体";}
.fw-nm {font-weight: normal;}
.fw-bd {font-weight: bold;}

/* 字体大小 */
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-40 {font-size: 40px;}

/* 字体行间距 */
.lh-0 {line-height: 0;}
.lh-1 {line-height: 1;}
.lh-1p5 {line-height: 1.5;}
.lh-15 {line-height: 15px;}
.lh-20 {line-height: 20px;}
.lh-25 {line-height: 25px;}
.lh-30 {line-height: 30px;}
.lh-35 {line-height: 35px;}
.lh-40 {line-height: 40px;}
.lh-45 {line-height: 45px;}
.lh-50 {line-height: 50px;}
.lh-55 {line-height: 55px;}
.lh-60 {line-height: 60px;}
.lh-80 {line-height: 80px;}
.lh-100 {line-height: 100px;}
.lh-116 {line-height: 116px;}
.lh-232 {line-height: 232px;}

/* 对齐方式 */
.ta-ct {text-align: center;}
.ta-lf {text-align: left;}
.ta-rt {text-align: right;}
.va-tp {vertical-align: top;}
.va-md {vertical-align: middle;}
.va-bt {vertical-align: bottom;}

/* table */
.bc-s {border-collapse: separate;}
.pd-102p {padding:10px 2%;}

/* 字体溢出隐藏 */
.to-hd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lf {float: left;}
/************************
         装饰系列
*************************/
/* 圆角 */
.br-2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}
.br-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
.br-10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}
.br-15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}
.br-20 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

/* 边框 */
.bt-1-d9 {border-top: 1px #d9d9d9 solid;}
.br-1-d9 {border-right: 1px #d9d9d9 solid;}
.bb-1-d9 {border-bottom: 1px #d9d9d9 solid;}
.bb-1-bl-l {border-bottom: 1px #47a9d6 solid;}
.bb-2-bl-l {border-bottom: 2px #47a9d6 solid;}
.br-1-bl-l {border-right: 1px #47a9d6 solid;}
.br-2-bl-l {border-right: 2px #47a9d6 solid;}
.bd-1-d9 {border: 1px #d9d9d9 solid;}
.bd-1-bl-l {border: 1px #47a9d6 solid;}
.bd-2-bl-l {border: 2px #47a9d6 solid;}
.bl-1-d9 {border-left: 1px #d9d9d9 solid;}

/* 显示隐藏开关，配合css3过渡效果 */
.visible {
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
}

.hidden {
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
}

/* 盒子定位铺满 */
.pafull-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.topleft-box {
    position: absolute;
    left: 0;
    top: 0;
}
.topright-box {
    position: absolute;
    right: 0;
    top: 0;
}
.topright10-box {
    position: absolute;
    right: 10px;
    top: 10px;
}


/*************************************************
*                                                *
*                      组件                      *
*                                                *
**************************************************/
/************************
         alert
*************************/
.alert-box {
    position: fixed;
    top: 48%;
    left: 50%;
    z-index: 19991016;
    margin-left: -140px;
    width: 260px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #333;
    color: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
}
.delete-box {position: relative;}
/************************
         confirm
*************************/
.confirm-box {
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 30%;
    margin-left: -180px;
    width: 360px;
    background-color: #fff;
    box-shadow: 0 0 5px #cecece;
    border: 1px #cecece solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
/************************
         popup
*************************/
.popup-box {
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 15%;
    background-color: #fff;
    box-shadow: 0 0 5px #cecece;
    border: 1px #cecece solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.popup-box.wd-540 {
    margin-left: -270px;
    width: 540px;
}
.popup-box.wd-640 {
    margin-left: -320px;
    width: 640px;
}
.popup-box.wd-900 {
    margin-left: -450px;
    width: 900px;
}

/************************
         商品列表
*************************/
/* 高宽比例盒子，1:1 */
.square-box {
    height: 0;
    display: block;
    overflow: hidden;
}
.square-box.one-one {padding-bottom: 100%;}
.square-box.one-two {padding-bottom: 50%;}
.square-box.banner-box {padding-bottom: 45.3125%;}
.bgimg {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.bgimg-100p {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.right-1-d9:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #d9d9d9;
}
.bottom-1-d9:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}
/*鼠标经过*/
.on-mouse .reason-box {display: block;}
/*.reason-box {
    display: none;
    position: absolute;
    top: 50px;
    z-index: 10;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .48);
    border: 1px #ddd solid;
    border-radius: 5px;
    width: 270px;
}*/
/*选项卡*/
.title li.on-tab span,
.title li.on-tab a,
.title li span:hover,
.title li a:hover {
    color: #000;
    border-bottom: 2px #47a9d6 solid;
}
.tab-content li {
    display: none;
}
.tab-content li.on-tab {
    display: block;
}
.tab-title.banner {
    border-left: 1px #d9d9d9 solid;
    line-height: 35px;
    height: 36px;
}
.tab-title.banner li {
    background-color: #f7f8fa;
    border: 1px #d9d9d9 solid;
    border-bottom-width: 0;
    border-left-width: 0;
}
.tab-title.banner li.on-tab {
    background-color: #fff;
    position: relative;
}
.tab-title.banner li.on-tab:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    z-index: 1;
}
/*弹窗*/
/*.popup-box {
    width: 600px;
    padding: 30px;
    position: fixed;
    left: 50%;
    z-index: 10;
    margin-left: -330px;
    top: 30%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .48);
    border: 1px #ddd solid;
}
.overlay {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}*/


/*************************************************
*                                                *
*                      模块                      *
*                                                *
**************************************************/
/* 菜单栏 */
.menu .mouseenter:hover div.cp,
.menu .select.on-select div.cp {
    border: 1px #47a9d6 solid;
    position: relative;
}
.menu .mouseenter:hover div.cp:before,
.menu .select.on-select div.cp:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px #47a9d6 solid;
}
.menu .select div.cp {
    display: block;
    border: 1px #d9d9d9 solid;
    background-color: #eee;
}
.menu .mouseenter:hover.cp,
.menu .select.on-select.cp {
    position: relative;
}
.menu .mouseenter:hover.cp,
.menu .select.on-select.cp {
    border: 1px #47a9d6 solid;
}
.menu .mouseenter:hover.cp:before,
.menu .select.on-select.cp:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px #47a9d6 solid;
}




/* 分页  */
.qd-page{ border: 1px solid #47A9D6; border-radius: 5px; background-color: #fff; margin: 5px 0 5px 0; display: inline-block; float: right; height: 25px;}
.qd-page a,.qd-page span{ font-size: 14px; border-right: 1px solid #47A9D6; padding: 1px 10px; display: inline-block; float: left; height: 23px; color: #47A9D6;line-height: 23px;}
.qd-page a:hover, .qd-page a.on{ background-color: #47A9D6; color: #fff;}

/* input file  */
.uploader {position: relative;display: inline-block;overflow: hidden;cursor: default;padding: 0;margin: 10px 0px;-moz-box-shadow: 0px 0px 5px #ddd;-webkit-box-shadow: 0px 0px 5px #ddd;box-shadow: 0px 0px 5px #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.white .button {color: #555;text-shadow: 1px 1px 0px #fff;background: #ddd;background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);border-color: #ccc;}
.button {float: left;height: 32px;display: inline-block;outline: 0 none;padding: 8px 12px;margin: 0;cursor: pointer;border: 1px solid;font: bold 9pt/100% Arial, Helvetica, sans-serif;-moz-border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;-moz-box-shadow: 0px 0px 1px #fff inset;-webkit-box-shadow: 0px 0px 1px #fff inset;box-shadow: 0px 0px 1px #fff inset;}
.filename{float:left;display:inline-block;outline:0 0;height:2pc;width:180px;margin:0;padding:8px 10px;overflow:hidden;cursor:default;border:1px solid;border-right:0;font:9pt/100% Arial,Helvetica,sans-serif;color:#777;text-shadow:1px 1px 0 #fff;text-overflow:ellipsis;white-space:nowrap;border-radius:5px 0 0 5px;background:#f5f5f5;background:-moz-linear-gradient(top,#fafafa 0,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#f5f5f5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);border-color:#ccc;box-shadow:0 0 1px #fff inset;box-sizing:border-box}
.uploader input[type=file]{position:absolute;top:0;right:0;bottom:0;border:0;padding:0;margin:0;height:30px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
/* END input file  */
/*蓝色连接*/
/*.color_blue{color: #47a9d6;}*/
.qd-page a:hover, .qd-page a.on{ background-color: #47A9D6; color: #fff;}

/**************** lunbo ****************/
.banner.div{width:754px;background-color: #fff;border:1px #b2dfdb solid;text-align: center;}
#show1{width: 640px;height:290px;overflow:hidden;position: relative;margin:0 auto;}
.div_ser1bg2{width:640px;height:290px;}
.div_ser1bg1{width: 640px;height: 16px;z-index:100;}
.tag_tit{height: 16px;}
.tag_tit dl{width: 100%;height: 16px;position: absolute;right: 0;bottom: 16px;}
.tag_tit dl dd a{width:15px;height:15px;margin:0 5px;display:block;border-radius: 15px;background-color: #b2dfdb;float: left;}
.tag_tit dl .on a{background-color: #00796a;border:1px #fff solid;}
/*会员*/
.vip .mouseenter ul {
    text-align: center;
    line-height: 20px;
    display: none;
    border: 1px #d9d9d9 solid;
    border-bottom-width: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    width: 100%;
}
.list .mouseenter ul {
    text-align: center;
    line-height: 20px;
    display: none;
    border: 1px #d9d9d9 solid;
    border-bottom-width: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}
.vip .mouseenter ul a {
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-bottom: 1px #d9d9d9 solid;
}
.list .mouseenter ul a {
    display: block;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px #d9d9d9 solid;
}
.list .mouseenter ul a:hover,
.vip .mouseenter ul a:hover {
    background-color: #369dcc;
    color: #fff;
}
.list .mouseenter.on-mouse ul,
.vip .mouseenter.on-mouse ul {
    display: block;
}

/*订单详情*/
.status-box .horizeline-patch {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 100px;
    top: 60px;
}
.status-box .verticalline-patch {
    position: absolute;
    height: 100%;
    width: 2px;
    left: -31px;
    top: 5px;
    z-index: -1;
}
.status .mouseenter ul {
    display: none;
}
.status .mouseenter.on-mouse ul {
    display: block;
}

/* 浅蓝色layer skin */
.laydate-theme-blue .layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: #1e9fff !important;
}

.laydate-theme-blue .layui-laydate-content td.laydate-selected {
    background-color: #d2d2d2;
}

.laydate-theme-blue .laydate-selected:hover {
    background-color: #d2d2d2 !important;
}

.laydate-theme-blue.layui-laydate .layui-this {
    background-color: #47a9d6 !important;
}

.laydate-theme-blue .layui-laydate-footer span:hover {
    color: #47a9d6;
}

.layui-layer.layer-theme-blue .layui-layer-title {
    background: #47a9d6;
    color: #fff;
}
.layui-layer.layer-theme-blue .layui-layer-btn0 {
    border-color: #47a9d6;
    background-color: #47a9d6;
}