@charset 'utf-8';
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
form,
fieldset,
input,
textarea,
button,
img,
hr,
p,
pre,
blockquote,
legend
{
    margin: 0;
    padding: 0;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
       -moz-tap-highlight-color: transparent;
}
iframe,
img,
fieldset,
abbr,
acronym
{
    border: 0;
}
header,
footer,
section,
article,
nav,
hgroup,
address,
img
{
    display: block;
}
table
{
    border-spacing: 0;
    border-collapse: collapse;
}
th,
em,
var,
i,
address,
caption,
cite,
code,
dfn
{
    font-weight: normal;
    font-style: normal;
}
ol,
ul,
li
{
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 100%;
    font-weight: normal;
}
a,
button
{
    cursor: pointer;
    text-decoration: none;

    color: inherit;
    outline: 0;
}
:focus,
[hidefocus]
{
    outline: 0;
}
textarea
{
    overflow: auto;

    height: auto;

    resize: none;
}
/*input:read-only, select:disabled { background: #efefef }
*/
body,
textarea,
input,
button,
select
{
    font: 14px/20px \5fae\8f6f\96c5\9ed1, Arial, sans-serif;

    text-align: left;
    text-decoration: none;

    color: #666;
    outline: 0;
}
@media screen and (max-width: 1366px)
{
    body,
    textarea,
    input,
    button,
    select
    {
        font-size: 13px;
    }
}
@media screen and (max-width: 1024px)
{
    body,
    textarea,
    input,
    button,
    select
    {
        font-size: 12px;
    }
}
a:hover
{
    color: #f59510;
}
input,
textarea,
select
{
    line-height: 32px;

    box-sizing: border-box;
    padding: 0 5px;

    transition: all .2s ease;

    border: 1px solid #dfe3e9;
    border-radius: 3px;
    background: #fff;
}
input.Sel,
textarea.Sel,
select.Sel
{
    background: #efefef;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder
{
    color: #aaa;
}
select
{
    line-height: 20px;

    padding: 5px 3px;
}
input[type=radio],
input[type=checkbox]
{
    display: inline-block;

    width: 20px;
    height: 20px;
    margin-right: 5px;

    vertical-align: middle;

    border: solid 1px #0093ff !important;
    background: #f00 !important;
}
input[type=file]
{
    position: absolute;
    z-index: 0;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: 0;
}
input:focus,
textarea:focus
{
    border: 1px solid #0093ff;
}
.FL
{
    float: left;
}
.FR
{
    float: right;
}
.cls
{
    clear: both;
}
.VM
{
    vertical-align: middle;
}
.Mtop
{
    margin-top: 10px !important;
}
.Ptop
{
    padding-top: 10px !important;
}
.Img
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    background: #efefef;
}
.Img a
{
    line-height: 100%;

    display: flex;

    width: 100%;
    height: 100%;

    text-align: center;

    flex-flow: column nowrap;
    justify-content: center;
}
.Img img
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}
.Img .vh
{
    display: flex !important;

    flex-flow: row nowrap !important;
}
.Img .vh img
{
    width: auto !important;
    height: 100%;
}
.Btn1,
.Btn2,
.Btn3,
.Btn4,
.Btn5,
.Btn6,
.Btn7,
.Btn8
{
    line-height: 20px;

    padding: 4px 16px;

    cursor: pointer;
    text-align: center;
    letter-spacing: 2px;

    color: #fff;
    border: 1px solid #f59510;
    border-radius: 3px;
    background: linear-gradient(0deg, #f59510, rgba(245, 149, 16, .9));
}
.Btn1 i,
.Btn2 i,
.Btn3 i,
.Btn4 i,
.Btn5 i,
.Btn6 i,
.Btn7 i,
.Btn8 i
{
    display: inline-block;

    margin-right: 8px;

    vertical-align: sub;
}
.Btn1:hover,
.Btn2:hover,
.Btn3:hover,
.Btn4:hover,
.Btn5:hover,
.Btn6:hover,
.Btn7:hover,
.Btn8:hover,
.Btn1:active,
.Btn2:active,
.Btn3:active,
.Btn4:active,
.Btn5:active,
.Btn6:active,
.Btn7:active,
.Btn8:active
{
    color: #fff;
    border: 1px solid #f5e110;
    background: #f5e110;
    box-shadow: 0 3px 5px rgba(245, 149, 16, .3);
}
.Btn1.Max,
.Btn2.Max,
.Btn3.Max,
.Btn4.Max,
.Btn5.Max,
.Btn6.Max,
.Btn7.Max,
.Btn8.Max
{
    font-size: 15px;

    padding: 8px 18px;
}
.Btn1.Min,
.Btn2.Min,
.Btn3.Min,
.Btn4.Min,
.Btn5.Min,
.Btn6.Min,
.Btn7.Min,
.Btn8.Min
{
    font-size: 12px;

    margin-right: 6px;
    padding: 4px 8px;
}
.Btn1.Min:last-of-type,
.Btn2.Min:last-of-type,
.Btn3.Min:last-of-type,
.Btn4.Min:last-of-type,
.Btn5.Min:last-of-type,
.Btn6.Min:last-of-type,
.Btn7.Min:last-of-type,
.Btn8.Min:last-of-type
{
    margin-right: 0;
}
.Btn2
{
    border: 1px solid #fb2305;
    background: linear-gradient(0deg, #fb2305, rgba(251, 35, 5, .9));
}
.Btn2:hover,
.Btn2:active
{
    border: 1px solid #fb7505;
    background: #fb7505;
    box-shadow: 0 3px 5px rgba(251, 35, 5, .3);
}
.Btn3
{
    border: 1px solid #0093ff;
    background: linear-gradient(0deg, #0093ff, rgba(0, 147, 255, .9));
}
.Btn3:hover,
.Btn3:active
{
    border: 1px solid #003eff;
    background: #003eff;
    box-shadow: 0 3px 5px rgba(0, 147, 255, .3);
}
.Btn4
{
    border: 1px solid #28b779;
    background: linear-gradient(0deg, #28b779, rgba(40, 183, 121, .9));
}
.Btn4:hover,
.Btn4:active
{
    border: 1px solid #28b7a9;
    background: #28b7a9;
    box-shadow: 0 3px 5px rgba(40, 183, 121, .3);
}
.Btn5
{
    border: 1px solid #6c757d;
    background: #6c757d;
}
.Btn5:hover,
.Btn5:active
{
    border: 1px solid #6c6f7d;
    background: #6c6f7d;
    box-shadow: 0 3px 5px rgba(108, 117, 125, .3);
}
.Btn6
{
    border: 1px solid #343a40;
    background: #343a40;
}
.Btn6:hover,
.Btn6:active
{
    border: 1px solid #343640;
    background: #343640;
    box-shadow: 0 3px 5px rgba(52, 58, 64, .3);
}
.Btn7
{
    color: #0093ff;
    border: 1px solid rgba(0, 147, 255, .2);
    background: #f8f9fa;
}
.Btn7:hover,
.Btn7:active
{
    color: #fff;
    border: 1px solid #f59510;
    background: #f59510;
    box-shadow: 0 3px 5px rgba(245, 149, 16, .3);
}
.Btn8
{
    border: 1px solid #c814c5;
    background: linear-gradient(0deg, #c814c5, rgba(200, 20, 197, .9));
}
.Btn8:hover,
.Btn8:active
{
    border: 1px solid #c81489;
    background: #c81489;
    box-shadow: 0 3px 5px rgba(200, 20, 197, .3);
}
.Badge1,
.Badge2,
.Badge3,
.Badge4,
.Badge5,
.Badge6,
.Badge7
{
    font-size: 11px;
    line-height: 22px;

    display: inline-block;

    padding: 0 8px;

    color: #fff;
    border-radius: 3px;
    background: #f59510;
}
.Badge1.on,
.Badge2.on,
.Badge3.on,
.Badge4.on,
.Badge5.on,
.Badge6.on,
.Badge7.on
{
    font-size: 10px;

    margin-left: 5px;
    padding: 0 5px;

    border-radius: 0;
}
.Badge2
{
    background: #fb2305;
}
.Badge3
{
    background: #0093ff;
}
.Badge4
{
    background: #28b779;
}
.Badge5
{
    background: #6c757d;
}
.Badge6
{
    background: #343a40;
}
.Badge7
{
    color: #0093ff;
    background: #f8f9fa;
}
.Badge8
{
    background: #c814c5;
}
.Badge9
{
    background: #c814c5;
}
.AlertBg
{
    position: fixed;
    z-index: 9990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    background: rgba(0, 0, 0, .4);
}
.Alert
{
    position: fixed;
    z-index: 9991;
    top: calc((100vh - 210px)/2);
    left: calc((100vw - 340px)/2);

    box-sizing: border-box;
    width: 340px;
    min-height: 210px;
    margin-top: 150px;
    padding: 20px;

    opacity: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(102, 102, 102, .75);
}
.Alert .Icon
{
    width: 60px;
    height: 60px;
    margin: 0 auto;

    background: url('/Images/Alert_warning.png') no-repeat;
}
.Alert .error
{
    background: url('/Images/Alert_error.png') no-repeat;
}
.Alert .info
{
    background: url('/Images/Alert_info.png') no-repeat;
}
.Alert .question
{
    background: url('/Images/Alert_question.png') no-repeat;
}
.Alert .success
{
    background: url('/Images/Alert_success.png') no-repeat;
}
.Alert .Msg
{
    font-size: 18px;
    line-height: 36px;

    padding: 10px 0 20px;

    text-align: center;
}
.Alert .ButtonDiv
{
    text-align: center;
}
.Alert button
{
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;

    margin: 0 18px;
    padding: 0 30px;

    color: #fff;
    border: 0 none;
    border-radius: 3px;
    background: #0093ff;
}
.Alert button:hover
{
    background: #fb2305;
    box-shadow: 0 3px 5px rgba(251, 35, 5, .3);
}
.Alert .Cancel
{
    display: none;

    background: #c1c1c1;
}
.Alert .Cancel:hover
{
    background: #fb2305;
}
.Prompt
{
    position: fixed;
    z-index: 9991;
    top: calc((100vh - 380px)/2);
    left: calc((100vw - 500px)/2);

    box-sizing: border-box;
    width: 500px;
    padding: 38px;

    border-radius: 5px;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(102, 102, 102, .75);
}
@media screen and (max-width: 800px)
{
    .Prompt
    {
        top: 0;
        bottom: 0;
        left: 0;

        width: 100vw;
        height: 100vh;

        border-radius: 0;
    }
}
.Prompt .Title
{
    font-size: 18px;
    line-height: 1em;

    padding-bottom: 10px;

    border-bottom: solid 1px #ddd;
}
.Prompt .ButtonDiv
{
    text-align: center;
}
.Prompt button
{
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;

    margin: 0 18px;
    padding: 0 30px;

    color: #fff;
    border: 0 none;
    border-radius: 3px;
    background: #0093ff;
}
.Prompt button:hover
{
    background: #fb2305;
    box-shadow: 0 3px 5px rgba(251, 35, 5, .3);
}
.Prompt .Cancel
{
    background: #c1c1c1;
}
.Prompt .Cancel:hover
{
    background: #f59510;
}
.Prompt .List
{
    position: relative;

    padding: 20px 0;
}
.Prompt .Len
{
    line-height: 40px;

    position: absolute;
    right: 0;

    display: block;

    margin-top: -40px;
    margin-right: 10px;
}
.Prompt input
{
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    padding: 5px !important;

    border: 0 none !important;
    background: #f5f5f5 !important;
}
.Prompt textarea
{
    font-size: 16px;
    line-height: 30px;

    width: 100%;
    min-height: 150px;
    padding: 5px !important;

    border: 0 none !important;
    background: #f5f5f5 !important;
}
.Overlay
{
    font-size: 16px;
    line-height: 36px;

    position: fixed;
    z-index: 9991;
    top: 50%;
    left: 50%;

    width: 120px;
    min-height: 100px;
    margin-left: -80px;
    padding: 20px;

    text-align: center;

    opacity: 0;
    color: #fff;
    border-radius: 5px;
    background: rgba(0, 0, 0, .8);
    box-shadow: 5px 5px 15px rgba(102, 102, 102, .75);
}
.Overlay .Icon
{
    width: 60px;
    height: 60px;
    margin: 0 auto;

    opacity: .6;
    background: url('/Images/Overlay_check.png') no-repeat;
    background-size: 60px;
}
.Overlay .cross
{
    background: url('/Images/Overlay_cross.png') no-repeat;
    background-size: 60px;
}
.UpImg
{
    position: relative;

    overflow: hidden;
}
.UpImg input[type=file]
{
    z-index: 2;
}
.UpImg .Item
{
    width: 100%;
    height: 100%;
}
.UpImg .Imgs
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.UpImg .Imgs img
{
    display: inline-block;

    max-height: 100%;
    margin-left: 50%;

    transform: translateX(-50%);
}
.UpImg .Error
{
    position: absolute;
    z-index: 1;
    bottom: 0;

    width: 100%;

    text-align: center;

    color: #13a016;
}
.UpImg .Progress
{
    z-index: 1;

    width: 100%;
    height: 100%;

    background: url('/Images/loader.gif') no-repeat center #fff;
}
.UpImg .Progress em
{
    font-family: Arial;

    position: absolute;
    bottom: 0;

    overflow: hidden;

    width: 100%;

    text-align: center;
    text-overflow: ellipsis;
}
.UpImgs .Item
{
    position: relative;

    float: left;

    width: 100px;
    height: 100px;
    margin-right: 10px;

    border: solid 1px #eee;
    background: #efefef;
}
.UpImgs .Item .Imgs
{
    overflow: hidden;

    height: 100px;

    text-align: center;
}
.UpImgs .Item img
{
    display: inline-block;

    max-height: 100%;
    margin-left: 50%;

    transform: translateX(-50%);
}
.UpImgs .Item:hover
{
    border: dashed 1px #f00;
}
.UpImgs .on
{
    border: solid 1px #efefef;
    background: url('/Images/UpImgs.gif') no-repeat center #f6f6f6;
}
.UpImgs .Close
{
    position: absolute;
    z-index: 2;
    right: 0;

    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-right: -8px;

    cursor: pointer;

    background: url('/Images/UpImgs_Close.png');
}
.UpImgs .Error
{
    position: absolute;
    z-index: 1;
    top: 50%;

    width: 100%;
    margin-top: -14px;

    text-align: center;

    color: #f00;
}
.UpImgs .Progress
{
    z-index: 1;

    width: 100%;
    height: 100%;

    background: url('/Images/loader.gif') no-repeat center;
}
.UpImgs .Progress em
{
    font-family: Arial;

    position: absolute;
    bottom: 0;

    overflow: hidden;

    width: 100%;

    text-align: center;
    text-overflow: ellipsis;
}
.BoxBg
{
    position: fixed;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100vw;
    height: 100vh;

    background: rgba(0, 0, 0, .3);
    /*背景阴影框*/
}
.EndDiv
{
    display: block;

    width: 100%;
    height: 100px;
}
.EndT
{
    font-size: 12px;
    line-height: 28px;

    display: block;
    clear: both;

    padding: 10px 0 20px;

    text-align: center;

    color: #aaa;
}
.ListNo
{
    display: flex;

    justify-content: center;
    flex-flow: column;
}
.ListNo img
{
    display: block;

    width: 30vw;
    margin: 50px auto 20px;
}
.ListNo span
{
    font-size: 13px;

    display: block;

    text-align: center;

    color: #bbb;
}
.ListNo .Btn
{
    font-size: 15px;

    margin: 20px auto;
    padding: 6px 22px;

    color: #13a016;
    border: solid 1px #13a016;
    border-radius: 3px;
}
.PageList
{
    line-height: 28px;

    text-align: right;
}
.PageList span
{
    margin: 0 5px;
}
.PageList em
{
    margin: 0 5px;

    color: #fb2305;
}
.PageList .on
{
    height: 20px;
    margin: 0 3px;
    padding: 4px 10px;

    text-decoration: none;

    color: #fff;
    background: #0093ff;
}
.PageList a
{
    height: 20px;
    margin: 0 3px;
    padding: 4px 10px;

    text-decoration: none;

    color: #555;
    background: #efefef;
}
.Loading
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    left: 0;

    height: 20px;
}
.Loading em
{
    display: block;

    width: 100%;
    height: 3px;
}
.Loading em i
{
    display: block;

    width: 0;
    height: 100%;

    background: #0093ff;
    box-shadow: #0093ff 0 0 10px;
}
.Loading.on
{
    bottom: 0;

    height: auto;

    background: #eee url('/Images/loader.gif') no-repeat center;
}
.iconfont
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    margin-right: 3px;

    vertical-align: middle;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face
{
    font-family: 'iconfont';
    /* project id 1410122 */

    src: url('//at.alicdn.com/t/font_1410122_np190vxwm4.eot');
    src: url('//at.alicdn.com/t/font_1410122_np190vxwm4.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1410122_np190vxwm4.woff2') format('woff2'), url('//at.alicdn.com/t/font_1410122_np190vxwm4.woff') format('woff'), url('//at.alicdn.com/t/font_1410122_np190vxwm4.ttf') format('truetype'), url('//at.alicdn.com/t/font_1410122_np190vxwm4.svg#iconfont') format('svg');
}
.Content
{
    clear: both;

    max-width: 1200px;
    margin: 0 auto;
}
/*分享*/
.share
{
    height: 32px;
}
.share span
{
    line-height: 32px;

    display: inline-block;
    float: left;

    height: 32px;
}
.share a
{
    margin: 0 3px !important;
}
.tags a
{
    line-height: 20px;

    display: inline-block;

    margin: 0 3px;
    padding: 3px 10px;

    color: #fff;
    background: #0d6bc6;
}
/*微信浏览器打开提示*/
.WeixinTip
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: rgba(0, 0, 0, .8);

    filter: alpha(opacity=80);
}
.WeixinTip .List
{
    position: relative;

    box-sizing: border-box;
    padding: 20px;
}
.WeixinTip .List span
{
    font-size: 38px;

    position: absolute;

    color: #fff;
}
.WeixinTip .List img
{
    display: block;

    max-width: 100%;
}