html, body {
    font-family: Arial, sans-serif, 'Microsoft YaHei';
    background: #ffffff;
    margin: 0;
}

div, p, ul li, ol li, span {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif, 'Microsoft YaHei';
    margin: 0;
}
img {
    vertical-align: middle;
}

ul, label, dl, dt, dd {
    margin: 0;
    padding: 0;
}

body a:hover {
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

.layui-form-label {
    box-sizing: content-box;
}

.text-link {
    color: #06C;
}
.text-caution {
    color: #F90;
}
.text-warn {
    color: #f75222;
}
.text-ok {
    color: #20a800;
}

.icon-info {
    background: url(/images/notice.png) no-repeat scroll 0px -34px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}
.icon-warn {
    background:url(/images/notice.png) no-repeat scroll -15px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}
.icon-error {
    background:url(/images/notice.png) no-repeat scroll -30px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}
.icon-ok {
    background:url(/images/notice.png) no-repeat scroll -45px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}
.icon-question {
    background:url(/images/notice.png) no-repeat scroll -60px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}
.icon-stop {
    background:url(/images/notice.png) no-repeat scroll -76px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}
.icon-process {
    background:url(/images/notice.png) no-repeat scroll -91px -34px; width:14px; height:14px;
    display:inline-block; vertical-align:-2px; margin-right: 5px;
}

.icon-big-info {
    background:url(/images/notice.png) no-repeat scroll 0px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-warn {
    background:url(/images/notice.png) no-repeat scroll -33px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-error {
    background:url(/images/notice.png) no-repeat scroll -66px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-ok {
    background:url(/images/notice.png) no-repeat scroll -99px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-question {
    background:url(/images/notice.png) no-repeat scroll -132px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-stop {
    background:url(/images/notice.png) no-repeat scroll -165px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}
.icon-big-process {
    background:url(/images/notice.png) no-repeat scroll -198px 0px; width:32px; height:32px;
    display:inline-block; vertical-align:middle; 
}

.text_succ {
    color: #090 !important;
}

.product_block {
    width: 1150px;
    overflow: hidden;
    font-size: 14px;
}
.product_block_lf {
    float: left;
    width: 200px;
    background-color: #f2f2f2;
}
.product_block_rt {
    float: left;
}
.product_col_c {
    float: left;
    width: 200px;
    text-align: left;
}
.product_col {
    float: left;
    width: 185px;
    text-align: center;
}
    .product_col:hover {
        background-color: #f1fcff;
    }

.product_caption {
    height: 42px;
    background-color: #ebecec;
    line-height: 42px;
    font-size: 16px;
    text-align: center;
}
.product_cell_c {
    height: 50px;
    padding: 0 30px;
    border-bottom: 1px solid #ebecec;
    display: table;
    width: 100%;
}
.product_cell {
    height: 50px;
    padding: 0px 20px;
    border-bottom: 1px solid #ebecec;
    font-size: 13px;
    display: table;
    width: 100%;
    line-height: 20px;
}
.product_inner {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.product_price {
    line-height: 30px;
    color: #ff8a00;
    font-size: 14px;
}
    .product_price b {
        font-size: 22px;
        font-weight: 500;
    }

.product_buy {
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #00c1de;
    color: #00c1de;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    text-decoration: none;
}
    .product_buy:hover {
        background-color: #00c1de;
        color: #fff;
    }
    .product_buy:focus {
        background-color: #00c1de;
        color: #fff;
        text-decoration: none;
    }

.manual_set {
    overflow: hidden;
    display: block;
}
    .manual_set h4 {
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 10px;
        max-width: 800px;
    }
    .manual_set p {
        margin-bottom: 5px;
    }
    .manual_set img {
        max-width: 800px;
        margin-bottom: 20px;
    }
   

.download_pic {
    width: 600px;
}
@media (min-width: 1200px) {
    .download_pic {
        width: 700px;
    }
}

.download_block {
    padding-top: 50px;
    padding-bottom: 30px;
}
.download_title {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 20px;
}
.download_ver {
    font-size: 16px;
    margin-top: 10px;
}
.download_btn {
    margin-top: 20px;
}
.download_corp {
    line-height: 25px;
    margin-top: 30px;
}
    .download_corp a {
        color: #ffd300;
        margin-right: 5px;
    }
        .download_corp a:hover {
            text-decoration: underline;
        }

.download_anchor {
    padding: 0.8em 2.5em 0.8em 2em;
    font-size: 15px;
    margin-right: 5px;
    letter-spacing: 3px;
    color: #fff;
    background: #f36f31;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.download_anchor:hover {
    background: #ff5100;
    color: #fff;
}
.download_anchor:focus {
    color: #fff;
    text-decoration: none;
}
.download_anchor:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.download_anchor:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

.download_os {
    margin-top: 15px;
    line-height: 25px;
}
.download_runtime {
    font-size: 13px;
}
    .download_runtime a {
        color: #fff;
        text-decoration: underline;
    }
        .download_runtime a:hover {
            color: #ffd300;
            text-decoration: underline;
        }


/*按钮组合定义*/
.button-block {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    background-color: #2ebeb0;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
}
    .button-block + .button-block {
        margin-left: 10px;
    }
.button-blue {
    background-color: #1e9fff;
}
.button-orange {
    background-color: #ff8500;
}
.button-gray {
    background-color: #a3a6a8;
}
.button-disabled {
    border: 1px solid #e6e6e6 !important;
    background-color: #FBFBFB !important;
    color: #C9C9C9 !important ;
    cursor: not-allowed !important;
}


.captcha-img {
    cursor:pointer; 
    border:1px solid #ccc;
    vertical-align:bottom;
}

.captcha-anchor {
    font-size: 12px;
    text-decoration: none;
    color: #337ab7;
    margin-left: 2px;
}
    .text-anchor:hover {
        text-decoration: none;
    }
    .text-anchor:focus {
        text-decoration: none;
    }

.faq_block {
    width: 900px;
    min-height: 500px;
    line-height: 22px;
    padding: 0 20px;
}
.faq_question {
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 3px solid #1e9fff;
    font-weight: 600;
    font-size: 14px;
}
.faq_answer {
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 13px;
}


.login-frame {
    margin: 0 auto;
    width: 400px;
}

.login-module {
    border: 1px solid #D4D4D4;
    border-radius: 3px;
    background-color: #fff;
    width: 350px;
    padding: 20px 30px;
    font: 12px "Microsoft Yahei";
    margin-top: 40%;
}

    .login-module a {
        color: #00A2CA;
        text-decoration: none;
    }

.login_caption {
    border-bottom: 1px solid #CCC;
    padding-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
}

.login-notice {
    border: 1px solid #F6C8B5;
    background: #FCEEE8;
    line-height: 18px;
    padding: 4px 12px;
    margin-top: 10px;
}

.login-form {
    padding: 10px 0px;
}
    .login-form dt {
        padding: 8px 0px 2px;
    }
    .login-form dd {
        padding: 2px 0px 8px;
    }
    .login-form label {
        font-weight: bold;
        font-size: 13px;
    }

.login_input {
    font-size: 15px;
    border-radius: 3px;
    line-height: 18px;
    padding: 7px 5px;
    border: 1px solid #CCC;
    margin-top: 6px;
    width: 100%;
    box-shadow: 0px 1px 0px #ECECEC inset;
    color: #595959;
}
    .login_input:hover {
        border-color: #a6a6a6;
    }
    .login_input:focus {
        background-color: #e9fbfe;
        border-color: #69C5DD;
        box-shadow: 0px 0px 2px #A6CFFF;
    }

.login_button {
    margin-top: 20px;
}

.btn_login {
    color: #fff;
    background-color: #00a2ca;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 1px 1px #EBE7E6;
    font: bold 14px "Microsoft Yahei";
    width: 100%;
    height: 36px;
    text-align: center;
}
    .btn_login:hover {
        background-color: #33b5d4;
    }
    .btn_login:active {
        background-color: #008fb2;
    }


.menutips {
    position: absolute;
    line-height: 15px;
    display: inline-block;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    background: #ff4600;
    padding: 1px 6px;
    font-style: normal;
}
.menutips_memnav {
    top: 10px;
    right: -5px;
    border-radius: 8px 8px 8px 0;
}
.menutips_sitenav {
    bottom: -10px;
    right: 0px;
    border-radius: 0 8px 8px 8px;
}
.menutips_uclist {
    top: -10px;
    right: 40px;
    border-radius: 8px 8px 8px 0;
}