@charset "utf-8";
html,body, ol, ul,li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {margin: 0;padding: 0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { font-size: 12px; line-height:24px; font-family:Verdana,\5FAE\8F6F\96C5\9ED1;*font-family:微软雅黑;overflow-x:hidden;}
body {color: #000;background:#fff;position:relative;}
img { border:0px;-webkit-touch-callout:none;}
ul, li { list-style: none; }
p{word-wrap:break-word;}
.left { float: left; }
.right { float: right; }
.hide{ display:none;}
.block{ display:block;}
.clear { clear: both; }
em,i{ font-style:normal;}
a { text-decoration:none;color:#b50229;-webkit-touch-callout:none;-webkit-transition:all ease-out .3s;transition:all ease-out .3s;}
a:hover { text-decoration: underline;}
/* all font */
h3{ font-size:14px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.indent{ text-indent:2em;}
.middle{ top:-2px;*top:0px;vertical-align:middle; position:relative;}
.strong{ font-weight:bold;}
.align-left{ text-align:left;}
.align-center{ text-align:center;}
.align-right{ text-align:right;}
.mar-center{ margin:0 auto;}
.cursor{ cursor:pointer;}
.hidden{ overflow:hidden;}
.relative{ position:relative;}
/* all forms */
*:focus { outline: none; }
input, label {font-family:Verdana,\5FAE\8F6F\96C5\9ED1;*font-family:微软雅黑; vertical-align: middle;font-size:12px; cursor:text; box-shadow:none;-webkit-appearance: none;}
input.calendar{ background-image:url(../images/base/calendar.png); background-position:right center; background-repeat:no-repeat;}
textarea {font-family:Verdana,\5FAE\8F6F\96C5\9ED1;*font-family:微软雅黑; resize: none; overflow-y: auto;font-size:12px;-webkit-appearance: none;}
select{font-size:12px;font-family:Verdana,\5FAE\8F6F\96C5\9ED1; *font-family:微软雅黑;}
::-ms-clear,::-ms-reveal{display: none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
/* all margin-padding */
.mar-20{ margin:20px !important;}
.mar-15{ margin:15px !important;}
.mar-10{ margin:10px !important;}
.mar-5{ margin:5px !important;}
.pad-20{ padding:20px !important;}
.pad-15{ padding:15px !important;}
.pad-10{ padding:10px !important;}
.pad-5{ padding:5px !important;}
.mar-top-20{ margin-top:20px !important;}
.mar-top-15{ margin-top:15px !important;}
.mar-top-10{ margin-top:10px !important;}
.mar-top-5{ margin-top:5px !important;}
.mar-left-20{ margin-left:20px !important;}
.mar-left-15{ margin-left:15px !important;}
.mar-left-10{ margin-left:10px !important;}
.mar-left-5{ margin-left:5px !important;}
.mar-right-20{ margin-right:20px !important;}
.mar-right-15{ margin-right:15px !important;}
.mar-right-10{ margin-right:10px !important;}
.mar-right-5{ margin-right:5px !important;}
.mar-bottom-20{ margin-bottom:20px !important;}
.mar-bottom-15{ margin-bottom:15px !important;}
.mar-bottom-10{ margin-bottom:10px !important;}
.mar-bottom-5{ margin-bottom:5px !important;}
.pad-top-20{ padding-top:20px !important;}
.pad-top-15{ padding-top:15px !important;}
.pad-top-10{ padding-top:10px !important;}
.pad-top-5{ padding-top:5px !important;}
.pad-left-20{ padding-left:20px !important;}
.pad-left-15{ padding-left:15px !important;}
.pad-left-10{ padding-left:10px !important;}
.pad-left-5{ padding-left:5px !important;}
.pad-right-20{ padding-right:20px !important;}
.pad-right-15{ padding-right:15px !important;}
.pad-right-10{ padding-right:10px !important;}
.pad-right-5{ padding-right:5px !important;}
.pad-bottom-20{ padding-bottom:20px !important;}
.pad-bottom-15{ padding-bottom:15px !important;}
.pad-bottom-10{ padding-bottom:10px !important;}
.pad-bottom-5{ padding-bottom:5px !important;}
.pad-clear{ padding:0 !important;}
.mar-clear{ margin:0 !important;}
/* all color */
.blue{ color:#2559a8;}
.orange{ color:#f60;}
.gray{ color:#999;}
.black{ color:#666;}
.green{ color:#54b74c;}
.red{ color:#f00;}

/* -webkit-scrollbar */
@media only screen and (min-width:769px){
::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar {width:8px; height:5px;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6);}
::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,.8);}
}

/* warper */
.width-auto{ width:100%; display:block;}
.warper{ width:1200px; position:relative; margin:0 auto;-webkit-transition:all ease-out .3s;transition:all ease-out .3s;}
@media only screen and (min-width:0px)and (max-width:1200px) {
.warper{ width:auto; margin:0 10px;}
}

.zIndex10{ z-index:10;}
.zIndex9{ z-index:9;}
.zIndex8{ z-index:8;}
.zIndex7{ z-index:7;}
.zIndex6{ z-index:6;}
.zIndex5{ z-index:5;}
.height100{ height:100%;}
.loading{ position:absolute; left:50%; top:50%; margin:-5px 0 0 -12px;}

/* mt-master-dialog */
.mt-master-container{ background:url(../images/base/piel_black_1_1_alpha_4.png) repeat; left:0; top:0; right:0; bottom:0; }
.mt-master-content{background:#fff; box-shadow:0 0 3px #666;}
.mt-master-head{ padding:0 20px; position:relative;border-bottom:solid 1px #eee;}
.mt-master-head .title{ height:50px;position:relative;line-height:50px; font-size:18px; color:#333; overflow:hidden;}
.mt-master-close{ background:url(../images/base/ico_2.png) no-repeat; width:18px; height:18px; cursor:pointer; position:absolute; right:16px; top:16px; z-index:100;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.mt-master-close:hover{background-image:url(../images/base/ico_2_s.png);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.mt-master-body{ position:relative; left:0; top:0;*zoom:1;}
.mt-master-error{ position:absolute; left:0; top:0; right:0; bottom:0;}
.mt-master-error p{ position:absolute; text-align:center; font-size:24px; margin-bottom:10px; left:16%; right:10%; top:41%; color:#2559a8; white-space:nowrap;}
.mt-master-error span{ position:absolute; font-size:16px; color:#555; left:16%; right:10%; top:52%; text-align:center;white-space:nowrap;}
@media only screen and (min-width:0px)and (max-width:768px) {
.mt-master-error p{ top:39%; font-size:14px;}
.mt-master-error span{ font-size:12px; top:50%;}
}
.mt-master-error img{ width:100%; display:block; }
.mt-master-error a{ color:#b50229; text-decoration:underline;}
.mt-master-error a:hover{ color:#2559a8;}
.mt-status-content{font-size:18px;color:#666;padding:20px 40px;text-align:center; line-height:24px;}
.mt-status-icon{margin-right:10px; font-size:24px; top:-4px;}
.mt-status-icon.true{color:#2db72a;}
.mt-status-icon.false{color:#f8756c;}
.mt-status-submit{ display:inline-block; height:32px;text-align:center;background:#2559a8; color:#fff; font-size:14px; line-height:32px;cursor:pointer; margin:0px auto; padding:0px 40px;}
.mt-status-submit:hover{background:#b50229;text-decoration:none;}
/* mt-waiting-content */
.mt-waiting-content{ position:absolute; border-radius:5px; top:50%; left:50%;}
.mt-waiting-content.loading{width:70px; height:70px; margin:-35px 0 0 -35px;}
.mt-waiting-content.loading img{ position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px;}
.mt-waiting-content.true,.mt-waiting-content.false,.mt-waiting-content.tip{ padding:5px 10px; font-size:14px; white-space:nowrap; line-height:26px;min-height:26px; opacity:0;filter:alpha(opacity=0);}
.mt-waiting-content.true i,.mt-waiting-content.false i,.mt-waiting-content.tip i{ font-size:20px; margin-right:5px;}
.mt-waiting-content.true{ box-shadow:1px 1px 3px #4fbf4c; background:#e6fdf8; color:#4fbf4c; border:solid 1px #4fbf4c; }
.mt-waiting-content.false{box-shadow:1px 1px 3px #ed9ea1; background:#feeeed;color:#f8756c;border:solid 1px #ed9ea1; }
.mt-waiting-content.tip{background:url(../images/base/piel_black_1_1_alpha_6.png) repeat;box-shadow:1px 1px 3px #999; color:#fff; }
.mt-loading-inner{ position:relative;margin:15px auto 0;width:40px;}
.mt-loading-spinner{ position:relative;height:40px;}
.mt-spinner-container{ position:absolute; left:0; top:0; right:0; bottom:0;}
.mt-spinner-container.two{-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.mt-spinner-container.three{-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.mt-spinner-container div{ width:10px; height:10px;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation:bouncedelay 1.2s infinite ease-in-out;animation-fill-mode: both;border-radius:50%;position: absolute;}
.mt-spinner-circle1 { top:0; left:0; }
.mt-spinner-circle2 { top:0; right:0; }
.mt-spinner-circle3 { right:0; bottom:0; }
.mt-spinner-circle4 { left:0; bottom:0; }
.mt-spinner-container.two .mt-spinner-circle1{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.mt-spinner-container.three .mt-spinner-circle1{-webkit-animation-delay: -1s;animation-delay: -1s;}
.mt-spinner-container.one .mt-spinner-circle2{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.mt-spinner-container.two .mt-spinner-circle2{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.mt-spinner-container.three .mt-spinner-circle2{-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.mt-spinner-container.one .mt-spinner-circle3{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.mt-spinner-container.two .mt-spinner-circle3{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.mt-spinner-container.three .mt-spinner-circle3{-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.mt-spinner-container.one .mt-spinner-circle4{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.mt-spinner-container.two .mt-spinner-circle4{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.mt-spinner-container.three .mt-spinner-circle4{-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay{
  	0%, 80%, 100% {-webkit-transform: scale(0);} 
  	40% {-webkit-transform: scale(1);}
}
@keyframes bouncedelay{
  	0%, 80%, 100% {transform: scale(0);} 
  	40% {transform: scale(1);}
}
/* flex */
.mt-flex{display:-o-box;display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.mt-flex-x{-ms-flex-direction:row;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;flex-direction:row;}
.mt-flex-y{-ms-flex-direction:column;-webkit-flex-direction:column;-webkit-box-orient:vertical;-moz-box-orient:vertical;flex-direction:column;}
.mt-flex-center{-ms-flex-pack:center;-webkit-box-pack:center;box-pack:center;-ms-flex-align:center;-webkit-justify-content:center;-webkit-align-items:center;-webkit-align-content:center;justify-content:center;align-items:center;align-content:center;}
.mt-flex-inner{ -webkit-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

/* mt-scroll-dragger */
.mt-scroll-dragger{ position:absolute;background:rgba(0,0,0,.1); background:#e6e6e6\0;*background:#e6e6e6; border-radius:10px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out; cursor:pointer; z-index:100;}
.mt-scroll-dragger.dialog{background:#666\0;*background:#666;}
.mt-scroll-bar{ position:absolute;background:rgba(0,0,0,.3);background:#a2a2a2\0;*background:#a2a2a2;border-radius:10px;}
.mt-scroll-dragger.hover,.mt-scroll-dragger:hover{background:rgba(0,0,0,.4);background:#b3b3b3\0;*background:#b3b3b3;}
.mt-scroll-dragger.hover .mt-scroll-bar,.mt-scroll-dragger:hover .mt-scroll-bar{background:rgba(0,0,0,.6);background:#555\0;*background:#555;}
.mt-scroll-dragger.hover .mt-scroll-bar.in{background:rgba(0,0,0,.9);background:#111\0;*background:#111;}
/* ui-public-select*/
.mt-select-item{ position:relative; background:#f5f5f5;cursor:pointer;*zoom:1;*float:left;}
.mt-select-title{ white-space:nowrap; position:relative; z-index:2; height:38px;line-height:38px;border:solid 1px #f5f5f5; background:#f5f5f5; padding:0 10px;font-size:14px; color:#ccc;border-radius:3px;-webkit-transition:all ease-out .3s;transition:all ease-out .3s;}
.mt-select-title:before{ content:'\e619'; font-family:'iconfont';position:absolute; right:10px; top:0; line-height:36px; color:#75c56e; font-size:18px; font-weight:bold; display:none;}
.mt-select-title:after{ content:'\e618'; font-family:'iconfont'; position:absolute; right:10px; top:0; line-height:40px; color:#ccc;}
.mt-select-body{ opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-20px);transform:translate(0,-20px);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:absolute;overflow:hidden; z-index:1; right:0;left:0;border:solid 1px #ccc;border-radius:0 0 3px 3px;background:#fff; top:39px;}
.mt-select-main{ overflow:hidden; position:relative;}
.mt-select-list{height:40px; text-overflow:ellipsis; color:#bbb; white-space:nowrap;overflow:hidden;padding:0px 10px; position:relative; white-space:nowrap; line-height:40px; font-size:14px; cursor:pointer; margin:-1px 0px 0px; border-top:solid 1px #ccc;-webkit-transition:all ease-out .3s;transition:all ease-out .3s;}
.mt-select-item.error .mt-select-title{border:solid 1px #ed9ea1; background:#feeeed;}
.mt-select-item.true .mt-select-title{border:solid 1px #75c56e; background:#e6fdf8; color:#333;}
.mt-select-item.true .mt-select-title:before{ display:block; }
.mt-select-item.true .mt-select-title:after{ display:none; }
.mt-select-list:hover{background:#75c56e; border-top:solid 1px #75c56e; color:#fff; z-index:2;}
.mt-select-item:hover .mt-select-title{ background:#fff !important;border:solid 1px #ccc !important;border-radius:3px 3px 0 0;}
.mt-select-item:hover .mt-select-body{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);transform:translate(0,0);}
.mt-select-item:hover .mt-select-title:before{ display:none!important; }
.mt-select-item:hover .mt-select-title:after{ display:block!important; }