/**
 * ---------------------------
 * MAIN TEMPLATE STYLES
 * ---------------------------
 *
 * 
 * ## Project Name        :  人民电器
 * ## Project Description :  人民电器
 * ## Based on            :  Uix Kit (https://github.com/xizon/uix-kit)
 * ## Version             :  0.0.1
 * ## Last Update         :  August 23, 2018
 * ## Created by          :  Chuckie Chang
 * ## Released under the MIT license.
 */

@charset "UTF-8";
.uix-header.on{
    background-color: #fff;
}
.uix-header.on .uix-menu__container:not(.is-mobile) ul.uix-menu > li > a{
    color: #333;
}
.uix-header.on, .uix-controls__multi-sel > span.uix-header.active:not(.uix-controls__bar) {
    background: white;
}
.uix-header.on .uix-brand img.uix-brand__hover-img{
    opacity: 1;
}
.uix-header.on .uix-brand span{
    color: #333333;
    border-color: #333333;
}
    .uix-header.on .uix-topbar__container{
        color: #999;
        background: #e6e9e3;
    }

    .uix-header.on .uix-topbar__container a{
        color: #999;
    }

    .uix-header.on .uix-topbar__container i.icon-mapmarker{
        color: #069539;
    }
button.uix-btn__bg--primary.uix-btn--full{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#uix-to-top{
    z-index: 2;
}
.home .uix-svgmap--china {
    width: 100%;min-height: 420px;
}

