/* reset */



html,body { padding: 0; margin: 0; width: 100%; height: 100%; }

html{font-size:87.5%;font-family: "Tahoma", "Microsoft Yahei", "Helvetica Neue", "Helvetica";}

ul { margin: 0; padding: 0; }

li { list-style: none; }

h1, h2, h3 { margin: 0; padding: 0; }

h1 { font-size: 26px; color: #616161; font-weight: normal; }

h2 { font-size: 24px; color: #616161; font-weight: normal; }

a { color: #989898; text-decoration: none; }


a:focus { outline: none; }

a img { vertical-align: bottom; }

input:focus { outline: none; }

input,

textarea { box-sizing: border-box; font-family: "Tahoma", "Microsoft Yahei", "Helvetica Neue", "Helvetica"; }

.clear:after{content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0}

.clear{zoom:1}

.clearfix{overflow:hidden;zoom:1;}

.fl{float:left;}

.fr{float:right;}

.page { padding: 53px 0; /* min-height: 100%; */ }

.wrap { position: relative; margin: 0 auto; width: 960px; }

body>.ui.grid.wrap { margin-left: auto !important; margin-right: auto !important; }

.hidden { display: none; }



/*========== 重写semantic样式 ==========*/

.ui.checkbox .box:before, .ui.checkbox label:before { 

    top: -1px; width: 16px; height: 16px; border-radius: 0;

    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);

}

.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {

    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);

}

.ui.checkbox .box:after, .ui.checkbox label:after {

    top: .2em; left: .14em; width: 10px; height: 5px;

    border-width: 3px; border-color: #898A8A;

}



/*========== dialog样式 ==========*/

.sp-dialog { position: fixed; z-index: 1001; background: #FFF; /* box-shadow: 0 0 20px #AFAFAF; */ 

    visibility: hidden; left: 50%; top: 50%; /* border-radius: 3px; */ }

.sp-dialog-header h2 { font-size: 14px; padding: 11px 40px 11px 11px; line-height: 20px; }

.sp-dialog-header i { float: right; margin: 8px 11px 0 0; padding: 5px 5px 5px 6px; font-style: normal; cursor: pointer;

                        background: #333; font-weight: bold; font-size: 14px; font-family: simsun; color: #FFF;

                        border-radius: 50%; }

.sp-dialog-header i:hover { color: #FFF; }

.sp-dialog-content { position: relative; padding: 10px 35px 20px; overflow-x: hidden; overflow-y: auto;

    min-width: 250px; max-width: 1015px; max-height: 560px; }

.sp-dialog-content .jcrop-holder { text-align: center; margin: auto; }

.sp-dialog-footer { padding: 10px; background: #666; }

.sp-dialog-footer .ok { float: right; padding: 4px 20px; font-size: 14px;

    font-weight: bold; text-align: center; text-decoration: none; background: #128DD8;

    border: 1px solid #128DD8; color: #FFF; cursor: pointer; }

.sp-dialog-footer .ok.disabled { background: #ccc; border: #CCC; }

.sp-dialog-footer .cancel { float: left; padding: 4px 20px; border: 1px solid #949494; background: none; color: #F2F2F2;

    font-size: 14px; cursor: pointer; }

.sp-mask { position: absolute; width: 100%; left: 0; top: 0; opacity: .6; z-index: 1000; background: #000; }

.sp-dialog-loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;

                        background: #CCC; opacity: .3; }

.sp-dialog-loadingtext { position: absolute; left: 50%; top: 50%; z-index: 1001; margin: -30px 0 0 -50px; 

                            padding: 3px 5px 5px; background: #FFF; border: 1px solid #AFAFAF; }

.sp-dialog-msg { padding: 0 10px 10px; color: #C09853; font-weight: bold; text-align: center; }

.sp-dialog-msg * { vertical-align: middle; }

.sp-dialog-msg img { width: 16px; height: 16px; }

.sp-dialog-msg span { display: inline-block; zoom: 1; padding-left: 5px; color: #525252; }

/*========== dialog样式END ==========*/



/*========== 消息样式 ==========*/

.pmsg-wrap { position: fixed; z-index: 11; top: 50px; left: 0; width: 100%; }

.pmsg-wrap .pmsg { position: relative; overflow: hidden; height: 50px; line-height: 60px; text-align: center; color: #FFF; }

.pmsg-wrap .pnormal { background-color: rgba(17, 165, 0, .7); filter：alpha(opacity=70); }

.pmsg-wrap .pwarning { background-color: rgba(255, 153, 102, .7); filter：alpha(opacity=70); }

.pmsg-wrap .perror { background-color: rgba(255, 0, 0, .7); filter：alpha(opacity=70); }

/*========== 消息样式END ==========*/



/* 控件样式 */

.pbox { border: 6px solid #313131; border: 6px solid rgba(0, 0, 0, .7); background: #FFF; }

.pbtn { display: inline-block; margin: 0; padding: 10px 81px 10px 82px; border: none; background: #26a4e5; 

    font-family: 'Microsoft Yahei'; font-size: 28px; font-weight: bold; color: #FFF; cursor: pointer; 

    transition: background 300ms ease; }

.pbtn:hover { background: #1D8DC7; }

.pbtn:focus { background: #1D8DC7; }

a.pbtn:hover { color: #FFF; }

.pipt { margin: 0; padding: 14px 12px 13px; border: 2px solid #d8d8d8; font-size: 14px; color: #989898; }

.pipt-disabled { border-color: #e3e8eb; background: #FFF; }

/*表单*/

.pform {}

.pform .msg { overflow: hidden; margin: 0 43px; height: 30px; color: #ff1f82; line-height: 30px;

    font-family: 'Tahoma', '宋体'; }

.pform .field { margin-bottom: 6px; }

.pform .field.error .pipt { border-color: #ff1f82; }

/*页头*/

.pheader { position: fixed; top: 0; left: 0; height: 50px; background: #FFF; }

/*页脚*/

.pfooter { height: 109px; background: #396278; }

/*icon*/

.picon { display: inline-block; width: 41px; height: 41px;

    background: url(../images/icon.gif) no-repeat 0 0; }

.iedit { background-position: -82px 0; }

.idelete { background-position: 0 0; }

.icopy { background-position: -41px 0; }

.itheme { width: 25px; height: 25px; background-position: 0 -95px; }

.ibg { width: 25px; height: 25px; background-position: -27px -95px; }

.ifont { background-position: -328px 0; }

.isetting { background-position: -123px 0; }

.iview { background-position: -164px 0; }

.ieye { background-position: 0 -55px; width: 32px; height: 24px; }

.ireport { background-position: -44px -51px; width: 32px; height: 28px; }

.iqr { background-position: -85px -51px; width: 26px; height: 26px; }

.ishare { background-position: -120px -51px; width: 34px; height: 29px; }

.ionline { background-position: 0 -131px; width: 25px; height: 25px;  }



/* jquery ui */

.ui-slider {

    position: relative;

    text-align: left;

}

.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 1.2em;

    height: 1.2em;

    cursor: default;

}

.ui-slider .ui-slider-range {

    position: absolute;

    z-index: 1;

    font-size: .7em;

    display: block;

    border: 0;

    background-position: 0 0;

}



/* For IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,

.ui-slider.ui-state-disabled .ui-slider-range {

    filter: inherit;

}



.ui-slider-horizontal {

    height: .8em;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -.3em;

    margin-left: -.6em;

}

.ui-slider-horizontal .ui-slider-range {

    top: 0;

    height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

    left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

    right: 0;

}



.ui-slider-vertical {

    width: .8em;

    height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

    left: -.3em;

    margin-left: 0;

    margin-bottom: -.6em;

}

.ui-slider-vertical .ui-slider-range {

    left: 0;

    width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

    bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

    top: 0;

}

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

    border: 1px solid #d3d3d3;

    background: #e6e6e6;

    font-weight: normal;

    color: #555555;

}

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited {

    color: #555555;

    text-decoration: none;

}

.ui-widget-header { background: #F2F2F2; }

.ui-widget-content { background: #F2F2F2; }