/*--------------------------------------------------
    project : Echash
    author : Jason
    date : 2018-9-20
--------------------------------------------------*/









/*--------------------------------------------------
    for PC small screen
--------------------------------------------------*/


@media all and (max-width: 1600px) {




    /*--------------------------------------------------
        components
    --------------------------------------------------*/


    /*
        page-main
    */
    .page-main{ width: auto; padding: 0 3rem; }


    /*
        menu
    */
    /*.menu{ margin-left: 10%; }
    .menu a{ font-size: 16px; padding: 0 15px; }*/


    /*
        header
    */
    .header-func .link-item{ font-size: 16px; }

    
    /* 
        footer
    */
    .footer:after{ background-size: auto 100%; }




    /*--------------------------------------------------
        home
    --------------------------------------------------*/


    /*
        home-banner
    */
    .home-banner .main{ width: 50%; }



    /*
        home-video
    */
    .home-video{  width: 40%; height: 360px; }
    .home-video .video-js{ height: 360px; }


    /*
        home-introduce
    */
    .home-introduce-main .con{ font-size: 16px; }

    .home-introduce .btn-prev{ left: 20px; }
    .home-introduce .btn-next{ right: 20px; }




    /*--------------------------------------------------
        customer service
    --------------------------------------------------*/


    /*
        cs-contact
    */
    .cs-contact{ width: auto; margin-left: 3rem; margin-right: 3rem; }

    .cs-contact-form .btn{ width: auto; padding: 0 60px; }





    /*--------------------------------------------------
        about
    --------------------------------------------------*/


    /*
        about-section
    */
    .about-section figure{ width: 40%; }
    .about-section .main{ margin-left: 45%; margin-right: 3rem; margin-top: 0; }
    .about-section .con{ font-size: 16px; }





    /*--------------------------------------------------
        introduce
    --------------------------------------------------*/


    /*
        introduce-steps-list
    */
    .introduce-steps-list{ margin-left:0; margin-right:0; }
    .introduce-steps-list .item{ padding-left: 40px; padding-right: 40px; }




    /*--------------------------------------------------
        news
    --------------------------------------------------*/


    /*
        news-list
    */
    .news-list .item{ height:auto; padding-bottom: 40px; }


    /*
        news-detail
    */
    .news-detail{ padding: 0 3rem; }





    /*--------------------------------------------------
        product
    --------------------------------------------------*/


    /*
        product-list
    */
    .product-list .price .number{ font-size: 48px; line-height: 48px; height: 48px; }
    .product-list .price .small-number{ top: -16px; }




    /*--------------------------------------------------
        member
    --------------------------------------------------*/


    /*
        member-top
    */
    .member-top{ margin:30px 0; }
    .member-top img{ max-height: 60px; }




    /*--------------------------------------------------
            user center
    --------------------------------------------------*/


    /*
        uc-list
    */
    .uc-list{ font-size: 14px; }
    .uc-list th , .uc-list td{ padding: 20px; }
    .uc-list .btn-view{ font-size: 14px; }


    /*
        uc-buy-list
    */
    .uc-buy-list .btn{ width: 100%; }


    /*
        uc-contract-list
    */
    .uc-contract-list .item{ height: auto; padding-bottom: 30px; }
    .uc-contract-list .title h5{ font-size: 18px;  }
    .uc-contract-list .btn{ width: 100%; }



}

























/*--------------------------------------------------
    for laptop and small device
--------------------------------------------------*/


