body, html, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, header, menu, section, p, input, td, th {padding:0;margin:0;}
body, textarea, select, input, button {border:none;font-size:12px;color:#333;font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;}
section, header, main, article, aside {display:block;}
em, i {font-style:normal;text-align:left;font-size:inherit;}
html, body, img, iframe {border:0;}
textarea {resize:none;overflow:auto;}
input:focus, textarea:focus, span:focus, a:focus, button:focus {outline:none;}
li, s {list-style:none;}
img, .txt {border:0;}
mark {background:none;}
[hidefocus] {outline:none;}
a {text-decoration:none;color:#333;}
a:hover {color:#333;}
a, a *, .f-hand, .f-hand * {cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.f-cb:after {clear:both;content:'.';display:block;height:0;visibility:hidden;}
.f-cb {*zoom:1;}
.f-ib {display:inline-block;*display:inline;*zoom:1; }
.f-img, .f-blk {display:block;width:100%;height:100%;}
.f-pr {position:relative;zoom:1;}
.f-pa {position:absolute;}
.f-hide, .js-hide {display:none !important;}
.f-show {display:block !important;}
.f-vhide, .js-vhide {visibility:hidden;}
.f-oh {overflow:hidden;}
.f-fl {float:left;}
.f-fr {float:right;}
.f-sep {margin-left:5px;margin-right:5px;}
.f-ff0 {font-family:Arial, Helvetica, sans-serif;}
.f-ff1 {font-family:simsun, \5b8b\4f53;}
.f-ff2 {font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
.f-ff3 {font-family:Georgia, "Times New Roman", Times, serif;}
.f-fs0 {font-size:12px;}
.f-fs1 {font-size:14px;}
.f-fs2 {font-size:16px;}
.f-fs3 {font-size:18px;}
.f-fs4 {font-size:20px;}
.f-fw0 {font-weight:normal;}
.f-fw1 {font-weight:bold;}
.f-tdu, .f-tdu:hover {text-decoration:underline;}
.f-tdn, .f-tdn:hover {text-decoration:none;}
.f-pre {word-wrap:break-word;word-break:break-all;}
.f-thide {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.f-thide2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.f-thide3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.f-thide4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.f-tdlt {text-decoration:line-through;}
.f-orange {color:#f60;}
.f-green {color:#008000;}
.f-cyan {color:#858A29;}
.web-box3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.fade {opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;}
.fade.in {opacity:1;}
.f-break-all {word-break:break-all;}
.f-co-aaa {color:#aaa;}
.f-co-f00 {color:#f00;}
.jectdate[readonly] {cursor:pointer;background-color: #fff; }
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog {
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translate(0, -25%);
    -ms-transform:translate(0, -25%);
    -o-transform:translate(0, -25%);
    transform:translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position:absolute;left:50%;width:500px;margin-left:-250px;}
.modal-content {position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip: padding-box;
    border: 1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;outline:0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop {position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5;}
/** 弹窗组件样式1 */
.tiptrue button.close {display:none;}
.tiptrue .modal-header:before,.tiptrue .modal-header:after {content:'';position:absolute;left:0;width:100%;border-radius:6px;}
.tiptrue .modal-header:before {z-index:1;top:-2px;height:12px;background-color:#ff0b51;}
.tiptrue .modal-header:after {z-index:2;top:0;height:10px;background-color:#fff;}
.tiptrue .modal-header .modal-title {line-height:44px; text-align:center;padding-top:10px;font-size:24px;color:#333;}
.tiptrue .modal-body {padding:10px;text-align:center;font-size:16px;color:#666;}
.tiptrue .modal-footer {text-align:center;padding-bottom:20px;padding-top:10px;}
.tiptrue .modal-footer button.btn {width:164px;text-align:center;background-color:#ff0b51;color:#fff;border-radius:6px;cursor:pointer;margin: 0 10px;}
.tiptrue .modal-footer button.btn:hover {background-color:#e50a49;}
.tiptrue .modal-footer button.cancel {background-color:#c5c5c5;}
.tiptrue .modal-footer button.cancel:hover {background-color: #b1b0b0;}

a.b-red {background-color:#ff1755;color:#fff;}
a.b-red:hover {background-color:#e5154c;}

/** Loading */
.w-loading { position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999; background:rgba(137, 137, 137, 0.3);}
.w-loading .load { position:absolute; line-height:37px; top:300px; left:50%;}
.w-loading i { float:left; width:37px; height:37px; margin-right:5px; background:url(../../img/loading.gif);}
/** tips */
.m-mesg {z-index:9999;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
.m-mesg .m-tips{position:relative;padding:30px;}
.m-mesg .m-tips .box{position:relative;z-index:2;width:100%; color:#fff;text-align:center;font-size:16px;}
.m-mesg .m-tips .bg {position:absolute;left:0;top:0;z-index:1; width:100%;height:100%;background-color:#000;opacity:0.7;border-radius:10px;}

/** pager */
/*
.pagination {display:inline-block;padding-left: 0;margin:10px 0;border-radius: 4px;float:right;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
*/


.m-ability {}
.m-ability .header {height:260px;margin:10px 0;}
.m-ability .header .tit{text-align:center;font-size:16px;color:#666;line-height:36px;}
.m-ability .header .red {position:relative;z-index:3; color:#ff0b51;font-size:14px;line-height:30px;}
.m-ability .header .red a {color:#ff0b51;}
.m-ability .header .fz18 {font-size:18px;}
.m-ability .header .fz16 {font-size:16px;}
.m-ability .header .fz14 {font-size:14px;}
.m-ability .header .align {text-align:center;}
.m-ability .header .align span {margin:10px;}
.m-ability .header,.m-ability .header .n-m .t {display:-moz-box;display:-webkit-box;display:-o-box;display:box;display:flex;display:inline-block\9;}
.m-ability .header .n-l,.m-ability .n-r,.m-ability .n-m .l,.m-ability .n-m .r {-moz-box-flex:1;-webkit-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;}
.m-ability .header .n-m {-moz-box-flex:2;-webkit-box-flex:2;-ms-box-flex:2;-o-box-flex:2;box-flex:2;}
.m-ability .header .boxshaw {box-shadow:0px 0px 5px rgba(174, 174, 174, 0.5);background-color:#fff;border-radius:6px;margin:0 5px;overflow:hidden;}
.m-ability .header .n-l {width:25%;margin-left:0;text-align:center;}
.m-ability .header .n-l .name {font-size:16px;line-height:26px;color:#666;}
.m-ability .header .n-l .start {margin:10px auto;}
.m-ability .header .n-m {width:50%;}
.m-ability .header .n-r {width:25%;}
.m-ability .header .n-r .t,.m-ability .header .n-r .b{margin-right:0;}
.m-ability .header .n-l .img {width:110px;height:110px;border-radius:55px;overflow:hidden;margin:45px auto 0;background-color:#dbdbdb;}
.m-ability .header .n-l .img img {width:100%;}
.m-ability .header .n-m .t .l,.m-ability .header .n-m .t .r,.m-ability .header .n-r .t {height:120px;margin-bottom:10px;width:50%;}
.m-ability .header .n-r .t {width:auto;}
.m-ability .header .n-r .t .align {line-height:22px;padding:10px;}
.m-ability .header .n-r .b img {width:80px;height:80px;margin:0 auto;}
.m-ability .header .n-m .b,.m-ability .header .n-r .b {height:130px;}
.m-ability .header .con {padding:0 10px;color:#999;font-size:14px;line-height:22px;text-indent:28px;}
.m-ability .header .n-m .t .align {padding-top:20px;}
.m-ability .eva {margin-top:10px;background-color:#fff;box-shadow:0px 0px 5px rgba(174, 174, 174, 0.5);border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.m-ability .eva li {position:relative;zoom:1; border-top:solid 1px #ddd;padding:5px 20px;line-height:30px;font-size:14px;}
.m-ability .eva li:first-child {border-top:none;}
.m-ability .eva .con {font-size:16px;color:#333;float:left;width:50%;}
.m-ability .eva .cop {float:left;}
.m-ability .eva .cop a {color:#001eff;}
.m-ability .eva .time {position:absolute;right:20px;}
.m-ability .eva .start {float:left;margin-top:6px;}

.m-ability .tab {height:60px;line-height:60px; border-radius:5px;background-color:#fff;font-size:18px;overflow:hidden;}
.m-ability .tab a {float:left;width:50%;color:#333;text-align:center;}
.m-ability .tab a.on {background-color:#ff0b51;color:#fff;cursor:default;}

.m-dialog {position:fixed;z-index:1050;background-color:#fff;border-radius:5px;padding:10px;}
.m-dialog button.close {position:absolute;right:0;top:-5px;z-index:9;width:22px;height:22px;line-height:22px; border-radius:11px;background-color:#fff;font-size:20px;cursor:pointer;}

.start, .start i {background:url("../../img/penghong/start.png") repeat-x 0 0;}
.start {width:100px;margin:0 auto;height:17px;background-position:0 -19px;}
.start i {display:block;height:17px;}
.s-mar5 {margin-right:5px;}
.none {line-height:60px;text-align:center;color:#999;padding-bottom:40px;}
.m-select-li {position:absolute;z-index:9;width:100%;left:0;top:30px;background-color:#fff;border:solid 1px #dbdbdb;box-sizing:border-box;max-height:177px;overflow:auto;}
.m-select-li li {line-height:18px;cursor:pointer;padding:5px;border-top:solid 1px #eee;}
.m-select-li li:hover {background-color:#f1f1f1;}
.f-mb10 {margin-bottom:10px;}
.f-ml60 {margin-left:60px;}
.f-mt20 {margin-top:20px;}
.f-mauto {margin:0 auto;}
.f-c-9F4F31 {color:#9F4F31;}
.page-subhead-line {font-style:normal;color:#a2a2a2;font-size:12px;}
.btn {margin-bottom:5px;}

/** 动画提示框 */
.m-toast {position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
    display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:310;
    -webkit-transition:all .25s;transition:all .25s;background-color:rgba(0, 0, 0, 0.1);}
.m-toast .toast {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;
    -webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;
    -webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;
    -webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
    min-width:270px;max-width:300px;padding:20px 10px 3px;border-radius:4px;background-color: #fff;}
.m-toast .toast-text {margin:0;font-size:14px;font-weight:normal;text-align:center;color:#333;}
.m-toast .u-icon + .toast-text {margin-top: 20px;}
.m-toast.toast-show {-webkit-animation:scaleIn .35s;animation: scaleIn .35s;}
/*.m-toast.toast-show .toast {-webkit-animation:scaleIn .35s;animation: scaleIn .35s;}*/
.m-toast.toast-hidden {-webkit-animation: scaleOut .3s;animation: scaleOut .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/*
.m-toast.toast-hidden .toast {-webkit-animation: scaleOut .2s;animation: scaleOut .2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
*/

.m-toast .u-icon {display:inline-block;width:35px;height:35px;}
.m-toast .toast-bottom {position:absolute;left:0;right:0;bottom:50px;display:block;max-width:100%;background:none;text-align:center;}
.m-toast .toast-bottom .toast-text {display:inline-block;padding:10px 20px;border-radius:500px;margin:0;background-color:rgba(0,0,0,.85);line-height:1;}
.m-toast .toast h2 {display:block; font-size:16px;font-weight:200;color:#252525;line-height:24px;margin-bottom:8px;}
.m-toast .toast h3 {display:block; font-size:14px;color: #686868;line-height:20px;margin-bottom:8px;}
.m-toast .toast .firm {height:40px;line-height:40px;font-size:14px;width:100%;}
.m-toast .toast a {float:left; color: #686868;width:50%;text-align:center;}
.m-toast .toast a.do {color: #F23570;}
.m-toast .toast a.do:hover {color: #F23570;}
@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scaleOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}

@keyframes scaleOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}

@media screen and (min-width:1440px) {
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:360px) {

}
@media screen and (max-width:320px) {

}