* {
    padding: 0;
    margin: 0;
}

body {
    min-width: 320px;
    position: relative;
    font-family: 微软雅黑,黑体;
    color: #232323;
    font-size: 1em;
}

img {
    border: 0;
    margin: 0;
}

div, ul, li, p {
    padding: 0;
    margin: 0;
}

table {
    border: 0;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
    height: 0;
}

.hover {
    background: #d0edf5;
}


.wrapper {
    width: 100%;
    min-width: 320px;
    background: #fff;
}

.header {
    width: 100%;
    background: #fff;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

    .header > .logo {
        height: 42px;
        padding: 8px 0 6px;
        text-align: left;
    }

.head_search {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 6px;
    top: 10px;
}
/*焦点图*/
#banner {
    margin-bottom: 25px;
}

#wrapper {
    width: 100%;
    overflow: hidden;
}

.wrapper_in {
    width: 100%;
}

.swipe ul, .swipe li {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.swipe img {
    width: 100%;
    height: 422px;
    display: block;
}

.swipe {
    overflow: hidden;
    position: relative;
}

    .swipe ul {
        -webkit-transition: left 800ms ease-in 0;
        -moz-transition: left 800ms ease-in 0;
        -o-transition: left 800ms ease-in 0;
        -ms-transition: left 800ms ease-in 0;
        transition: left 800ms ease-in 0;
    }

    .swipe #pagenavi {
        position: absolute;
        left: 0;
        bottom: 7px;
        text-align: center;
        width: 100%;
    }

        .swipe #pagenavi a {
            width: 6px;
            height: 6px;
            line-height: 99em;
            border-radius: 50%;
            margin: 0 3px;
            overflow: hidden;
            cursor: pointer;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }

            .swipe #pagenavi a.active {
                background: #FFF;
            }
/****************************/

.wrap_content {
    padding: 0 2% 0;
}

.ul_about {
    height: 100%;
}

    .ul_about li {
        width: 100%;
        height: 42px;
        margin-bottom: 12px;
    }

        .ul_about li a {
            display: block;
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: center;
            color: #fff;
        }

            .ul_about li a:hover {
                display: block;
                width: 100%;
                height: 42px;
                line-height: 42px;
                text-align: center;
                color: #fff;
                background: #e3effd;
            }

ul.con_box {
    width: 100%;
}

.con_box li {
    width: 30.2%;
    display: inline-block;
    margin: 2% 1%;
    padding: 0;
}

    .con_box li a {
        color: #FFF;
        border-radius: 7px;
        display: block;
        height: 90px;
        padding: 8px 0;
        width: 100%;
        text-align: center;
    }

        .con_box li a span {
            width: 63px;
            height: 63px;
            display: inline-block;
            background-size: 100%,100%;
        }

        .con_box li a h3 {
            font-size: 13px;
            line-height: 24px;
        }

.li_01 {
    background-color: #1599e1;
}

.li_02 {
    background-color: #c338bd;
}

.li_03 {
    background-color: #6bc450;
}

.li_04 {
    background-color: #e26846;
}

.li_05 {
    background-color: #ff5a00;
}

.li_06 {
    background-color: #d80075;
}

.li_07 {
    background-color: #0ecdb0;
}

.li_08 {
    background-color: #34a7fa;
}

.new_box, .new_box2 {
    height: 100%;
    border-radius: 5px;
    margin-top: 12px;
}

.tle_3 {
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    background: #eb6100;
    border-radius: 4px;
    padding: 4px 4px;
    position: relative;
}

    .tle_3 > a {
        width: 20%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        display: block;
        position: absolute;
        color: #fff;
        top: 4px;
        right: 0;
    }

.tle_4 {
    height: 32px;
    line-height: 32px;
    color: #e76020;
    font-size: 15px;
    font-weight: bold;
    background: #e2e2e2;
    padding: 4px 4px;
    position: relative;
}

.tle_5 {
    height: 32px;
    line-height: 32px;
    color: #e76020;
    font-size: 14px;
    background: #e2e2e2;
    border-radius: 4px;
    padding: 4px 4px;
    position: relative;
}

    .tle_5 > a {
        width: 20%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        display: block;
        position: absolute;
        color: #e76020;
        top: 4px;
        right: 0;
    }

.news_cat {
}

    .news_cat ul {
        width: 100%;
        text-align: center;
    }

        .news_cat ul li {
            display: inline-block;
            width: 46%;
            margin: 2% 1% 2% 1%;
        }

            .news_cat ul li a {
                display: block;
                width: 100%;
                height: 68px;
                border-radius: 7px;
                display: -moz-box;
                display: -webkit-box;
                display: flexbox;
                text-align: left;
            }

                .news_cat ul li a span {
                    display: block;
                    width: 60px;
                    height: 60px;
                    padding: 4px 0 0 5px;
                    -moz-box-flex: 1;
                    -webkit-box-flex: 1;
                }

                .news_cat ul li a > h3 {
                    display: block;
                    height: 60px;
                    line-height: 60px;
                    font-size: 14px;
                    color: #333333;
                    padding: 4px 0 0 15px;
                    margin-top: 0;
                    width: 50%;
                    -moz-box-flex: 2;
                    -webkit-box-flex: 2;
                    text-align: left;
                }

.bg_list_01 {
    background: #71a8d1;
}

.bg_list_02 {
    background: #d58dd7;
}

.bg_list_03 {
    background: #e4988b;
}

.bg_list_04 {
    background: #8fd966;
}

.bg_list_05 {
    background: #2ea8eb;
}

.bg_list_06 {
    background: #ea7b5d;
}


.news_list li {
    border-bottom: 1px solid #ccc;
    padding: 0 3px;
    height: 40px;
}

    .news_list li:hover {
        background-color: #e3effd;
    }

    .news_list li a {
        display: block;
        color: #000;
        height: 38px;
        font-size: 14px;
        clear: both;
    }

        .news_list li a:hover {
            display: block;
            color: #000;
            height: 38px;
            clear: both;
            background-color: #e3effd;
        }

        .news_list li a span {
            width: 87%;
            height: 38px;
            line-height: 38px;
            float: left;
            display: block;
            overflow: hidden;
        }

        .news_list li a i {
            width: 12%;
            height: 38px;
            line-height: 38px;
            float: right;
            display: block;
            text-align: right;
            font-style: normal;
            color: #a58a70;
        }

.new_box {
    width: 100%;
}

ul.news_pic_list li {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding: 8px 0 5px;
}

.news_pic_list li a {
    display: block;
    width: 100%;
    height: 75px;
    display: -moz-box;
    display: -webkit-box;
    display: flexbox;
    text-align: left;
    color: #303031;
    overflow: hidden;
    background: #fff;
}

    .news_pic_list li a:hover {
        background: #e9e9e9;
    }

.list_pic {
    width: 85px;
    height: 65px;
    padding-right: 6px;
}

.list_con {
    -webkit-box-flex: 1;
    position: relative;
    height: 75px;
}

    .list_con h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .list_con p {
        font-size: 12px;
        line-height: 18px;
        color: #8b8b8b;
    }

    .list_con i {
        position: absolute;
        right: 5px;
        bottom: 6px;
        font-size: 12px;
        color: #8b8b8b;
    }

.new_box3 {
    height: 100%;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .new_box3 li {
        border-bottom: 1px solid #ccc;
        padding: 0 2%;
    }

        .new_box3 li a {
            color: #000;
            font-size: 14px;
        }

.new_box3_ul li {
    padding: 6px 0;
}

    .new_box3_ul li img {
        border: 1px solid #666666;
    }

.new_box3_ul h4 {
    font-size: 14px;
    height: 18px;
    line-height: 24px;
}

.new_box3_ul p {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
}

.footer {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    clear: both;
}

    .footer ul {
        width: 100%;
    }

        .footer ul li {
            width: 25%;
            height: 42px;
            float: left;
        }

            .footer ul li a {
                display: block;
                height: 42px;
                line-height: 42px;
                background: #666666;
                color: #fff;
                border-right: 1px solid #fff;
                font-weight: bold;
            }

                .footer ul li a:hover {
                    display: block;
                    height: 42px;
                    line-height: 42px;
                    background: #8d8d8d;
                    color: #fff;
                    border-right: 1px solid #fff;
                    font-weight: bold;
                }

.copyright {
    padding: 6px 0 4px;
    background-color: #f7f6f6;
    line-height: 16px;
    color: #b0afaf;
    font-size: 12px;
    font-weight: normal;
}

.main-new-liebiao {
    width: 100%;
    height: 85px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

    .main-new-liebiao img {
        width: 80px;
        height: 70px;
        float: left;
    }

.main-new-imagi {
    width: 25%;
    height: 57px;
    float: left;
    padding-right: 2%;
    padding-top: 8px;
    padding-left: 1.3%;
}

    .main-new-imagi img {
        width: 80px;
    }

.main-new-liebiao h2 {
    color: #2d2c2c;
    line-height: 30px;
    font-size: 15px;
}

.main-new-liebiao p {
    font-size: 12px;
    color: #666666;
    margin-left: 1%;
    padding-right: 8%;
}

.main-new-liebiao h2 span {
    color: #fc893b;
    font-size: 12px;
    font-family: "苹方 常规";
    float: right;
    padding-right: 5%;
    background-image: url(../images/span-backgroud_07.jpg);
    background-position: 8% center;
    background-repeat: no-repeat;
    font-weight: normal;
}

.main-new-liebiao a {
    display: block;
}

.main-icon {
    width: 97%;
    height: 60px;
    margin: 0 auto;
    margin-top: 2.7%;
}


    .main-icon p {
        font-size: 9px;
        color: #FFF;
        text-align: center;
    }
/*内页顶部*/
.lanm {
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0;
    top: 0;
    z-index: 998;
    background: #eb6100;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    margin: 0;
}

    .lanm span {
        width: 40px;
        height: 100%;
        display: block;
    }

    .lanm h1 {
        display: block;
        color: #FFF;
        box-flex: 1.0;
        -webkit-box-flex: 1.0;
        -moz-box-flex: 1.0;
        line-height: 45px;
        text-align: center;
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#back {
    /*border-right: 1px solid #6596d2;*/
    background: #eb6100;
}

    #back a {
        display: block;
        width: 100%;
        height: 100%;
        /*background: url(../images/icon_collection_1.png) no-repeat -80px 13px;*/
        background: url(../images/icon_return.png) no-repeat 8px center;
        background-size: 24px 24px;
    }

#lm {
    border-left: 1px solid #f59f48;
    height: 100%;
    background: #eb6100 url(../images/lm.png) no-repeat center;
    background-size: auto 15px;
    -webkit-background-size: auto 15px;
    -moz-background-size: auto 15px;
    -o-background-size: auto 15px;
}

.lanm .btn_edit {
    width: 46px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eb6100;
    text-align: center;
    color: #fff;
    background: #2a6ebb;
    font-size: 16px;
    margin: 6px 3px 0 0;
    border-radius: 3px;
}

.lanm .btn_edit2 {
    width: 65px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #6596d2;
    text-align: center;
    color: #fff;
    background: #2a6ebb;
    font-size: 16px;
    margin: 6px 3px 0 0;
    border-radius: 3px;
}

.lanm .submenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45px;
    background: #FFF;
    display: none;
}

    .lanm .submenu a {
        color: #eb6100;
        display: block;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #E8E8E8;
        padding: 0 25px;
        background: #fff url(../images/arr.png) no-repeat right center;
        background-size: auto 12px;
    }

        .lanm .submenu a:hover {
            color: #fff;
            background: #eb6100;
        }

        .lanm .submenu a:last-child {
        }

.zhezhao2 {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 990;
    display: none;
}

.MarginTop {
    padding-top: 45px;
    height: 0;
    overflow: hidden;
}
/*内页样式表*/
.con_main {
    margin-top: 8px;
    width: 100%;
}

.pro_catalog {
    width: 100%;
    margin-bottom: 15px;
}

.cat_name {
    height: 58px;
    line-height: 58px;
    display: -webkit-box;
    padding: 3px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eb6100;
}

    .cat_name span {
        display: block;
        width: 70px;
        height: 58px;
        text-align:center;
    }

    .cat_name h3 {
        -webkit-box-flex: 1;
        font-size: 16px;
        text-align: left;
        padding-left: 12px;
        background: url(../images/fuwu-back_06.png) no-repeat;
        background-position: 100% -110px;
        color: #fff;
    }

