html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
strong,
table,
th,
td {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

ul,
ol {
    list-style: none outside none;
}

fieldset,
img {
    border: medium none;
    vertical-align: middle;
}

caption,
th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font: 12px/20px "Hiragino Sans GB", "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    color: #666;
    background: #FFF none repeat scroll 0 0;
}

input,
select,
textarea {
    font: 12px/20px "microsoft yahei", sans-serif;
}
input[type="radio"]:checked {
    accent-color:#7BA7AB;
}
i,
cite,
em {
    font-style: normal;
}

input,
button,
select,
textarea {
    outline: none
}

html {
    min-height: 101%;
}

main {
    overflow: hidden
}

/* 链接 */
a {
    color: #333;
    text-decoration: none;
    outline: medium none;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

/*阿里字体�? BEGIN*/
@font-face {
    font-family: 'iconfont';
    src: url('/static/home/css/new_view/iconfont/iconfont.eot');
    /* IE9*/
    src: url('/static/home/css/new_view/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/static/home/css/new_view/iconfont/iconfont.woff') format('woff'),
        /* chrome、firefox */
        url('/static/home/css/new_view/iconfont/iconfont.ttf') format('truetype'),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url('/static/home/css/new_view/iconfont/iconfont.svg#uxiconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
    display: block;
}

/* WebKit, Blink, Edge */
::-webkit-input-placeholder {
    color: #ccc;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
    color: #ccc;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
    color: #ccc;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    color: #ccc;
}

/* 
@-webkit-keyframes toolbar-scaleIn {
    from {
        opacity: .7;
        -webkit-transform: translateX(270px);
        -moz-transform: translateX(270px);
        transform: translateX(270px)
    }

    to {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-ms-keyframes toolbar-scaleIn {
    from {
        opacity: .7;
        -webkit-transform: translateX(270px);
        -moz-transform: translateX(270px);
        transform: translateX(270px)
    }

    to {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-moz-keyframes toolbar-scaleIn {
    from {
        opacity: .7;
        -webkit-transform: translateX(270px);
        -moz-transform: translateX(270px);
        transform: translateX(270px)
    }

    to {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes toolbar-scaleIn {
    from {
        opacity: .7;
        -webkit-transform: translateX(270px);
        -moz-transform: translateX(270px);
        transform: translateX(270px)
    }

    to {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes toolbar-scaleOut {
    to {
        opacity: .5;
        -webkit-transform: scale(0.7) translateX(270px);
        -moz-transform: scale(0.7) translateX(270px);
        transform: scale(0.7) translateX(270px)
    }
}

@-ms-keyframes toolbar-scaleOut {
    to {
        opacity: .5;
        -webkit-transform: scale(0.7) translateX(270px);
        -moz-transform: scale(0.7) translateX(270px);
        transform: scale(0.7) translateX(270px)
    }
}

@-moz-keyframes toolbar-scaleOut {
    to {
        opacity: .5;
        -webkit-transform: scale(0.7) translateX(270px);
        -moz-transform: scale(0.7) translateX(270px);
        transform: scale(0.7) translateX(270px)
    }
}

@keyframes toolbar-scaleOut {
    to {
        opacity: .5;
        -webkit-transform: scale(0.7) translateX(270px);
        -moz-transform: scale(0.7) translateX(270px);
        transform: scale(0.7) translateX(270px)
    }
} */

.hint {
    color: #BBB;
    line-height: 20px;
}

.dsh-breadcrumb-layout {
    background: #f5f5f5
}

input[type="text"],
input[type="password"],
input.text,
input.password {
    font: 13px/30px Arial;
    color: #777;
    border-radius: 4px;
    background-color: #FFF;
    /* vertical-align: top; */
    display: inline-block;
    height: 38px;
    padding: 4px 8px;
    border: solid 1px #CCC;
    outline: 0 none;
    width: calc(100% - 100px);
}

input[type="text"]:focus,
input[type="password"]:focus,
input.text:focus,
input.password:focus,
textarea:focus {
    color: #333;
    border-color: #7BA7AB;
    box-shadow: 0 0 0 2px rgba(123, 167, 171, 0.15);
    outline: 0 none;
}

input[type="text"].error,
input[type="password"].error,
textarea.error {
    border-color: #ED6C4F;
    box-shadow: 0 0 0 2px rgba(232, 71, 35, 0.15);
    outline: 0 none;
}

textarea,
.textarea {
    font: 12px/18px Arial;
    color: #777;
    background-color: #FFF;
    vertical-align: top;
    display: inline-block;
    height: 54px;
    padding: 4px;
    border: solid 1px #CCC;
    outline: 0 none;
}

select,
.select {
    color: #777;
    background-color: #FFF;
    height: 38px;
    border-radius: 4px;
    vertical-align: middle;
    *display: inline;
    padding: 4px;
    border: solid 1px #CCC;
    *zoom: 1;
    margin-right: 10px;
}

select option,
.select option {
    line-height: 20px;
    display: block;
    height: 20px;
    padding: 4px;
}

input[type="submit"],
input.submit,
a.submit {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #7BA7AB;
    display: block;
    height: 38px;
    padding: 0 20px;
    border: 1px solid #7BA7AB;
    cursor: pointer;
}

input[type="submit"]:hover,
input.submit:hover,
a.submit:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #5c8386;
}

input[type="file"] {
    line-height: 20px;
    background-color: #FBFBFB;
    height: 20px;
    border: solid 1px #D8D8D8;
    cursor: default;
}

label.error {
    font-size: 12px;
    color: #E84723;
    margin-left: 8px;
}

label.error i {
    margin-right: 4px;
}

.dsm-btn {
    font: normal 12px/20px "microsoft yahei";
    color: #777 !important;
    background-color: #F5F5F5;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    padding: 4px 12px;
    border: solid 1px;
    border-color: #DCDCDC;
    cursor: pointer;
}

.dsm-btn:hover {
    text-decoration: none;
    color: #333;
    background-color: #E6E6E6;
    border-color: #CFCFCF;
}

.dsm-btn i {
    font-size: 14px !important;
    vertical-align: middle;
    margin: 0 4px 0 0 !important;
}

.dsm-btn-blue,
.dsm-btn-acidblue,
.dsm-btn-green,
.dsm-btn-orange,
.dsm-btn-red,
.dsm-btn-black,
.dsm-btn-blue:hover,
.dsm-btn-acidblue:hover,
.dsm-btn-green:hover,
.dsm-btn-orange:hover,
.dsm-btn-red:hover,
.dsm-btn-black:hover,
.dsm-table-handle .btn-orange-current {
    color: #FFF !important;
}

.dsm-btn-blue,
.dsm-table-handle .btn-blue:hover {
    background-color: #006DCC;
    border-color: #0062B7;
}

.dsm-btn-acidblue,
.dsm-table-handle .btn-acidblue:hover {
    background-color: #49AFCD;
    border-color: #429DB8;
}

.dsm-btn-green,
.dsm-table-handle .btn-green:hover {
    background-color: #5BB75B;
    border-color: #52A452;
}

.dsm-btn-orange,
.dsm-table-handle .btn-orange:hover,
.dsm-table-handle .btn-orange-current {
    background-color: #FAA732;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #E1962D !important;
}

.dsm-btn-red,
.dsm-table-handle .btn-red:hover {
    background-color: #DA4F49;
    border-color: #C44742;
}

.dsm-btn-black,
.dsm-table-handle .btn-black:hover {
    background-color: #363636;
    border-color: #313131;
}

.dsm-btn-blue:hover {
    background-color: #0044CC;
    border-color: #003DB7;
}

.dsm-btn-acidblue:hover {
    background-color: #2F96B4;
    border-color: #2A87A2;
}

.dsm-btn-green:hover {
    background-color: #51A351;
    border-color: #499249;
}

.dsm-btn-orange:hover {
    background-color: #F89406;
    border-color: #DF8505;
}

.dsm-btn-red:hover {
    background-color: #BD362F;
    border-color: #AA312A;
}

.dsm-btn-black:hover {
    background-color: #222222;
    border-color: #1F1F1F;
}

i[class*="iconfont"] {
    font-size: 14px;
    margin-right: 4px;
}

.pagination {
    display: inline-block;
    *margin: 0 auto;
}

.pagination ul {
    font-size: 0;
    *word-spacing: -1px;
}

.pagination ul li {
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    margin: 0 0 0 -1px;
}

.pagination ul li {
    *display: inline;
    *zoom: 1;   
}

.pagination li span {
    font: normal 14px/20px "microsoft yahei";
    color: #AAA;
    background-color: #FAFAFA;
    text-align: center;
    display: block;
    min-width: 20px;
    padding: 8px;
    border: 1px solid #E6E6E6;
    position: relative;
    z-index: 1;
}

.pagination li a span,
.pagination li a:visited span {
    color: #005AA0;
    text-decoration: none;
    background-color: #FFF;
    position: relative;
    z-index: 1;
}

.pagination li a:hover span,
.pagination li a:active span {
    color: #FFF;
    text-decoration: none !important;
    background-color: #7BA7AB;
    border-color: #CA3300;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.pagination li a:hover {
    text-decoration: none;
}

.pagination li span.currentpage {
    color: #AAA;
    font-weight: bold;
    background-color: #FAFAFA;
    border-color: #E6E6E6;
    position: relative;
    z-index: 2;
}

.container .right-layout {
    width: 100%;
    float: right;
    margin-left: -1px;
    background: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.dsm-sidebar {
    background-color: #FFF;
}

.dsm-sidebar .dl {
    width: 100%;
    margin: 0;
    border-bottom: dotted 1px #E7E7E7;
    overflow: hidden;
}

.dsm-sidebar .dl .dt {
    display: block;
    margin: 12px;
    cursor: pointer;
}

.dsm-sidebar .dl .dt h3 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    height: 20px;
    padding-left: 0px;
    display: block;
}

.dsm-sidebar .dl .dt h3 i {
    margin: 0 5px;
    color: #ff3d3d;
    font-size: 16px;
}

.dsm-sidebar .dl .dd ul {
    margin-bottom: 10px;
}

.dsm-sidebar .dl .dd ul li {
    width: 100%;
}

.dsm-sidebar .dl .dd ul li a {
    background: none;
    line-height: 20px;
    color: #777;
    width: auto;
    padding: 6px 0 6px 32px;
    margin: 0;
    display: block;
    font-size: 13px;
}

.dsm-sidebar .dl .dd ul li a:hover {
    color: #ff4040;
    text-decoration: none;
}

.dsm-sidebar .dl .dd ul li.selected a {
    color: #ff4040;
}

.dsm-sidebar .dl:last-child {
    border-bottom: 0;
}

.dsh-breadcrumb-layout {
    text-align: center;
    height: 58px
}

.dsh-breadcrumb {
    font-size: 0;
    *word-spacing: -1px
        /*IE6�?7*/
    ;
    text-align: left;
    height: 30px;
    padding: 15px 0;
    margin: 0 auto;
}

.dsh-breadcrumb span {
    font-size: 14px;
    line-height: 30px;
    color: #333;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    *display: inline
        /* IE6,7*/
    ;
    height: 30px;
    zoom: 1;
}

.dsh-breadcrumb i {
    font-size: 16px;
    color: #333;
    margin-right: 4px;
}

.dsh-breadcrumb span.arrow {
    line-height: 30px;
    color: #AAA;
    margin: 0 6px;
}

.dsh-breadcrumb a {
    color: #333;
    display: block;
    font-size: 14px;
}

.dsh-breadcrumb a:hover {
    color: #7BA7AB;
}

.tabmenu {
    background-color: #FFF;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.tabmenu .tab {
    padding: 18px 3px 30px;
    overflow: hidden;
}

.tabmenu .tab li {
    float: left;
    margin-right: 10px;
    padding: 5px 16px;
    font-size: 14px;
    background-color: #f2f2f2;
}

.tabmenu .tab .active,
.tabmenu .tab li:hover {
    background-color: #2d2d2d;
}

.tabmenu .tab li a {
    color: #666;
}

.tabmenu .tab .active a,
.tabmenu .tab li:hover a {
    color: #fff;
}

.tabmenu .text-intro {
    line-height: 20px;
    color: #999;
    position: absolute;
    z-index: 99;
    top: 5px;
    right: 5px;
}

.tabmenu a.dsm-btn {
    padding: 5px 13px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 0px;
}

.bottom .submit {
    font: 15px/40px "microsoft yahei";
    text-align: center;
    *min-width: auto;
    height: 40px;
    border: none;
    padding: 0 60px;
    border-radius: 1px;
    margin: 10px auto;
    display: inline;
}

.bottom a.submit {
    width: 100px;
    margin: 0 auto;
}

.bottom .submit[disabled="disabled"] {
    color: #999;
    text-shadow: none;
    background-color: #DCDCDC;
    border: solid 1px;
    border-color: #DCDCDC;
    cursor: default;
    display: inline;
}

.bottom .dsm-btn {
    font-size: 14px;
    vertical-align: top;
    padding: 9px 19px;
    margin: 10px auto;
}