@media all and (max-width: 1280px) {




    /*--------------------------------------------------
        components
    --------------------------------------------------*/


    /*
        margins and paddings
    */
    .mt-10{ margin-top: 50px; }
    .mb-10{ margin-bottom: 50px; }


    /*
        page-main
    */
    .page-main{ padding: 0 2rem; }


    /*
        header
    */
    .header , .sticky-wrapper{ display: none; }


    /*
        shadow-box
    */
    .shadow-box{ display: none; position: fixed; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; }


    /*
        header-res
    */
    .header-res{ display: block; position: fixed; top:0; left: 0; width:100%; z-index: 99; background: #FFF; height: 70px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.125); }
    .header-res .logo-res{ float: left; width: 200px; display: block; margin-left: 15px; margin-top: 10px; }


    /*
        menu-res-trigger
    */
    .menu-res-trigger{ float: right; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 30px; color: #00b392; }


    /*
        menu-res
    */
    .menu-res{ transition: all .3s; display: block; position: fixed; background: #FFF; left: -100%; top: 0; width: 80%; height: 100%; z-index: 102; overflow: auto; }
    .menu-res.active{ left: 0; }

    .menu-res-main{ line-height: 60px; }
    .menu-res-main li{ border-bottom: 1px solid #f2f2f2; }
    .menu-res-main a{ display: block; padding: 0 20px; color: #00b392; font-size: 16px; }
    .menu-res-main a:hover , .menu-res-main a.active{
        color: #FFF;
        background: rgb(0,179,146);
        background: -moz-linear-gradient(45deg, rgba(0,179,146,1) 0%, rgba(1,112,92,1) 100%);
        background: -webkit-linear-gradient(45deg, rgba(0,179,146,1) 0%,rgba(1,112,92,1) 100%);
        background: linear-gradient(45deg, rgba(0,179,146,1) 0%,rgba(1,112,92,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b392', endColorstr='#01705c',GradientType=1 );
    }

    .menu-res-func{ margin: 20px 0; padding: 0 15px; }
    .menu-res-func .item+.item{ margin-top: 15px; }
    .menu-res-func .btn{ font-size: 16px; }
    .menu-res-func .btn i{ margin-right: 10px; }

    .menu-res-close{ display: none; width: 44px; height: 44px; text-align: center; line-height: 44px;font-size: 18px; color: #00b392; border-radius: 100%; background: #FFF; position: fixed; right: 13px; top: 13px; cursor: pointer; z-index: 102; }


    /* 
        lang-res
    */
    .lang-res{ display: none; background: rgba(255,255,255,0.95); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 103; }
    .lang-res .main{ margin-top: 20%; text-align: center; }
    .lang-res h2{ color: #009c5f; font-size: 36px; margin-bottom: 40px; }

    .lang-res-list li{ line-height: 80px; }
    .lang-res-list a{ display: block; color: #2a2a2a; font-size: 1.6rem; }
    .lang-res-list a:hover , .lang-res-list a.active{ color: #019d60; }

    .lang-res .btn-close{ border:1px solid #009c5f; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 60px; color: #009c5f; font-size: 20px; position: absolute; bottom: 10%; left: 50%; margin-left: -30px; }


    /*
        data-show
    */
    .data-show h3{ line-height: 80px; }
    .data-show .list{ height: 80px; }
    .data-show .item{ line-height: 20px; margin-top: 10px; margin-bottom: 10px; }

    .data-show .title{ float: none; }
    .data-show .counter{ float: none; }
    .data-show .number{ float: none; }
    .data-show .number li{ margin-left: 0; margin-right: 15px; }


    /*
        page-banner
    */
    .page-banner{ margin-top: 70px; }


    /*
        box-title
    */
    .box-title{ letter-spacing: 0; }
    .box-title h2{ font-size: 30px; }
    .box-title p{ font-size: 16px; }
    .box-title p span{ display: inline; }




    /*--------------------------------------------------
        home
    --------------------------------------------------*/


    /*
        home-title
    */
    .home-title h2{ font-size: 30px; }
    .home-title .icon-area{ font-size: 20px; }


    /*
        home-banner
    */
    .home-banner{ margin-top: 70px;  }
    .home-banner h2{ font-size: 40px; }


    /*
        home-advantage
    */
    .home-advantage-list{ margin-left: -10px; margin-right: -10px; }
    .home-advantage-list>div{ padding: 0 10px; margin-bottom: 20px; }
    .home-advantage-list .item{ height: 420px; }


    /*
        home-introduce
    */
    .home-introduce .btn-func{ width: 50px; height: 50px; line-height: 50px; margin-top: -25px; }

    .home-introduce-main{ margin:0 60px; }
    .home-introduce-main figure{ width: 45%; }
    .home-introduce-main .main{ margin-left: 50%; margin-top: 0; }
    .home-introduce-main .btn-area{ margin-top: 20px; }




    /*--------------------------------------------------
        customer service
    --------------------------------------------------*/



    /*
        faq-list
    */
    .faq-list .title{ font-size: 16px; }


    /* 
        cs-box
    */
    .cs-box{ padding-top: 50px !important; }


    /*
        cs-contact
    */
    .cs-contact{ margin-left: 0; margin-right: 0; }
    .cs-contact-info{ width: 50%; }
    .cs-contact-form{ margin-left: 50%; padding-left: 50px; }
    .cs-contact-form .btn{ padding: 0 40px; }


    /* 
        cs-bottom-bg
    */
    .cs-bottom-bg{ height:300px; }




    /*--------------------------------------------------
        introduce
    --------------------------------------------------*/


    /*
        introduce-section
    */
    .introduce-section{ padding: 50px 0; }
    .introduce-section figure{ width: 50%; }
    .introduce-section .main{ margin-left: 50%; padding-left: 30px; }
    .introduce-section h3{ margin-top: 0; font-size: 30px; }
    .introduce-section .con{ margin-top: 20px; }


    /*
        introduce-steps
    */
    .introduce-steps{ padding: 50px 0; }


    /*
        introduce-goods
    */
    .introduce-goods{ padding: 50px 0; }
    .introduce-goods-list .item{ height: 300px;  }


    /*
        introduce-bottom-banner
    */
    .introduce-bottom-banner{ height: 320px; }
    .introduce-bottom-banner h2{ margin-top: 80px; font-size:  }




    /*--------------------------------------------------
        member
    --------------------------------------------------*/

    /*
        member
    */
    .member{ width: auto; margin-top: 90px !important; }
    .member-title{ width: 50%; }
    .member-main{ margin-left: 50%; padding-left: 50px; margin-right: 50px; }
    .member-main .verify-func{ text-align: center; height: 40px; }
    .member-main .verify-func img{ display: inline; }
    .member-main .title{ font-size: 12px; }




    /*--------------------------------------------------
        news
    --------------------------------------------------*/


    /*
        news-detail
    */
    .news-detail{ padding: 0; }


    /*
        news-list
    */
    .news-list>div{ margin-top: 50px; }
    .news-list h5{ margin:0 15px; }
    .news-list .con{ margin:15px 15px 0 15px; }
    .news-list .date{ margin:15px 15px 0 15px; }




    /*--------------------------------------------------
        product
    --------------------------------------------------*/


    /*
        product
    */
    .product-list>div{ margin-bottom: 30px; }




    /*--------------------------------------------------
        user center
    --------------------------------------------------*/


    /*
        uc-flow
    */
    .uc-flow{ margin:30px 0; }
    .uc-flow .icon-area{ width: 36px; height: 36px; line-height: 36px; font-size: 16px; }
    .uc-flow p{ font-size: 14px; }
    .uc-flow:after{ top: 18px; border-width: 4px; }


    /*
        uc-box
    */
    .uc-box{ margin-top: 70px; }


    /*
        uc-sidebar
    */
    .uc-sidebar{ width: 30%;  }


    /*
        uc-sidebar
    */
    .uc-sidebar{ width: 25%;  }


    /*
        uc-main
    */
    .uc-main{ margin-left: 25%; padding-left: 2rem; }


    /*
        buy-new-contract
    */
    .buy-new-contract{ font-size: 18px; }


    /*
        uc-white-box
    */
    .uc-white-box{ padding: 15px; }


    /*
        uc-alert
    */
    .uc-alert{ margin-top: 30px !important; }


    /*
        uc-buy-list
    */
    .uc-buy-list{ margin: 0 -10px; }

    .uc-buy-list>div{ padding: 0 10px; margin-bottom: 30px; }


    /*
        uc-contract-list
    */
    .uc-contract-list{ padding: 0; margin-bottom: -30px; }
    .uc-contract-list>div{ margin-bottom: 30px; }


    /*
        uc-order-main
    */
    .uc-order-left{ float: none; width: auto; padding-right: 0; }
    .uc-order-right{ margin-left: 0; border-left:0; border-top: 1px solid #e5e5e5; padding-left: 0; margin-top: 30px; padding-top: 30px; }


    /*
        uc-settings
    */
    .uc-settings .row{ margin: 0 -10px; }
    .uc-settings .row>div{ padding: 0 10px; }
    .uc-settings .row>div:first-child{ padding: 0 10px; margin-bottom: 30px; border-right: 0; }





}



























/*--------------------------------------------------
    for mobile
--------------------------------------------------*/


@media all and (max-width: 768px) {



    /*--------------------------------------------------
        components
    --------------------------------------------------*/



    /*
        margins and paddings
    */
    .mb-5{ margin-bottom: 30px; }
    .mt-10{ margin-top: 50px; }
    .mb-10{ margin-bottom: 50px; }

    .pt-5{ padding-top: 30px; }
    .pt-10{ padding-top: 50px; }
    .pb-14{ padding-bottom: 70px; }


    /*
        page-main
    */
    .page-main{ width: auto; margin: 0; padding: 0 1.5rem; }


    /* 
        data-show
    */
    .data-show h3{ float: none; width: auto; line-height: 30px; font-size: 14px; }
    .data-show .list{ margin-left: 0; height: 210px; }

    .data-show .item{ line-height: 30px; padding: 15px; }

    .data-show .title{ float: none; margin-right:0; }

    .data-show .counter{ float: none; }

    .data-show .number{ float: none; }
    .data-show .number li{ float: none; margin-left: 0; }


    /* 
        b2t
    */
    .b2t{ width: 40px; height: 40px; line-height: 40px; bottom: 5%; right: 10px; }


    /* 
        footer
    */
    .footer-links{ text-align: left; }
    .footer-links li{ display: block; margin-bottom: 15px; }
    .footer-links li+li{ margin-left:0; }
    .footer-links li:last-child{ margin-bottom: 0; }
    .footer-links a{ display: block; width: auto; }

    .footer-menu{ text-align: left; }
    .footer-menu li{ display: block; float: left; width: 50%; margin-bottom: 10px; line-height: 30px; }
    .footer-menu li+li{ margin-left: 0; }

    .footer-social{ position: relative; left: auto; top: auto; margin-bottom: 15px; overflow: hidden; }
    .footer-social li{ width: 25%; }
    .footer-social li+li{ margin: 0; }

    .footer-copyright{ text-align: left; margin-bottom: 15px; }

    .footer-mail{ position: relative; right: auto; top: auto; }


    /*
        page-banner
    */
    .page-banner{ height: 70px; margin-top: 70px; }
    .page-banner h2{ line-height: 70px; font-size: 24px; }


    /* 
        page-banner-swiper
    */
    .page-banner-swiper .item{height: 70px; }


    /*
        box-title
    */
    .box-title{ letter-spacing: 0; }
    .box-title h2{ font-size: 24px; }
    .box-title p{ font-size: 16px; }
    .box-title p span{ display: inline; }


    /*
        page-jumper
    */
    .page-jumper li{ display: none; }
    .page-jumper li.prev ,  .page-jumper li.next{ display: inline-block; }



    
    /*--------------------------------------------------
        home
    --------------------------------------------------*/


    /*
        home-title
    */
    .home-title h2{ font-size: 36px; }
    .home-title .icon-area{ font-size: 18px; }


    /*
        home-banner
    */
    .home-banner{ background-size: cover; height: auto; }
    .home-banner .main{ float: none; margin-top: 30px; width: auto; }
    .home-banner .top-words{ font-size: 16px; }
    .home-banner h2{ margin: 20px 0; }
    .home-banner .con{ font-size: 16px; }
    .home-banner .btn-area{ margin-top: 20px; }
    .home-banner .btn{ padding: 15px; display: block; }


    /*
        home-video
    */
    .home-video{ float:none; margin: 30px 0; width: auto; height: 260px; }
    .home-video .video-js{ height: 260px; }


    /*
        home-advantage
    */
    .home-advantage{ overflow: hidden; }
    .home-advantage-list>div{ margin-bottom: 30px; }
    

    /*
        home-introduce
    */
    .home-introduce{ background-position: center center; background-size: auto 100%; padding: 70px 0 300px 0; height: auto; }

    .home-introduce-main{ margin: 0 50px; }
    .home-introduce-main figure{ width: 100%; float: none; }
    .home-introduce-main .main{ margin-left: 0; margin-top: 20px; }
    .home-introduce-main .con{ font-size: 16px; line-height: 30px; max-height: 180px; }
    .home-introduce-main .btn-area{ margin-top: 20px; }
    .home-introduce-main .btn{ width: 100%; }

    .home-introduce .btn-func{ width: 40px; height: 40px; line-height: 40px; font-size: 20px; }




    /*--------------------------------------------------
        about
    --------------------------------------------------*/


    /*
        about-section
    */
    .about-section{ padding: 70px 1.5rem; background-position: top center; background-size: auto 100%; }
    .about-section figure{ float: none; width: auto; }
    .about-section .main{ margin-left: 0; margin-right: 0; margin-top: 30px; }
    .about-section h3{ font-size: 24px; }


    /*
        about-team
    */
    .about-team{ padding: 70px 0; background-position: top center; background-size:auto 100%; }
    .about-team-main figure{ float: none; }
    .about-team-main .main{ margin-left: 0; margin-top: 30px; }




    /*--------------------------------------------------
        customer service
    --------------------------------------------------*/


    /*
        faq-list
    */
    .faq-list-container>div{ margin-bottom: 30px; }
    .faq-list-container>div:last-child{ margin-bottom: 0; }

    .faq-list .expand-trigger{ padding: 15px; }

    .faq-list .title{ line-height: 26px; font-size: 16px; color: #616161; }

    .faq-list .content{ padding: 0 15px; }


    /*
        cs-contact
    */
    .cs-contact{ margin-left: 0; margin-right: 0; margin-bottom: -60px; height: auto; }

    .cs-contact-info{ float: none; width: auto; padding: 0 30px; overflow: hidden; }

    .cs-contact-form{ margin-right: 0; margin-left: 0; padding: 0 30px; }

    .cs-contact-form .btn{ display: block; width: 100%; margin-left: 0; margin-bottom: 15px; }


    /* 
        cs-bottom-bg
    */
    .cs-bottom-bg{ height:200px; background-size: auto 100%; }




    /*--------------------------------------------------
        introduce
    --------------------------------------------------*/


    /*
        introduce-section
    */
    .introduce-section{ padding: 50px 0; background-position: right center; background-size: auto 100%; }
    .introduce-section figure{ float: none; width: auto; }
    .introduce-section .main{ margin-left: 0; padding-left: 0; margin-top: 30px; }
    .introduce-section h3{ font-size: 30px; }
    .introduce-section .con{ margin-top: 30px; }


    /*
        introduce-steps
    */
    .introduce-steps{ padding: 50px 0; }

    .introduce-steps-list .item{ border-right: none; }


    /*
        introduce-goods
    */
    .introduce-goods{ padding: 50px 0; }

    .introduce-goods-list .item{ height: auto; }


    /*
        introduce-bottom-banner
    */
    .introduce-bottom-banner{ width: auto; height: auto; background-position: center center; background-size: auto 100%; padding: 80px 0; }
    .introduce-bottom-banner h2{ margin-top: 0; font-size: 26px; }


    /*
        introduce-goods
    */
    .introduce-goods{ padding: 50px 0; }




    /*--------------------------------------------------
        member
    --------------------------------------------------*/


    /*
        member
    */
    .member{ width:auto; margin-left:0; margin-right:0; margin-top: 90px; }

    .member-title{ float: none; height: 120px; width: auto; background-position: center center; padding: 0 20px; }
    .member-title h3{ font-size: 20px; margin-bottom: 10px; }
    .member-title p{ font-size:14px; }

    .member-main{ margin-left: 0; margin-right: 0; padding: 0 15px; }
    .member-main h3{ margin-top:20px; margin-bottom: 20px; font-size: 20px; line-height: 30px; height: 30px; }
    .member-main .item{ margin-bottom: 15px; }
    .member-main .title{ font-size: 12px; }
    .member-main .verify-func{ text-align: center; margin-top: 15px; }
    .member-main .verify-func img{ display: inline; }

    .member-main .btn{ height: 44px; border-radius: 44px; font-size: 20px; line-height: 44px; }

    .member-main .link-area{ margin-bottom: 20px; }


    /*
        member-footer
    */
    .member-footer{ margin:20px 0; }
    .member-footer span{ display: block; }




    /*--------------------------------------------------
        news
    --------------------------------------------------*/


    /*
        news-detail
    */
    .news-detail{ padding: 0; }

    .news-detail-title h2{ font-size: 30px; }

    .news-detail-content p{ font-size: 16px; line-height: 30px; }


    /*
        news-list
    */
    .news-list{ margin-left: 0; margin-right: 0; }
    .news-list>div{ margin-top:50px; padding: 0; }
    .news-list h5{ white-space: normal; font-size: 20px; height: auto; }




    /*--------------------------------------------------
        product
    --------------------------------------------------*/


    /*
        product-tabs
    */
    .product-tabs li{ float: none; margin-bottom: 15px; }
    .product-tabs li+li{ margin-left: 0; }
    .product-tabs a{ text-align: center; }
    .product-tabs i{ float: none; display: inline-block; vertical-align: middle; position: relative; top: -5px; }


    /*
        product-list
    */
    .product-list>div{ margin-bottom: 50px; }
    .product-list>div:last-child{ margin-bottom: 0; }


    /*
        product-bottom-banner
    */
    .product-bottom-banner{ background-size: cover; padding: 70px 0;  }
    .product-bottom-banner h3{ font-size: 30px;}
    .product-bottom-banner .con{ margin-top: 50px; line-height: 24px; font-size: 14px; }
    .product-bottom-banner .item{ padding: 0 1.5rem; }
    .product-bottom-banner .btn-func{ display: none; }





    /*--------------------------------------------------
        user center
    --------------------------------------------------*/


    /*
        uc-footer
    */
    .uc-footer{  height: auto; line-height: 20px; padding: 30px 0; }
    .uc-footer span{ display: block; }


    /* 
        uc-box
    */
    .uc-box{ margin-top: 70px; }

    
    /*
        uc-sidebar
    */
    .uc-sidebar{ float: none; width: auto; }


    /*
        buy-new-contract
    */
    .buy-new-contract{  height:60px; line-height: 60px; font-size: 18px; }


    /*
        uc-main
    */
    .uc-main{ margin-left: 0; padding-left: 0; }


    /*
        uc-flow
    */
    .uc-flow{ display: none; }

    
    /*
        uc-menu
    */
    .uc-menu { margin-left: -10px; margin-right: -10px; margin-bottom: 15px; }
    .uc-menu li{ float: left; width: 50%; padding: 0 10px; }

        
    /*
        uc-white-box
    */
    .uc-white-box{ padding:15px; }


    /*
        uc-buy-list
    */
    .uc-buy-list{ margin: 0; }

    .uc-buy-list>div{ padding: 0; margin-top: 30px; margin-bottom: 0; }

    .uc-buy-list .item{ height: auto; }

    .uc-buy-list .btn-area{ margin-bottom: 40px; }


    /*
        uc-alert
    */
    .uc-alert{ margin-top: 30px !important; }


    /*
        uc-page-jumper
    */
    .uc-page-jumper { margin-top: 30px !important; }
    .uc-page-jumper li{ display: none; }
    .uc-page-jumper li.prev , .uc-page-jumper li.next{ display: inline-block; }


    /* 
        uc-list
    */
    .uc-list table , .uc-list thead , .uc-list tbody, .uc-list th , .uc-list td , .uc-list tr{ display: block; }
    .uc-list thead th{ position: absolute; top: -9999px; left: -9999px; }
    .uc-list td { border: none; border-bottom: 1px solid #eee; position: relative;  padding: 15px; padding-left: 50%; white-space: normal; text-align:left; line-height: 20px; }
    .uc-list td:before { position: absolute; top: 15px; left: 15px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; line-height: 20px; }
    .uc-list td:before { content: attr(data-title); }


    /*
        uc-form
    */
    .uc-form .btn-area>div{ margin-bottom: 15px; }
    .uc-form .btn-area>div:last-child{ margin-bottom: 0; }

    .uc-form-short{ width: auto; }


    /*
        uc-contract-list
    */
    .uc-contract-list{ margin-bottom: -20px; }
    .uc-contract-list>div{ margin-bottom: 20px; }


    /*
        uc-order-main
    */
    .uc-order-main{ padding:0; margin-top: 30px !important; }
    .uc-order-left{ float: none; width: auto; padding-right: 0; margin-bottom: 30px; }
    .uc-order-right{ margin-left: 0; border-left:0; padding-left: 0; border-top: 0;  }


    /*
        uc-order-view
    */
    .uc-order-view h2{ font-size: 30px; margin-bottom: 25px; }

    .uc-order-view-btn-area .btn{ width: 100%; }


    /*
        uc-order-pay
    */
    .uc-order-pay-select{ height: auto; }


    /*
        uc-order-operate
    */
    .uc-order-operate .btn+.btn{ margin-left: 10px; }

    
    /*
        uc-order-tips
    */
    .uc-order-tips{ margin-bottom: 30px; }
    .uc-order-tips figure{ margin: 0 0 30px 0; }
    .uc-order-tips figure img{ max-width: 100px;}
    .uc-order-tips h2{ font-size: 24px; line-height: 30px; }


    /*
        uc-order-total
    */
    .uc-order-total{ margin-top: 0; padding: 15px; }
    .uc-order-total>div{ float: none !important; text-align: center; }
    .uc-order-total span+span{ margin-left: 0; }


    /*
        uc-settings
    */
    .uc-settings .row{ margin: 0; }
    .uc-settings .row>div:first-child{ border-right: 0; }
    .uc-settings .row>div{ padding: 0; margin-bottom: 60px; }
    .uc-settings .row>div:last-child{ margin-bottom: 0; }


}