.pro_catalog ul li {
    height: 38px;
    border-bottom: 1px solid #ebebeb;
}

    .pro_catalog ul li a {
        display: block;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        padding-left: 90px;
        color: #666666;
        color: #3a3939;
        position: relative;
    }

}

.pro_catalog ul li a:hover {
    background: #ebebeb;
}

.pro_catalog ul li a i {
    position: absolute;
    right: 8px;
    bottom: 0px;
    font-style: normal;
}

.title, .title2 {
    line-height: 28px;
    color: #fe8705;
    font-size: 16px;
    margin-bottom: 12px;
}

.title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.content_detail {
    padding-top: 14px;
    line-height: 26px;
    font-size: 14px;
}

    .content_detail p {
        font-size: 14px;
        line-height: 26px;
    }

    .content_detail img {
        width: 100%;
        height: auto;
    }

    .content_detail p img {
        width: 100%;
        height: auto;
    }


/*会议页面*/
.meeting_box1 ul {
}

    .meeting_box1 ul li {
        border: 1px #c9caca solid;
        border-top: none;
        background-color: #FFF;
        padding: 20px 0;
    }

        .meeting_box1 ul li h2 {
            background-color: #ad2567;
            color: #FFF;
            padding: 0 5px;
            height: 32px;
            line-height: 32px;
            overflow: hidden;
        }

            .meeting_box1 ul li h2 a {
                color: #FFF;
                font-size: 16px;
                font-weight: normal;
            }

        .meeting_box1 ul li .listsj {
            padding: 8px 0px;
            margin: 0 10px;
            border-bottom: #666 dotted 1px;
            font-size: 14px;
            overflow: hidden;
            color: #666;
        }

.listsj .shijian {
    float: left;
    width: 45%;
}

.listsj .didian {
    float: left;
    width: 55%;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.meeting_box1 ul li .newslistjj {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 10px;
}

.meeting_box1 ul li .newslistjj {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
/*商会展示第二版样式表*/
.newslist {
    margin: 20px 3% 45px;
    overflow: hidden;
    width: 94%;
}

    .newslist ul li {
        overflow: hidden;
        margin-bottom: 25px;
        border-bottom: 1px dashed #c9caca;
        background-color: #FFF;
        padding: 10px 0;
    }
/*border: 1px #c9caca solid;*/

.commerce_boxpic {
    width: 46%;
    float: left;
}

.commerce_boxp {
    width: 52%;
    float: right;
    padding-top: 12%;
    color: #000;
    font-size: 20px;
}


/*会议活动页面样式表*/
.Active_boxbg {
    background: #b5b5b5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Active_box {
    width: 48%;
    float: left;
    height: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 15px;
}

    .Active_box a {
        display: block;
        color: #000;
    }

        .Active_box a:hover {
            background: #f3f8fe;
        }

    .Active_box h3 {
        line-height: 26px;
        padding-bottom: 12px;
        border-bottom: 1px dashed #ccc;
    }

.Active_box_in {
    width: 100%;
}

    .Active_box_in dt img {
        width: 100%;
        height: 165px;
    }

    .Active_box_in dd {
        line-height: 28px;
        text-align: center;
        color: #eb6100;
        font-size: 14px;
    }

.active_text {
    padding: 2% 0;
}


.little_title {
    color: #7e7e7f;
    padding-bottom: 3px;
    font-weight: bold;
}

.active_text img {
    margin-bottom: 10px;
    width: 99.6%;
    border: 1px solid #e0dede;
}

.active_text a p {
    line-height: 18px;
    color: #878787;
    font-size: 12px;
}

.wishWall {
}

.index_bg {
    background: #fcaacd;
    padding-top: 20px;
    margin: 0 auto;
}

.maincon_01 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.main_text1 {
    padding: 0 6px;
    background: #e15437;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
}

.maincon_02 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.main_text2 {
    padding: 0 6px;
    background: #314b82;
    border-radius: 6px;
    font-size: 14px;
    line-height: 18px;
}

.main_left {
    text-align: left;
    padding-top: 10px;
    color: #fff;
}

.main_right {
    color: #fff;
    padding: 8px 0 12px 0;
    line-height: 18px;
}

.txt_input {
    width: 100%;
    border: 1px solid #d0d0d0;
    height: 32px;
    line-height: 32px;
    font-size: 1em;
    border-radius: 5px;
    text-indent: 8px;
}

.submit {
    width: 50%;
    height: 36px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    background: #ad8e53;
    color: #fff;
    border: 1px solid #ffffff;
    font-family: '微软雅黑';
}

.digg {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.page_1, .page_2 {
    height: 30px;
    line-height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.page_1 {
    background: url(../images/page_01.png) no-repeat;
    width: 20%;
}

.page_2 {
    background: url(../images/page_02.png) no-repeat;
    width: 23%;
}

    .page_1 a, .page_2 a {
        color: #000;
        text-align: center;
    }

    .page_1 img, .page_2 img {
        vertical-align: middle;
    }

.submit {
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fe8705;
    border-radius: 5px;
    border: 1px solid #fe8705;
    color: #ffffff;
    font-size: 16px;
}

.application {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #fe8705;
    border: 1px solid #fe8705;
    border-radius: 5px;
    color: #fff;
}

.btn_type {
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #2976a4;
    border: 1px solid #246993;
    border-radius: 8px;
    color: #fff;
}

.activity {
    padding: 25px 0 0;
}

.btn_activity {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    background: #1bb8ce;
    border: 1px solid #1bb8ce;
    border-radius: 10px;
    color: #fff;
}

.table_regList {
}

    .table_regList table {
        background: #1e6894;
    }

        .table_regList table th {
            height: 42px;
            background: #2976a4;
            color: #fff;
        }

        .table_regList table td {
            height: 36px;
            background: #fff;
            text-align: center;
            color: #000;
        }

#hid_div {
    background: #c9caca;
    width: 90%;
    position: absolute;
    text-align: left;
    border: 1px solid #666666;
    border-radius: 7px;
}

    #hid_div ul {
        background: #fff;
    }

        #hid_div ul li {
            line-height: 32px;
            border-bottom: 1px solid #ccc;
            padding: 0 6px;
        }

#hid_close {
    height: 34px;
    line-height: 32px;
    background: #666666;
    text-align: center;
    color: #fff;
}

.tab_act {
}

    .tab_act table {
        background: #1e6894;
    }

        .tab_act table th {
            height: 42px;
            background: #2976a4;
            color: #fff;
        }

        .tab_act table td {
            padding: 3px;
            height: 36px;
            background: #fff;
            text-align: center;
            color: #000;
        }

.next_page {
    height: 36px;
    margin-top: 12px;
}

.nextPage {
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #cecece;
    background-color: #fff;
    border-radius: 6px;
    width: 100%;
    color: #2976a4;
}

#goto-top {
    width: 36px;
    height: 36px;
    z-index: 999;
    position: fixed;
    right: 13px;
    bottom: 105px;
    background: #ea68a2 url(../images/goto_top.jpg);
    border-radius: 6px;
}

.bottom_return {
    height: 36px;
    margin-top: 15px;
    text-align: center;
}

.attribute {
    padding-top: 15px;
    height: auto;
}

    .attribute table td {
        border-bottom: 1px solid #e3effd;
        line-height: 24px;
        font-size: 14px;
        text-align: left;
    }

/**弹出层**/
.cd-popup {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

    .cd-popup.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .cd-popup-container ul {
        padding: 8px 6px 0;
    }

    .cd-popup-container li {
        line-height: 32px;
        border-bottom: 1px solid #d6d5d5;
        padding: 0;
        text-align: left;
        color: #000000;
    }

.cd-buttons {
    height: 42px;
    width: 100%;
    text-align: center;
    background-color: #fc8982;
}

    .cd-buttons a {
        display: block;
        height: 42px;
        line-height: 42px;
        text-transform: uppercase;
        color: #FFF;
        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

.cd-popup-container .cd-buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}

    .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
        content: '';
        position: absolute;
        top: 12px;
        width: 14px;
        height: 3px;
        background-color: #8f9cb5;
    }

    .cd-popup-container .cd-popup-close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }

    .cd-popup-container .cd-popup-close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
    }

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
}

/****/