.app-full-img a:nth-child(3) {
    left: 70%;
    top: 33%;
}
.app-full-img a:nth-child(4) {
    left: 22%;
    top: 55%;
}
.app-full-img a:nth-child(5) {
    left: 80%;
    top: 77%;
}
.uix-special-footer__container .uix-special-footer__copy {
    color: #fff;
    margin: 0;
    padding: 0;
    padding-top: 1rem;
}
select{
    -moz-appearance: none;
}
.uix-special-footer__container .uix-special-footer__copy a {
    color: #fff;
}
.uix-progress-line .uix-progress-line__circle.active {
    background: transparent;
}
 .app-accordion-list dl dt{
    cursor: auto;
}
div.mini-height{
    min-height:1rem!important;
}
div.mini-height p{
    margin: 1.2rem 0!important;
}
#app-order-widths{
    transform: translate(-5rem,-45px)!important;
    width: 97rem!important;
}
#app-order-heights{
    height:510px!important;
}
@media (min-width: 769px){
/*
    #uix-multi-carousel__controls-1{
        display: none;
    }
*/
    .uix-section-index-2 .reservation_form >.app-order-formbox--mobile-hr:nth-child(7) {
        display: none;
    }
    #code_img{
        height: 46px;
        margin-top: -4px;
    }
    .uix-topbar__container{
        padding: 0 2.0625rem;
    }
    .uix-special-footer .container{
        position: relative;
    }
    .uix-special-footer__container .uix-special-footer__copy {
        position: absolute;
        bottom: 20px;
        font-size: 0.8125rem;
    }
    .app-accordion-list dl dt a {
        font-weight: 700;
    }
    .uix-advanced-slider-sp__canvas-container, .uix-advanced-slider-sp__inner, .uix-advanced-slider-sp__wrapper{
        min-height: auto;
    }
    .home .uix-advanced-slider-sp__inner .uix-advanced-slider-sp__item:nth-child(2) .uix-advanced-slider-sp__txt{
        top: 38%;
		text-align: center;
    }
    .home .uix-advanced-slider-sp__inner .uix-advanced-slider-sp__item:nth-child(1) .uix-advanced-slider-sp__txt{
        top: 38%;
    }
   
    .home .uix-advanced-slider-sp__txt .uix-el-grid__col-7{
        width: 100%;
    }
    .uix-special-footer__menus{
        text-align: center;
    }
    .uix-controls__select.uix-controls__select--style4 .uix-controls__select-trigger{
        width: 100%;
        min-width: 150px !important;
    }

	.home .uix-lavalamp-menu__container ul.uix-lavalamp-menu li::after {
		top: -35%;
	}
	
	.home .app-service-area-bgs__trigger a span {
		transform: translateY(10px);
	}

	.home .app-service-adv .app-service-adv__item img {
		height: 110%;
	}

	
}
.app-citychoose-container label select#province,.app-citychoose-container label select#city,.app-citychoose-container label select#district{
    padding: 0.2rem 0.7rem!important;
    padding-right: 1rem!important;
    width: calc(100% - 1rem)!important;
    border-radius: 3px!important;
    margin-left: 0.8rem;
    font-size: 0.9rem;
}
.text-center{
    text-align: center;
}
.app-renderer-color__trigger a strong {
    left: 0;
    width: 100%;
}
.app-renderer-color__trigger a span{
    width: 100%;
    left: 0;
}
.app-renderer-color__trigger a i{
    width: 100%;
    left: 0;
}
.app-citychoose-container{
    transform: translateY(3rem)!important;
}
@media (max-width: 768px){
    .uix-card4{
        margin-bottom: .75rem;
        overflow: hidden;
    }
    #app-home-order3 .uix-controls__select-wrapper:nth-child(3) {
        margin-left: 2.5rem!important;
    }
    div#modal-open-5.uix-modal-box:not(.is-fullscreen){
        width: 96%!important;
        min-height: 95vh!important;
        max-width: 95vw!important;
        max-height: 95vh!important;
    }
    div#modal-open-5 .uix-modal-box__content{
        padding: 0.5rem 0.2rem;
    }
    div#modal-open-5.uix-modal-box:not(.is-fullscreen) button{
        margin-bottom: -4rem;
    }
    .uix-modal-box.active .uix-modal-box__content>div{
        overflow-y: hidden;
    }
    #modal-open-5 form{
        margin-top:0px!important;
    }
    .uix-t-r.mobile-left{
        width: 100%!important;
        margin: 0!important;
        padding: 0!important;
    }
    .uix-btn__bg--primary.uix-btn--full{
        padding-top: 0.8rem!important;
        padding-bottom: 0.8rem!important;
    }
    .uix-controls:not(.uix-controls__toggle):not(.uix-controls__checkbox):not(.uix-controls__radio):not(.uix-controls__select) input:not([type="checkbox"]):not([type="radio"]){
        color:#cccccc;
    }
    .uix-btn__bg--primary{
        width:100%!important;
    }
    .uix-typo--num.addFontSize{
        font-size: 1.3rem!important;
    }
    input.float-label{
        color:#000000!important;
    }
    .home .uix-svgmap--china{
        margin-top: 2.5rem;
    }
    .uix-controls__select-wrapper .uix-controls__select-trigger{
        padding: .546875rem 1.5rem .546875rem .7rem;
    }
    .uix-btn__size--l {
        font-size: 1rem;
        padding: .7rem 3.5rem;
    }
    .app-service-adv{
        pointer-events: none;
    }
    .app-city-listbox{
        top: 55px;
    }
}
@media (max-width: 640px){

    .uix-modal-box .uix-modal-box__close {
        width: 25px;
        height: 25px;
        line-height: 26px;
        right: 6px;
        top: 6px;
    }
    .no-padding{
        padding-top:0!important;
    }
    .uix-section-index-2 .reservation_form >.uix-controls__select-wrapper{
        width: 41%;
        min-height: auto;
    }
    .uix-section-index-2 .reservation_form >.app-order-formbox--mobile-hr:nth-child(7){
        display: none;

    }
    .uix-controls__select.uix-controls__select--style4 .uix-controls__select-trigger {
        min-width: 110px!important;
    }
    .uix-section-index-2 .reservation_form >.uix-controls__select-wrapper:nth-child(1) .uix-controls__select-trigger,.uix-section-index-2 .reservation_form >.uix-controls__select-wrapper:nth-child(2) .uix-controls__select-trigger{
        margin-bottom: 0;
    }
    .app-join-apply-1:before,
    .app-join-apply-1:after {
        content: " ";
        display: table;
    }

    .app-join-apply-1:after {
        clear: both;
    }


}
.uix-header__sub-nav__bg{
    background: rgba(255,255,255,.9)!important;
}
.app-shops-bottom{
    margin: 1.5rem 0 2rem 0!important;
}
.uix-floating-side-el a{
    width:77px!important;
}
.icon-icon-test1:before{
    font-size: 30px;
}
.add_bottom_h{
    padding-bottom: 1rem!important;
    display: block;
}
.add_padding-right,.uix-card4 .uix-card4__content{
    padding-left: 1.5rem!important;
}
.mar-top{
    margin-top: 1.3rem;
}
[class*=uix-el-grid__col-]{
    min-height: 9.5rem!important;
}
.app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{
    font-size: 0.8rem;
   
}
.app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{
    font-size: 0.8rem;
}
.select_people_box input , .select_people_box .uix-controls__select-trigger{
    min-width: 120px!important;
    max-width: 100px!important;
}
.select_people_box2 .uix-controls__select-trigger{
    min-width: 120px!important;
    max-width: 150px!important;
}
.select_people_box2 .uix-controls__select__option{
    font-size: 0.8rem!important;
    padding: 0 0 0 1rem!important;
    white-space:nowrap; overflow:hidden;
}
@media (max-width: 1600px){
    .select_people_box input , .select_people_box .uix-controls__select-trigger{
        min-width: 100px!important;
        max-width: 100px!important;
    }
    .select_people_box2 .uix-controls__select-trigger{
        min-width: 110px!important;
        max-width: 150px!important;
    }
}
@media (max-width: 1440px){
    .app-join-apply-1 .uix-controls__select.uix-controls__select--s .uix-controls__select-trigger{
        min-width: 7.2rem;
        
    }
    .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{
        font-size: 0.8rem;
    }
    .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{
        font-size: 0.8rem;
    }
    .page-about .col-md-8{
        margin-left: 10%;
        width: 80%;
    }
    [class*=uix-el-grid__col-]{
        min-height: 7.7rem!important;
    }
    #app-order-heights{
        height:490px!important;
    }
    #app-order-widths {
        transform: translate(-5.5rem,-45px)!important;
        width: 82rem!important;
    }
}
@media (max-width: 1200px){
    .app-join-apply-1 .uix-controls__select.uix-controls__select--s .uix-controls__select-trigger{
        min-width: 7.2rem;
        
    }
    .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option.active{
        font-size: 0.8rem;
    }
    .app-join-apply-1 .uix-controls__select-wrapper .uix-controls__select__option{
        font-size: 0.8rem;
    }
    #app-order-heights{
        height:480px!important;
    }
    #app-order-widths {
        transform: translate(-5.5rem,-45px)!important;
        width: 80rem!important;
    }
    .select_people_box input , .select_people_box .uix-controls__select-trigger{
        min-width: 80px!important;
        max-width: 100px!important;
    }
    .select_people_box2 .uix-controls__select-trigger{
        min-width: 110px!important;
        max-width: 150px!important;
    }
}
@media (max-width: 768px){
	.app-service-adv .app-service-adv__item .app-service-adv__info{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    dl.uix-list-abreast.uix-list-abreast--icon2.app-contact__abreast-2 dd{
        left: 1rem;
    }
    #app-home-order3 .uix-controls__select-wrapper:nth-child(3){
        margin-left: 1.8rem;
    }
    #app-home-order3  #app-no-bottom{
        margin-bottom: 0!important;
    }
    .app-shops-container .uix-card4.js-uix-common-height .uix-card4__pic{
        height: 100%;
        position: relative;
        min-height: 9.5rem!important;
    }
    .app-modal-big-t{
        top: 10px;
    }
    [class*=uix-el-grid__col-]{
        min-height: 0!important;
    }
    .col-md-5 .app-shops-container div.uix-card4 .uix-card4__pic,.app-shops-container div.uix-card4 .uix-card4__content{
        min-height: 9.5rem!important;
    }
    .uix-card4 .uix-card4__title p,.uix-card4 .uix-card4__headline{
        width:92%!important;
    }
    .add_bottom{
        margin-bottom: 1.5rem;
    }
    .addHeight{
        height: 2.5rem;
    }
    /* input.float-label {
        color: #000000!important;
        -webkit-appearance: none;
    } */
    input:disabled, textarea:diabled {
        -webkit-text-fill-color: #000;
        -webkit-opacity: 1;
        color: #000;
    }
    .app-modal-big-t .uix-typo--modal-f{
        margin-bottom: 0;
        font-size: 1.25rem;
    }
    .uix-modal-box .uix-modal-box__content.uix-modal-box__content4 {
        padding: 100px 15px 1.5rem 15px;
    }
	
	
    .uix-tabs .uix-tabs__content {
        padding: 0 5px 1.5rem 0;
    }
    .uix-tabs .uix-tabs__nav > ul > li > a{
        font-size: .875rem;
    }
    .uix-tabs.uix-tabs--center .uix-tabs__nav > ul li{
        min-width: auto;
    }	
	
    .app-cult-row-2,.app-cult-row-3,.app-cult-row-4{
        margin-right: 0!important;
        margin-left:  0 !important;
    }
    .app-cult-row-2 > div,.app-cult-row-3 > div,.app-cult-row-4 > div{
        width: 33.33% !important;
        float: left;
        padding: 0;
    }
	.app-service-adv {
		height: 400px;
	}
	
	.app-service-adv .app-service-adv__item .app-service-adv__title {
		font-weight: 600;
	}
	.app-service-adv .app-service-adv__item .app-service-adv__title p,
	.app-service-adv .app-service-adv__item .app-service-adv__title i {
		font-weight: normal;
	}	
	
	.app-service-adv .app-service-adv__item .app-service-adv__title p {
		max-height: inherit;
		font-size: 0.6875rem;
	}	
	
	.app-service-adv .app-service-adv__item:nth-child(5), .app-service-adv .app-service-adv__item:nth-child(6), .app-service-adv .app-service-adv__item:nth-child(7) {
		height: 32.5%;
	}
	
	.page-3d .uix-v-align--absolute.uix-t-c.uix-typo--color-white {
		margin-top: -33vh;
    }
    .app-citychoose-container {
        transform: translate(-1rem,2rem)!important;
    }
    #province,#city,#district{
        margin-left: 0!important;
    }
    .app-home-map-t {
        transform: translateX(-0.2rem)!important;
    }
    .uix-controls__select--style4{
        width:100%!important;
        min-width: 100%!important;
        max-width: 100%!important;
        margin-top:1rem!important;
    }
	
}

