html {
    font-size: 14px
}

body, html {
    -ms-touch-action: none;
    touch-action: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none
}

body {
    font-style: normal;
    font-family: 'Microsoft YaHei',Helvetica,Arial,Verdana,sans-serif
}

a, blockquote, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, img, legend, li, ol, p, pre, textarea, ul {
    border: medium none;
    margin: 0;
    padding: 0;
    border: 0
}

td, th {
    margin: 0;
    padding: 0
}

a, button, input, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}

em, var {
    font-style: normal
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #1793BA;
}

    a:hover {
        color: #d00
    }

abbr, acronym, fieldset, img {
    border: 0;
    vertical-align: middle
}

abbr, acronym {
    font-variant: normal
}

legend {
    color: #000
}

ul, ul li {
    font-size: 0;
    line-height: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed
}

button, input[type=checkbox], input[type=radio], input[type=submit], label {
    cursor: pointer
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

a, button, div, header, label, span {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.load { /*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxRTkxMDY0RDIzQTdFNjExODg3MUZDNjlCRkY0OTA5RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MDk5QjlFREZCRTkxMUU3QkI3M0ZBQjMzM0Y5Qzk0RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MDk5QjlFQ0ZCRTkxMUU3QkI3M0ZBQjMzM0Y5Qzk0RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjZlMjEwYmQtNWEwNi0yYTQ1LWI0NTMtYTUwMGFiOWJkZDU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFFOTEwNjREMjNBN0U2MTE4ODcxRkM2OUJGRjQ5MDlFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iWSoowAAAGNQTFRF4uLi+/v74ODg4+Pj/f399PT08fHx/v7+5OTk39/f9fX18vLy6Ojo/Pz8+fn59/f3+Pj4+vr69vb27+/v4eHh7u7u5eXl8/Pz7Ozs6urq8PDw5ubm5+fn7e3t6enp3t7e////qylo3QAAApBJREFUeNrs2tuSojAQgOGAHIbzWR2dXXj/pxx03R1W0SowSpr6+9Yq4DNpSNKtupWEAgIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAfIKiGNpC2dBiPfRaoyPaCFItmk1xyZbAlKebm0rbWGfrlcuAOnHw95pTFd/11M274dEbVtbet88Vt220dsh8fybPvpz4rdD+nng6IY4/Wx9O6TPTP2ftfkXBQIECBAgXZJl1gog+fG0+tuW0iG74LImr2RD8uDf7sIVDTn+bJOUZIg13PBlgiHhEOIJhrhrgRRDSCk52QcHRLUvGTJIkqiTDOkOfx3729+8QtISJTyf26mR8cjb4JcvadGYurv8Xv7UrvxlvPdnyh1T4ZDEviRPsHdEQz4HL+ZIMCT779x9m0iF+FellEoq5HBd1REKsYLrok4hE/L7pjpViYSUIxVDiRB/rNpYCIRUY5XPSh7kNtPPJVwREHe4zI3Hi9GpAEg/l7bW6IHEIBrjIf55WWVfFuy+utceYDok2V6e9PM8vZq7jQ6p2ZD0ZwQ2/f6qCO5CGqMhpT141ODQfT1oPTEZ4l1/wB810aTGQvz9pG6gxlSI8zWxrclQSDG5gSs3EuLUkzvNGiMhyfSWudjMEZnRxmhmjkyH2CJPGl96USBAgAABIgyymr7feFb7z+Nwl+jE7reCKtHrSNScto9nIV1/V+VqnF2Oq2a1Rj0NCdsXRLgApAuVboYKuyUgfZ7Etj6FHXtPPIrqVhJAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgIiIbwEGAD55X4RkqijnAAAAAElFTkSuQmCC) 50% 50% no-repeat*/
}

input[type=password], input[type=text] {
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 1rem;
    margin: 0;
    outline: 0;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    padding: 0 5px;
    border-color: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

select {
    margin: 0;
    outline: 0;
    font-size: 1rem;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-color: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

textarea {
    width: 100%;
    line-height: 20px;
    font-size: 1rem;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    border-color: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.iscroll-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
}

label.custom-checkbox, label.custom-radio {
    height: auto;
    min-height: 14px;
    margin: 0;
    padding: 0 0 0 14px;
    position: relative;
    font-size: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle
}

    label.custom-checkbox input[type=checkbox], label.custom-checkbox input[type=radio], label.custom-radio input[type=checkbox], label.custom-radio input[type=radio] {
        width: 0;
        height: 0;
        font-size: 0;
        display: none
    }

    label.custom-checkbox span, label.custom-radio span {
        height: auto;
        line-height: 14px;
        display: inline-block;
        vertical-align: middle;
        font-size: 1rem;
        margin: 0 8px 0 4px
    }

    label.custom-checkbox:before, label.custom-radio:before {
        width: 14px;
        height: 14px;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAABaCAYAAACIV2cwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyYzQ2ZDhhMC0wMjE1LWRjNDktODU4My05NjY2Zjc5MWQ1MzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjAxODRENzZBODRBMTFFNDhGMkQ5QjZCQTRDMTgyNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjAxODRENzVBODRBMTFFNDhGMkQ5QjZCQTRDMTgyNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE1MDI5RUJFOUZBNjExRTQ4QzUzQUE5QTcxMEVFRjY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1MDI5RUJGOUZBNjExRTQ4QzUzQUE5QTcxMEVFRjY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ziNqBwAAA2xJREFUeNrsWEsvZEEU/uq6uhuJV4hYCMueIDHzV0zCTGYnGT2xICxEiLWFhY3paQs2E83KXixZEQsEYYXEI+Kt6Zdbc051l+nWt18WEjN9kpP7Ol/VqTrf/e7pFjs7O0gwB7mH/At5S/zeFrmf/Bd5WAeKBOB3IYSvrKwMpaWlKC4uhpQS4XAYj4+PeHh44OtuipviYFODioqKfPX19XC5XOqGZVnKDcOAw+FASUkJrq6ufE9PT4Ie+3hGB80UamhoUA/pXAF5NgZSICKRiDry7BcXF/zMZVBMd0VFhUpPg9Qa6JyygGmaKm2emY8cxxky8CsD0xkD9AB8zlkxhoGf9Loygdk5Cx6A7KOBHIwBDEywCF+tB4NB5GrRaFTVloH+29vbjMF6h9m4poxhoO/6+hqhUCgtUNeUy8FEYAwDQzSi5+joCHYp61ryTPEa/mCMZo6PcpcHBwe+yspKcHm4ZgziwXgp9/f3DGIe+15yVZOcR/xG/iF+jwN+k3uTSM4Lf40ZeKW9I6CZeLG7u5tROtxud+quEign6SDw1DOQQemkg0mt6UbSwSzyENhGOk5PIWdnITc3YwRvbkaovR3Rmpok6TATpQPHx7BGRoBA4O+7uLYG1/Y2gsPDkLW1Ki4QCCRLh/T7k0DPRutzLCyklw6dnm3dtrbylw4bS5YO0dqaXgXiz2ylQ3R2AlTHFKN71ufPSdLB5XBS7sGmpiY4nU61s7xJer2chdXRgQiVg0lwfn6uyqHYQeDu/f19SaPJl0YFl6RH8vLyUu7t7UmK9TAmhXLZpINZk6IAcZKnlQ5bkhekw0Y6aCd/xncyH/MycyS/xNlMf7H4eHJyEhMrRbUslthEPKtc/B3L9aP639SxAMzyffQS0fMneUE6/gnpMLR0ZHQKNsfHYa6s5LE5pDNyYgJiYwPm0pINkIWIPpov+mpIrxdyfR2orka4tzcVKCcnYQ0NAYeHejcgZ2Ygl5eB8nLV/8iqKpsZuUG6u4M1NgacnUHOzUEuLqr7BjdNdXX23aPo6gJubiBXV2Mzc6NEu20MDgKNjbGl2DKHfzv19UG0tMRAtJuivx9wu3OgHAcPDEBQ4yd6eiDa2nJrdPVaxehoQToK0vEWXQd3wpk2Izo9Xfgiv4PfyMb8fObOMeGPlLeXjj8CDAD7O1pEYOClqgAAAABJRU5ErkJggg==) 0 0 no-repeat
    }

    label.custom-radio:before, label.custom-radio:hover:before {
        background-position: 0 0
    }

    label.custom-radio.checked:before, label.custom-radio.checked:hover:before {
        background-position: 0 -19px
    }

    label.custom-checkbox:before {
        background-position: 0 -38px
    }

    label.custom-checkbox.checked:before, label.custom-checkbox.checked:hover:before {
        background-position: 0 -57px
    }

    label.custom-checkbox.half-checked:before, label.custom-checkbox.half-checked:hover:before {
        background-position: 0 -76px
    }

    label.custom-checkbox:hover:before {
        background-position: 0 -38px
    }

.box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.box-horizontal {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal
}

.box-vertical {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical
}

.box1 {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.box2 {
    box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    width: 1px;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.box3 {
    box-flex: 3;
    -moz-box-flex: 3;
    -webkit-box-flex: 3;
    width: 1px;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.box4 {
    box-flex: 4;
    -moz-box-flex: 4;
    -webkit-box-flex: 4;
    width: 1px;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.box5 {
    box-flex: 5;
    -moz-box-flex: 5;
    -webkit-box-flex: 5;
    width: 1px;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.box6 {
    box-flex: 6;
    -moz-box-flex: 6;
    -webkit-box-flex: 6;
    width: 1px;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.box7 {
    box-flex: 7;
    -moz-box-flex: 7;
    -webkit-box-flex: 7;
    width: 1px;
    -webkit-flex: 7;
    -ms-flex: 7;
    flex: 7
}

.box8 {
    box-flex: 8;
    -moz-box-flex: 8;
    -webkit-box-flex: 8;
    width: 1px;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8
}

.box9 {
    box-flex: 9;
    -moz-box-flex: 9;
    -webkit-box-flex: 9;
    width: 1px;
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9
}

.box10 {
    box-flex: 10;
    -moz-box-flex: 10;
    -webkit-box-flex: 10;
    width: 1px;
    -webkit-flex: 10;
    -ms-flex: 10;
    flex: 10
}

.box11 {
    box-flex: 11;
    -moz-box-flex: 11;
    -webkit-box-flex: 11;
    width: 1px;
    -webkit-flex: 11;
    -ms-flex: 11;
    flex: 11
}

.box12 {
    box-flex: 12;
    -moz-box-flex: 12;
    -webkit-box-flex: 12;
    width: 1px;
    -webkit-flex: 12;
    -ms-flex: 12;
    flex: 12
}

.box13 {
    box-flex: 13;
    -moz-box-flex: 13;
    -webkit-box-flex: 13;
    width: 1px;
    -webkit-flex: 13;
    -ms-flex: 13;
    flex: 13
}

.box14 {
    box-flex: 14;
    -moz-box-flex: 14;
    -webkit-box-flex: 14;
    width: 1px;
    -webkit-flex: 14;
    -ms-flex: 14;
    flex: 14
}

.box15 {
    box-flex: 15;
    -moz-box-flex: 15;
    -webkit-box-flex: 15;
    width: 1px;
    -webkit-flex: 15;
    -ms-flex: 15;
    flex: 15
}

.box16 {
    box-flex: 16;
    -moz-box-flex: 16;
    -webkit-box-flex: 16;
    width: 1px;
    -webkit-flex: 16;
    -ms-flex: 16;
    flex: 16
}

.box17 {
    box-flex: 17;
    -moz-box-flex: 17;
    -webkit-box-flex: 17;
    width: 1px;
    -webkit-flex: 17;
    -ms-flex: 17;
    flex: 17
}

.box18 {
    box-flex: 18;
    -moz-box-flex: 18;
    -webkit-box-flex: 18;
    width: 1px;
    -webkit-flex: 18;
    -ms-flex: 18;
    flex: 18
}

.box19 {
    box-flex: 19;
    -moz-box-flex: 19;
    -webkit-box-flex: 19;
    width: 1px;
    -webkit-flex: 19;
    -ms-flex: 19;
    flex: 19
}

.box20 {
    box-flex: 20;
    -moz-box-flex: 20;
    -webkit-box-flex: 20;
    width: 1px;
    -webkit-flex: 20;
    -ms-flex: 20;
    flex: 20
}

.box-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center
}

input::-webkit-input-placeholder {
    line-height: normal
}

input::-moz-input-placeholder {
    line-height: normal
}

input:-moz-input-placeholder {
    line-height: normal
}

input::-ms-input-placeholder {
    line-height: normal
}

.clear {
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0
}
/*ͼƬ²é¿´*/
.custom-photo-shadow * {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei',Helvetica,Arial,Verdana,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-photo-shadow {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    background: #000;
}

    .custom-photo-shadow .custom-photo-header {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        padding: 10px;
        background: rgba(0,0,0,0.4);
        z-index: 2;
    }

        .custom-photo-shadow .custom-photo-header ul {
            display: inline-block;
            vertical-align: middle;
        }

            .custom-photo-shadow .custom-photo-header ul li {
                display: inline-block;
                vertical-align: middle;
                font-size: 12px;
                color: #fff;
            }

        .custom-photo-shadow .custom-photo-header em {
            float: right;
            font-size: 30px;
            font-style: normal;
            color: #fff;
            margin-top: -10px;
            cursor: pointer;
        }

    .custom-photo-shadow .custom-photo-main {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: table-cell;
        text-align: center;
        overflow: hidden;
    }

        .custom-photo-shadow .custom-photo-main img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
        }

    .custom-photo-shadow .cps-left, .custom-photo-shadow .cps-right {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        z-index: 2;
        margin-top: -20px;
    }

    .custom-photo-shadow .cps-left {
        left: 10px;
        background: url(../images/arrow.png) no-repeat;
        background-position: 0 0;
    }

    .custom-photo-shadow .cps-right {
        right: 10px;
        background: url(../images/arrow.png) no-repeat;
        background-position: -40px 0;
    }

.area-ul li:hover {
    background-color: #f9f2f2;
    cursor: pointer;
}

.table-fix {
    table-layout: fixed !important;
    width: 100% !important;
}

    .table-fix .nowrap {
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow: hidden !important;
    }

.table-fix-right thead tr td:last-child,
.table-fix-right tbody tr td:last-child {
    position: sticky;
    right: 0;
    z-index: 98;
    background-color: whitesmoke;
}

.table-fix-top thead tr td {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: whitesmoke;
}

.bigimg {
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 9999;
    border: 10px solid #fff
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    z-index: 98;
    transition: all 1s;
    display: none
}

.bigbox {
    width: 840px;
    background: #fff;
    border: 1px solid #ededed;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px
}

    .bigbox > .imgbox {
        width: 400px;
        float: left;
        border-radius: 5px;
        overflow: hidden;
        margin: 0 10px 10px 10px
    }

        .bigbox > .imgbox > img {
            width: 100%
        }

.imgbox:hover {
    cursor: zoom-in
}

.mask:hover {
    cursor: zoom-out
}

.bigimg:hover {
    cursor: move
}

.mask > img {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 60px
}

    .mask > img:hover {
        cursor: pointer
    }

.msg-tip {
    position: absolute;
    z-index: 999999;
    background-color: black;
    padding: 5px;
    color: white;
    opacity: 0.75;
    border-radius: 5px;
    width: 200px;
    font-size: 13px;
    transform: rotateZ(0deg);
    display: block;
}

    .msg-tip::after {
        content: "";
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid black;
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }