@charset "UTF-8";
/* 
	变量
 */
/* 边框颜色*/
/* 报错颜色*/
/* 按钮的主调颜色*/
/* 橘色调*/
/* 首页2楼的颜色*/
/* 首页3楼的颜色*/
/* 首页4楼的颜色*/
/* 居中*/
/* @include center;*/
/* @include verificationinpt;*/
/* 设置修改密码的input*/
/* @include verificationbtn;*/
/* 设置修改密码的按钮*/
/* @include pageCenter;*/
/* 1200 居中*/
/* @include Ellipsis;*/
/* 省略号*/
/* @include triangle;*/
/* 小三角*/
/* 
	登录注册、公共的样式
 */
.login-center {
    width: 100%;
    border-bottom: 2px solid #007ad8;
}

    .login-center .login-nav {
        width: 1200px;
        height: 105px;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .login-center .login-nav .logo-cen {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .login-center .login-nav .logo-cen img {
            }

            .login-center .login-nav .logo-cen h2 {
                font-weight: 300;
                font-size: 18px;
                padding-left: 15px;
            }

.login-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 37px 0;
}

    .login-footer a {
        font-size: 12px;
        color: #000;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .login-footer a:after {
            content: "";
            height: 12px;
            width: 1px;
            background-color: #000;
            display: block;
            margin: 0 5px;
        }

        .login-footer a:last-child:after {
            display: none;
        }

    .login-footer img {
        margin-right: 5px;
    }

    .login-footer span {
        font-size: 12px;
        color: #000;
    }

/* 
	整体公共部分的头、尾、公司导航
 */
.common-nav {
    width: 100%;
    background-color: #f5f5f5;
}

    .common-nav .common-center {
        height: 36px;
        width: 1200px;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .common-nav .common-center .common-left-title {
            font-size: 12px;
            color: #000000;
        }

        .common-nav .common-center .common-right-nav a {
            font-size: 12px;
            color: #000;
            margin-left: 18px;
        }

            .common-nav .common-center .common-right-nav a.active {
                color: #ff0000;
            }

.common-footer {
    width: 100%;
    background-color: #f5f5f5;
}

    .common-footer .common-center {
        width: 1200px;
        height: 455px;
        margin: 0 auto;
    }

        .common-footer .common-center .common-center-padd_1 {
            padding-top: 30px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            border-bottom: 1px solid #dedede;
            height: 130px;
        }

        .common-footer .common-center .common-center-padd {
            padding-top: 30px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            border-bottom: 1px solid #dedede;
            height: 152px;
        }

            .common-footer .common-center .common-center-padd .item-box {
                line-height: 25px;
            }

                .common-footer .common-center .common-center-padd .item-box:first-child {
                    text-align: center;
                    margin-top: -18px;
                }

                    .common-footer .common-center .common-center-padd .item-box:first-child h2 {
                        font-size: 18px;
                    }

                    .common-footer .common-center .common-center-padd .item-box:first-child img {
                        margin-top: 20px;
                    }

                .common-footer .common-center .common-center-padd .item-box h2 {
                    font-size: 12px;
                    color: #0078d7;
                }

                .common-footer .common-center .common-center-padd .item-box p a {
                    font-size: 12px;
                    color: #000000;
                }

                    .common-footer .common-center .common-center-padd .item-box p a:hover {
                        color: #0078d7;
                    }

        .common-footer .common-center .common-instruction {
            padding-top: 30px;
            text-align: center;
            height: 80px;
        }

            .common-footer .common-center .common-instruction p {
                line-height: 25px;
                font-size: 12px;
                color: #000;
            }

.common-logo-name {
    width: 1200px;
    margin: 0 auto;
    height: 108px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .common-logo-name .common-left-logo {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .common-logo-name .common-left-logo p {
            font-size: 16px;
            font-weight: bold;
            padding-left: 15px;
            color: #000;
        }

    .common-logo-name .common-right-nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #0078d7;
    }

        .common-logo-name .common-right-nav .list-item {
            height: 30px;
            width: 74px;
            border-right: 1px solid #dddddd;
            position: relative;
            cursor: pointer;
        }

            .common-logo-name .common-right-nav .list-item .list {
                height: 30px;
                width: 74px;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .common-logo-name .common-right-nav .list-item ul {
                position: absolute;
                top: 32px;
                left: -1px;
                background-color: #fff;
                width: 74px;
                border: 1px solid #ddd;
                padding: 5px 0;
                display: none;
                z-index: 999;
            }

                .common-logo-name .common-right-nav .list-item ul li {
                    width: 100%;
                    font-size: 12px;
                    color: #000;
                    line-height: 30px;
                    text-align: center;
                }

                    .common-logo-name .common-right-nav .list-item ul li:hover {
                        width: 100%;
                        font-size: 12px;
                        color: #0078d7;
                        line-height: 30px;
                        text-align: center;
                    }

            .common-logo-name .common-right-nav .list-item p {
                font-size: 12px;
                color: #000;
                text-align: center;
                width: 55px;
            }

            .common-logo-name .common-right-nav .list-item img {
                position: absolute;
                top: 8px;
                right: 10px;
                height: 15px;
            }

        .common-logo-name .common-right-nav input {
            height: 30px;
            width: 205px;
            padding-left: 10px;
        }

        .common-logo-name .common-right-nav a {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: #0078d7 url(../img/q3.png) no-repeat center center;
            -moz-background-size: 26px 26px;
            background-size: 26px 26px;
            width: 70px;
            height: 32px;
        }

/* 
	面包屑
 */
.common-crumbs {
    width: 1200px;
    height: 33px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .common-crumbs p {
        font-size: 12px;
        color: #a5a4a4;
    }

        .common-crumbs p span {
            color: #0078d7;
        }

/* 
	二级导航
 */
.common-two-nav {
    width: 100%;
    background-color: #000000;
    border-bottom: 4px solid #0078d7;
}

    .common-two-nav .common-two-con {
        width: 1200px;
        margin: 0 auto;
        height: 42px;
    }

        .common-two-nav .common-two-con ul {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            padding-left: 263px;
            padding-right: 221px;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .common-two-nav .common-two-con ul li {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                height: 42px;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .common-two-nav .common-two-con ul li.active a {
                    background-color: #0078d7;
                }

                .common-two-nav .common-two-con ul li a {
                    height: 42px;
                    width: 144px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 14px;
                }

/* 
	滑动的效果
 */
.hover-center {
    margin-bottom: 220px;
    margin-top: 180px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left:50px;
}

    .hover-center .button-zh {
        height: 50px;
        width: 135px;
        background-color: #0078d7;
        border: 1px solid #0078d7;
        ;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        color: #fff;
    }

    .hover-center ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 670px;
        position: relative;
    }

        .hover-center ul:after {
            content: "";
            display: block;
            height: 7px;
            width: 640px;
            background-color: #0078d7;
            position: absolute;
            top: 18px;
            left: 30px;
        }

        .hover-center ul li {
            cursor: pointer;
            position: relative;
            margin-right: 100px;
        }

            .hover-center ul li.active:nth-child(odd) .circular:after {
                border-color: #0078d7 transparent transparent transparent;
            }

            .hover-center ul li.active:nth-child(even) .circular:after {
                border-color: transparent transparent #0078d7 transparent;
            }

            .hover-center ul li.active span {
                border-color: #0078d7;
            }

                .hover-center ul li.active span i {
                    background-color: #0078d7;
                }

            .hover-center ul li.active .circular {
                border-color: #0078d7;
            }

                .hover-center ul li.active .circular .box {
                    background-color: #0078d7;
                }

            .hover-center ul li span {
                height: 36px;
                width: 36px;
                border: 3px solid #0078d7;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -moz-border-radius: 100%;
                border-radius: 100%;
                position: relative;
            }

                .hover-center ul li span i {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    z-index: 999;
                    height: 23px;
                    width: 23px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-style: normal;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                    color: #fff;
                    background-color: #0078d7;
                }

            .hover-center ul li .circular {
                width: 100px;
                height: 100px;
                -moz-border-radius: 100%;
                border-radius: 100%;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: absolute;
            }

                .hover-center ul li .circular:after {
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    overflow: hidden;
                    line-height: 0;
                    border-width: 10px;
                    border-style: solid;
                }

                .hover-center ul li .circular .box {
                    height: 93px;
                    width: 113px;
                    color: #0078d7;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 16px;
                }

            .hover-center ul li:nth-child(odd) .circular {
                /*display: none;*/
                position: absolute;
                top: -85px;
                left: -30px;
            }

                .hover-center ul li:nth-child(odd) .circular:after {
                    position: absolute;
                    bottom: -34px;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    border-color: #0078d7 transparent transparent transparent;
                    display: none;
                }

            .hover-center ul li:nth-child(even) .circular {
                /*display: none;*/
                position: absolute;
                top: 30px;
                left: -33px;
            }

                .hover-center ul li:nth-child(even) .circular:after {
                    position: absolute;
                    top: -34px;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    border-color: transparent transparent #0078d7 transparent;
                    display: none;
                }

            .hover-center ul li:hover:nth-child(odd) .circular {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
            }

                .hover-center ul li:hover:nth-child(odd) .circular:after {
                    border-color: #0078d7 transparent transparent transparent;
                }

            .hover-center ul li:hover:nth-child(even) .circular {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
            }

                .hover-center ul li:hover:nth-child(even) .circular:after {
                    border-color: transparent transparent #0078d7 transparent;
                }

            .hover-center ul li:hover span {
                border-color: #0078d7;
            }

                .hover-center ul li:hover span i {
                    background-color: #0078d7;
                }

            .hover-center ul li:hover .circular {
                border-color: #0078d7;
            }

                .hover-center ul li:hover .circular .box {
                     
                }

/* 页数 */
.search-pages {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .search-pages.orange ul li {
        border-color: #dddddd;
    }

        .search-pages.orange ul li.home {
            background-color: #ff9000;
        }

        .search-pages.orange ul li.upper {
            background-color: #ff9000;
        }

        .search-pages.orange ul li.lower {
            background-color: #ff9000;
        }

        .search-pages.orange ul li.page a {
            color: #ffeeaa;
        }

    .search-pages ul {
        padding: 38px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .search-pages ul li {
            height: 23px;
            border: 1px solid #0078d7;
            width: 34px;
            margin-left: 5px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .search-pages ul li a {
                font-size: 12px;
                color: #000;
            }

            .search-pages ul li span {
                font-size: 12px;
                color: #0078d7;
            }

            .search-pages ul li.inputs {
                border: none;
                width: auto;
            }

                .search-pages ul li.inputs input {
                    height: 22px;
                    width: 29px;
                    border: 1px solid #ddd;
                    text-align: center;
                    margin: 0 5px;
                }

                .search-pages ul li.inputs a {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

            .search-pages ul li.page {
                border: none;
                width: auto;
            }

                .search-pages ul li.page a {
                    color: #0078d7;
                }

            .search-pages ul li.ellipsis {
                border: none;
                margin: 0;
            }

            .search-pages ul li.home {
                background-color: #0078d7;
                width: 45px;
            }

                .search-pages ul li.home a {
                    color: #fff;
                }

            .search-pages ul li.upper {
                width: 55px;
                background-color: #0078d7;
            }

                .search-pages ul li.upper a {
                    color: #fff;
                }

            .search-pages ul li.lower {
                width: 55px;
                background-color: #0078d7;
            }

                .search-pages ul li.lower a {
                    color: #fff;
                }

/* 
	错误验证
 */
.verifyingtext {
    font-size: 12px;
    padding-left: 8px;
}

    .verifyingtext.errer {
        color: #ff3f13;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .verifyingtext.errer:before {
            content: "";
            display: block;
            background: url(../img/cuo.png) no-repeat;
            -moz-background-size: 100% 100%;
            background-size: 100% 100%;
            height: 15px;
            width: 15px;
        }

    .verifyingtext.success span {
        display: none;
    }

    .verifyingtext.success:before {
        content: "";
        display: block;
        background: url(../img/dui.png) no-repeat;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        height: 15px;
        width: 15px;
    }

    .verifyingtext.none {
        display: none;
    }

/* 商品列表 */
.common-commoditys .item {
    padding: 30px 22px;
    border: 1px solid transparent;
    border-bottom: 1px solid #dddddd;
}

    .common-commoditys .item:hover {
        border-color: #0078d7;
    }

    .common-commoditys .item .member {
        font-size: 14px;
        color: #0078d7;
        font-weight: bold;
        text-align: right;
    }

    .common-commoditys .item .commodity {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .common-commoditys .item .commodity .logo {
            height: 140px;
            width: 140px;
            display: block;
        }

        .common-commoditys .item .commodity .introduce {
            line-height: 30px;
            padding-left: 40px;
        }

            .common-commoditys .item .commodity .introduce h2 {
                font-size: 14px;
                color: #000;
            }

            .common-commoditys .item .commodity .introduce p {
                font-size: 14px;
                color: #000;
            }

            .common-commoditys .item .commodity .introduce h3 {
                font-size: 14px;
                color: #0078d7;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .common-commoditys .item .commodity .introduce h3 img {
                    height: 26px;
                    width: 26px;
                    -moz-border-radius: 100%;
                    border-radius: 100%;
                }

            .common-commoditys .item .commodity .introduce h4 {
                font-size: 14px;
                color: #000;
                font-weight: normal;
            }

/* 
	公共的蓝色导航
 */
.common-navigation {
    width: 100%;
    background-color: #0078d7;
    min-width:1200px;
}

    .common-navigation .navigation-center {
        width: 1200px;
        margin: 0 auto;
        height: 40px;
    }

        .common-navigation .navigation-center ul {
            padding-left: 130px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }

            .common-navigation .navigation-center ul li {
                margin-right: 18px;
            }

                .common-navigation .navigation-center ul li.active {
                    background-color: #0f5790;
                }

                .common-navigation .navigation-center ul li:hover {
                    background-color: #0f5790;
                }

                .common-navigation .navigation-center ul li a {
                    min-width: 90px;
                    font-size: 14px;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    height: 40px;
                    color: #fff;
                }

/*# sourceMappingURL=common.css.map */