@media (max-width: 640px){
    .app-cult-row-2 > div, .app-cult-row-3 > div, .app-cult-row-4 > div{
        font-size: .75rem;
    }
 
}


@media (max-width: 425px){
	.uix-controls:not(.uix-controls__toggle):not(.uix-controls__checkbox):not(.uix-controls__radio):not(.uix-controls__select).uix-controls__normal-select.uix-controls__select--s3 {
		min-width: 23vw;
		max-width: 23vw;
    }
    .addProvice{
        min-width: 25.5vw!important;
        max-width: 25.5vw!important;
    }
}



@media (max-width: 360px){
   
    .app-modal-big-t .uix-typo--modal-f {
        margin-bottom: 0;
        font-size: .875rem;
    }
    .app-modal-big-t {
        top: 5px;
    }
    .uix-modal-box .uix-modal-box__content.uix-modal-box__content4 {
        padding: 60px 15px 1.5rem 15px;
    }
   
    .uix-modal-box .uix-modal-box__content.js-uix-no-fullscreen{
        padding: 1.5rem 10px 1.5rem 0;

    }
}


.fixed-footer {
            bottom: 0;
            display: flex;
            height: 52px;
            position: fixed;
            width: 100%;
            z-index: 1001
        }

        .fixed-footer .buttons-item {
            height: 100%;
            flex: 1;
            line-height: 52px;
            background-color: #183e7f;
            position: relative;
            text-align: center;
            color: #fff
        }

        .fixed-footer .buttons-item .icon {
            width: 24px;
            vertical-align: middle;
/*          height: 20px;*/
            margin-right: 5px;
            display: inline-block
        }

        .fixed-footer .buttons-item .icon img {
            width: 100%;
            height: 100%
        }

        .fixed-footer .buttons-item a {
            color: #fff;
            display: inline-block;
            height: 100%;
            width: 100%;
            text-decoration: none
        }

        .fixed-footer .buttons-item:last-child .icon {
            background-position: -351px -178px
        }

        .fixed-footer .buttons-item:first-child .icon {
            background-position: -326px -178px
        }

        .fixed-footer .buttons-item:first-child:after {
            content: " ";
            position: absolute;
            display: block;
            height: 26px;
            width: 0px;
            right: 0;
            margin-top: -13px;
            top: 50%;
            background-color: #fff
        }

        .advisory-mask {
            display: none;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            /* background-color: rgba(0,0,0,0.6); */
            z-index: 1002;
        }
        .advisory-mask  .advisory-content{
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .advisory-mask  .advisory-content .advisory-banner{
            position: relative;
            width: 76%;
            margin: 0 auto;
        }
        .advisory-mask  .advisory-content .advisory-banner img{
            display: block;
        }
        .advisory-mask  .advisory-content .close_btn{
            display: block;
            position: absolute;
            right: -4.3%;
            top: -4.2%;
            width: 10.5%;
            padding-top: 10.5%;
            background: rgba(67,68,68,0.7) url("http://m.chinapeople.com/cs/templates/advisory-mask-close.png") center center no-repeat;
            background-size: 42% 42%;
            border-radius: 50%;
            cursor: pointer;
        }
        .advisory-mask  .advisory-btn{
            display: block;
            margin: 0 auto;
            width: 76%;
        }
        .advisory-mask  .advisory-btn a{
            width: 50%;
            background: #183e7f;
            color: #fff;
            height: 54px;
            line-height: 54px;
            display: block;
            float: left;
            text-align: center;
            font-size: 18px;

        }
        .advisory-mask  .advisory-btn a.first{
            boder-bottom-right-radius：30px;
        }
        .advisory-mask  .advisory-btn a.second{
            background: #ea2f33;
            boder-bottom-left-radius：30px;
        }