html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video {
    border: 0;
    margin: 0px;
    padding: 0px;
}

/*SVGicon*/
@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.4px;*/
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "微软雅黑",Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei",  STHeiti, "华文细黑", sans-serif;
    height: 100%;
    background: #fefefe;
    margin: 0 auto;
    width: auto !important;
    overflow: visible;
}

/*----------------------头部----------------------*/

#topbar .navbar-brand {
    color: #4a84ff;
    text-decoration: underline;
}

#topbar .navbar {
    margin-bottom: 0;
    border: none;
}

#topbar a:hover {
    text-decoration: none;
}

.gotop a:hover {
    cursor: pointer;
    text-decoration: none;
}
.lead{
    color:#303030
}
/*----------------------头部结束----------------------*/

/*------------导航栏---------------*/
.headerBar {
    border-bottom: 1px solid rgba(244, 244, 244, 0.8);
    background: rgba(255, 255, 255, 0.94);
    margin: 0;
}

.headerBar .navbar {
    padding: 10px 0 5px 0;
    border: none !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0);
}

.headerBar .navbar-default {
    /* background: rgba(255, 255, 255, 0.9); border-color : #e7e7e7;*/
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(254, 254, 254, 0.95);
    -webkit-transition: all .6s ease-in-out;
}

.headerBar .navbar .nav li.active a, .headerBar .navbar .nav li.active a:hover {
    background-color: transparent;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    border-bottom: solid 2px #D2232A;
    color: #D2232A;
}

.headerBar .navbar .nav li a {
    font-size: 1.2em;
    font-weight: 700;
}

.headerBar .navbar .nav li a:hover {
    background-color: transparent;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
    color: #D2232A;
}

.headerBar .navbar-default .navbar-nav > li > a {
    color: #777777;
}

@media (min-width: 768px) {
    .headerBar .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .headerBar .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

    .headerBar .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 20px;
    }
}

.headerBar .in ul.nav {
    width: 100%;
    margin: 0;
    background: #ffffff;
}

.headerBar .in ul.nav li {
    text-align: center;
}

.headerBar .navbar-default .navbar-toggle .icon-bar {
    background-color: #DC393B;
}

.headerBar .navbar-default .navbar-toggle {
    background: rgba(221, 221, 221, 0.35);
}

.headerBar .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd;
}

.headerBar .navbar-default .navbar-toggle {
    border: none;
}

/*------------导航栏结束---------------*/

/*----------------------回顶部----------------------*/
.gotop {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 99;
    width: 40px;
    height: 180px;
}

.gotop a {
    width: 50px;
    padding: 5px 5px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    display: block;
    overflow: hidden;
    color: #9c9c9c;
    text-align: center;
}

.gotop a b {
    display: none;
    font-weight: normal;
}

.gotop a i {
    line-height: 30px;
    font-size: 30px;
}

.gotop a:hover b {
    display: block;
    line-height: 20px;
}

.gotop a:hover i {
    display: none;
}

.gotop a:hover {
    background: #999;
    color: #fff;
}

.gotop a.go_cart {
    position: relative;
    padding-top: 16px;
}

.gotop a.go_cart b {
    display: block;
}

.gotop a.go_cart:hover i {
    display: block;
}

.gotop a.go_cart i {
    line-height: 20px;
    font-size: 20px;
}

.gotop a.go_cart span {
    position: absolute;
    right: 4px;
    top: 4px;
    background: #D2232A;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    display: block;
    overflow: hidden;
    line-height: 14px;
    webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
}

/*----------------------回顶部 结束----------------------*/
/*---------------------主要内容-------------------------*/
.navbar-brand {
    padding: 15px 0px;
}

#indexMain {
    font-family: '微软雅黑';
    padding: 30px 0 0 0;
}

#indexMain .row {
    margin-right: 0;
    margin-left: 0;
    height:auto;
}

#indexMain a:hover {
    text-decoration: none;
}

.small {
    width: 150px;
    border-color: #D2232A;
}

/* ADD BY luyang */
#indexMain .thumbnail_close{
    position:relative;
}
#indexMain .thumbnail_close span{
    display:none;
    position: absolute;
    top:0;
    right:-5px;
    cursor:pointer;
}
#indexMain .thumbnail_close .select_box{
    position: absolute;
    right:10px;
    width: 33px;
    height: 33px;
    background: url("../images/x_alt.png") no-repeat;
    display: none;
    cursor:pointer;
}
/* luyang */

#indexMain .thumbnail {
    background: #fff;
    height: 235px;
}
#indexMain .thumbnail_album{
    height: 280px;
}
#indexMain .thumbnail img {
    max-width: 100%;
    max-height: 180px;
}
#indexMain .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}

#indexMain .p_thumbnail {
    background: #fff;
    height: 250px;
}
#indexMain .p_thumbnail p{
    overflow: hidden;
}
#indexMain .thumbnail .caption {
    padding: 2px;
}
#indexMain .thumbnail .caption h4{
    font-size:18px;
}
#indexMain .thumbnail .caption span{
    color: #999;
    text-decoration: line-through;
    font-family: arial;
    font-size:13px;
}

#indexMain .p_thumbnail img {
    /*max-width: 100%;*/
    /* border: 1px solid #ddd;*/
}
.thumbnail_magazine{
    height: 260px!important;
}
@media (max-width: 1024px) {
    #indexMain .thumbnail {
        background: #fff;
        height: 255px;
    }
    #indexMain .thumbnail img {
        max-height: 180px;
        /*min-height: 180px;*/
    }
    #indexMain .p_thumbnail {
        background: #fff;
        height: 255px;
    }
    .thumbnail_magazine{
        height: 260px!important;
    }
}
@media (max-width: 768px) {
    #indexMain .p_thumbnail img {
        max-height: 120px;
        min-height: 120px;
    }
    #indexMain .p_thumbnail {
        height: 170px;
    }
}

#indexMain .vip_thumbnail {
    background: #fff;
    height: 230px;
}
@media (max-width: 500px) {
    #indexMain .vip_thumbnail {
        height:180px;
    }
    #indexMain .vip_thumbnail img {
        max-height: 145px;
    }
}

.dialog-form .top_content{
    width: 100%;
}
.dialog-form .img_box{
    float: left;
    width: auto;
}
@media (max-width: 1280px) {
    .dialog-form .hollow_img{
        float: left;
        width: 68%;
        min-width: 550px;
    }
}
.dialog-form .img_box img{
    max-width: 100%;
    /*min-height: 370px;*/
    border: 1px solid #ddd;
}
.dialog-form .img_next{
    margin-top:272px;
    position: absolute;
}
.dialog-form .img_next img{height: 50px;}
.imgleft{
    left: 0px;
}

.imgright{
    right: 0px;
}

.dialog-form .bom_box{
    display:none;
    width: 200px;
    float: left;
    background-color: #FFFFFF;border: 1px solid #D3D3D3;
    height: 560px;
    text-align: center;
    overflow-y: auto;
}
.dialog-form .bottom_content{clear: both;height: 60px;}
.dialog-form .p_keywords{width: 100%;width: 500px; height: 30px; overflow: hidden;}
.dialog-form .p_keywords span{line-height: 30px;float: left;font-size: 14px;color:grey;}
@media (max-width: 1440px) {
    .dialog-form .img_box img{
        max-height: 500px !important;
    }
    .dialog-form .bom_box{
        max-height: 500px !important;
    }
}
@media (max-width: 1024px) {
    .dialog-form .img_box img{
        max-height: 360px !important;
        max-width: 550px;
    }
    .dialog-form .impressionPic{
        max-height: 360px !important;
    }
    .dialog-form .bom_box{
        max-height: 360px !important;
    }
    .nav_bar li .title{
        padding: 0px 20px !important;
    }
}
#indexMain .thumbnail:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

#indexMain .thumbnail i {
    background: url(../images/basic_icon.png) no-repeat 0 -27px;
    width: 29px;
    height: 32px;
    position: absolute;
    z-index: 0;
    top: -1px;
    right: 15px;
}

#indexMain .thumbnail i.tag2 {
    background-position: 0 -79px;
}

#indexMain .thumbnail i.tag3 {
    background-position: 0 -131px;
}

#indexMain .thumbnail i.tag4 {
    background-position: 0 -183px;
}

/*-------- 菜单 --------*/
.home_menu {
    display: none;
}

@media (max-width: 768px) {
    .home_menu {
        display: block;
    }
    .pc_index {
        display: none!important;
    }
    .mobile_index ,.mobile_index .attr_box,.botom_bar{
        display: block!important;
    }
    .main-footer{
        display: none!important;
    }
    .navigation_top,.gotop,.scrollbut {
        display: none;
    }
    .demand_news{height: 125px!important;}
    .pjks img {
        width:100%;
    }
    .pjks{height: 300px!important;}
    .pjks_main li {
        width: 49%!important;
        height: 72px!important;
        padding: 0px !important;
    }
}

.home_menu ul {
    display: -webkit-box;
    display: -moz-box;
    width: 100%;
    background: #fff;
    padding: 0 1%;
    list-style: none;
}

.home_menu li {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: center;
    padding: 0.8em 0;
}

.home_menu li a {
    display: block;
}

.home_menu li i {
    font-size: 30px;
    color: #fff;
}

.home_menu li span {
    display: block;
    border-radius:16px;
    width: 4em;
    height: 4em;
    line-height: 4em;
    margin: 0 auto;
}

.home_menu li:nth-child(1) span {
    background: #3FB3E7;
}

.home_menu li:nth-child(2) span {
    background: #f8bc3a;
}

.home_menu li:nth-child(3) span {
    background: #E53648;
}

.home_menu li:nth-child(4) span {
    background: #F29207;
}
.home_menu li:nth-child(5) span {
    background: #51e7de;
}
.home_menu ul:nth-child(2) li:nth-child(1) span {
    background: #c082e5;
}
.home_menu ul:nth-child(2) li:nth-child(2) span {
    background: #51e7de;
}
.home_menu ul:nth-child(2) li:nth-child(3) span {
    background: #6591f0;
}
.home_menu ul:nth-child(2) li:nth-child(4) span {
    background: #f25a93;
}
.home_menu ul:nth-child(2) li:nth-child(5) span {
    background: #3db2e7;
}

.home_menu li p {
    font-size: 1em;
    padding-top: 0.2em;
}

/*---------------------主要内容结束-------------------------*/
/*---------------------页脚-------------------------*/
.main-footer {
    background: #202020;
    padding: 35px 0 25px 0;
    color: #959595;
    clear:both;
}

/* ADD BY luyang */
@media (max-width: 770px) {
    .main-footer {
        margin-bottom:25px;
    }
}
@media (max-width: 435px) {
    .main-footer {
        margin-bottom:30px;
    }
}
/* luyang */
.main-footer a {
    text-decoration: none;
}

.main-footer .widget .title {
    font-size: 1.3em;
    color: #959595;
    margin-top: 0;
    padding-bottom: 7px;
    margin-bottom: 21px;
    position: relative;
}

h4 {
    font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #303030;
}

.widget .recent-post .recent-single-post .post-title {
    color: #505050;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.main-footer .widget .tag-cloud a {
    border: 1px solid #303030;
}

.widget .tag-cloud a {
    border: 1px solid #ebebeb;
    padding: 2px 7px;
    color: #959595;
    line-height: 1.5em;
    display: inline-block;
    margin: 0 7px 7px 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.widget .tag-cloud a:hover {
    background: #d2342d;
}

.copyright {
    /*text-align: center;*/
    line-height: 35px;
}

@media (max-width: 1024px) {
    .copyright {
        border-left: none;
        line-height: 15px;
        text-align: center;	/* UPDATE left SET center BY luyang */
    }
}

/*---------------------页脚结束-------------------------*/
#oneAlbumMain {
    margin-top: 50px;
}

#oneAlbumMain p {
    padding: 3px 0;
}

#oneAlbumMain .detail_list {
    padding-top: 10px;
}

#detail_box {
    font-family: '黑体';
    margin-top: 30px;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#detail_box input{
    text-align:center;
}

#detail_box a:hover {
    text-decoration: none;
}

#detail_box .thumbnail img {
    max-height: 180px;
    min-height: 180px;
}
#detailBox .thumbnail img {
    max-height: 180px;
    min-height: 180px;
}
.headerBar .iconfont{
    display: none;
}
#smallScreen{
    display: none;
}
@media (max-width: 450px) {
    #smallScreen{
        display: block;
    }
    #detail_box .thumbnail img {
        max-height: 100px;
        min-height: 100px;
    }

    #detail_box .col-xs-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

    #detail #topbar {
        display: none
    }
    #albums #topbar {
        display: none
    }
    #oneAlbumMain {
        margin-top: 0;
    }

    .headerBar1 {
        border-bottom: 1px solid rgba(244, 244, 244, 0.8);
        background: rgba(210, 52, 45, 0.94);
        margin: 0;
    }
    .headerBar1 .navbar {
        padding: 0;
    }
    .headerBar1 .iconfont {
        display: inline-block;
        text-decoration: none;
        font-size: 1.5em;
        color: white;
    }
    .headerBar1 .a-name{
        font-size: 1.5em;
        color: #fff;
        padding-top: 10px;
        display: table;
        margin: 0 auto;
    }
    .navbar-header1 a {
        display: none;
    }
}

#detail_box .thumbnail:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
#detail_box .thumbnail_book{
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.color-box img {
    max-height: 40px;
    margin-right: 20px;
}

/*----------------------翻页 开始----------------------*/
.pagination {
    clear: both;
    font-size: 0;
    text-align: center;
    padding: 30px 0;
    display: block;
}

.pagination .item, .pagination .prev, .pagination .next, .pagination .more, .pagination .total, .pagination .current {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    -wekit-border-radius: 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #D2232A;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px
}

.pagination .more {
    border: 0;
    background: #f5f5f5;
}

.pagination .prev, .pagination .next {
    font-size: 14px;
    font-weight: 700
}

.pagination .current {
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff
}

.pagination .item:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff;
    height: 30px;
    line-height: 30px
}

.pagination .prev, .pagination .next {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    -wekit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc
}

.pagination .prev:hover, .pagination .next:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff
}

/*----------------------翻页 结束----------------------*/
#kTab .active {
    border-bottom: 2px solid #D2232A;
    color: #D2232A
}

#cTab .active {
    border-bottom: 2px solid #D2232A;
    color: #D2232A
}

/*----------------------登录 弹出 开始----------------------*/
.overlay_mask {
    background: rgba(0, 0, 0, 0.6);
}

.con_popup_box {
    background: #fff;
    padding: 10px 0;
    display: block;
    overflow: hidden;
    position: relative;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.con_popup_box1 {
    width: 1000px;
    height: 800px;
    background: #fff;
    padding: 15px 0 0 0;
    display: block;
    overflow: hidden;
    position: relative;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.con_popup_box .closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.con_popup_box .closebtn .iconfont {
    font-size: 24px;
}

.con_popup_box .closebtn {
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.con_popup_box .closebtn:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.con_popup_box .closebtn:hover .iconfont {
    color: #D2232A;
}

.error_tips {
    color: red
}

.con_popup_box h3 {
    font-size: 26px;
    text-align: center;
    width: 100%;
    font-weight: normal;
    padding: 30px 0 40px 0;
}

.login_btn {
    padding: 0;
    background: #D2232A;
    width: 80%;
    margin: 20px auto;
    color: #fff;
    display: block;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.login_btn:hover {
    background: #AD1D24;
}

/*----------------------登录 弹出 结束----------------------*/
.my_hd_txt {
    width: 300px;
    position: relative;
    z-index: 1;
    height: 21px;
    margin: 20px auto 0;
    text-align: center;
    line-height: 21px;
}

.my_hd_txt .line {
    position: absolute;
    z-index: 2;
    height: 1px;
    width: 300px;
    background: #e0e0e0;
    top: 10px;
    left: 0;
    display: block;
    overflow: hidden;
}

.my_hd_txt b {
    background: #f5f5f5;
    padding: 0 15px;
    position: relative;
    z-index: 3;
    font-weight: normal;
    font-size: 18px;
}

.import {
    border-radius: 4px;
    height: 30px;
    text-align: center;
    background: #D2232A;
    line-height: 30px;
    display: block;
    margin-top: 10px;
    width: 45%;
    float: left;
    margin-left: 4%;
}

#gongao {
    width: 1190px;
    height: 42px;
    overflow: hidden;
    line-height: 42px;
    font-size: 13px;
    font-family: '微软雅黑';
    background: #f6f6f8;
    color: #D2232A;
    font-weight: bold;
    margin: 0 auto;
}

#gongao #scroll_begin, #gongao #scroll_end {
    display: inline
}

/*导入成功页面*/
.pay_con {
    width: 100%;
    margin: 0 auto;
}

.a_k {
    width: 160px;
    height: 46px;
    line-height: 46px;
    background: #D2232A;
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 20px auto 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

/*购买*/
.order_box {
    min-height: 780px;
}

.order_hd {
    padding: 40px 0 40px;
    display: block;
    overflow: hidden;
}
.order_hd h3 {
    font-size: 32px;
    text-align: center;
    font-weight: normal;
}

.order_hd p {
    margin: 20px auto 0;
    text-align: center;
    font-size: 24px;
}

.order_hd p b {
    font-weight: normal;
    margin-left: 20px;
}

/*购物车*/
.table {
    margin-bottom: 0;
}

.alert-danger {
    color: #D2232A;
    background-color: #ffffff;
}

.mobile_cart_money {
    background: #e8e8e8;
    height: 46px;
    line-height: 46px;
}

.mobile_cart_money span {
    padding-right: 20px;
}

.mobile_cart_money span b {
    font-size: 16px;
    padding: 0 10px;
}

.mobile_cart_money button {
    display: block;
    overflow: hidden;
    background: #D2232A;
    color: #fff;
    padding: 0 30px;
    height: 34px;
    font-size: 18px;
}

.mobile_cart_money button:hover {
    background: #AD1D24;
}

.mobile_cart_money form {
    width: 100px;
}

@media (max-width: 414px) {
    .mobile_cart_money {
        text-align: left;
        height: 100px;
        margin-bottom: 10px;
    }

    .mobile_cart_money span {
        padding-right: 10px;
    }

    .mobile_cart_money span b {
        font-size: 16px;
    }

    .mobile_cart_money button {
        display: block;
        overflow: hidden;
        background: #D2232A;
        color: #fff;
        padding: 0 20px;
        height: 34px;
        font-size: 18px;
    }

    .mobile_cart_money form {
        width: 50px;
    }
}
/**购物车**/
.cart_money {
    background: #e8e8e8;
    height: 46px;
    line-height: 46px;
}

.cart_money span {
    padding-right: 20px;
}

.cart_money span b {
    font-size: 16px;
    padding: 0 10px;
}

.cart_money button {
    display: block;
    overflow: hidden;
    background: #D2232A;
    color: #fff;
    padding: 0 30px;
    height: 46px;
    font-size: 18px;
}

.cart_money button:hover {
    background: #AD1D24;
}

.cart_money form {
    /* width: 100px; */
}

@media (max-width: 414px) {
    .cart_money {
        text-align: left;
        height: 100px;
        margin-bottom: 10px;
    }

    .cart_money span {
        padding-right: 10px;
    }

    .cart_money span b {
        font-size: 16px;
    }

    .cart_money button {
        display: block;
        overflow: hidden;
        background: #D2232A;
        color: #fff;
        padding: 0 20px;
        height: 46px;
        font-size: 18px;
    }

    .cart_money form {
        width: 50px;
    }
}


/*浮动客服*/
@media (min-width: 700px) {
    .main-im {
        position: fixed;
        right: 10px;
        top: 390px;
        z-index: 100;
        height: 133px;
    }
}
@media (max-width: 700px) {
    .main-im {
        position: fixed;
        bottom: 60px;
        z-index: 100;
        height: 300px;
    }
    .bdsharebuttonbox{display: none;}
}

.main-im .qq-a {
    display: block;
    width: 106px;
    height: 116px;
    font-size: 14px;
    color: #0484cd;
    text-align: center;
    position: relative;
}

.main-im .qq-a span {
    bottom: 5px;
    position: absolute;
    width: 90px;
    left: 10px;
}

.main-im .qq-hover-c {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    position: absolute;
    left: 18px;
    top: 10px;
    overflow: hidden;
    z-index: 9;
}

.main-im .qq-container {
    z-index: 99;
    position: absolute;
    width: 109px;
    height: 118px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dddddd;
    background: url(../images/qq-icon-bg.png) no-repeat center 8px;
}

.main-im .img-qq {
    max-width: 60px;
    display: block;
    position: absolute;
    left: 6px;
    top: 3px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.main-im .im-qq:hover .img-qq {
    max-width: 70px;
    left: 1px;
    top: 8px;
    position: absolute;
}

.main-im .im_main {
    background: #F9FAFB;
    border: 1px solid #dddddd;
    border-radius: 10px;
    background: #F9FAFB;
    display: none;
}

.main-im .im_main .im-tel {
    color: #000000;
    text-align: center;
    width: 109px;
    height: 60px;
    border-bottom: 1px solid #dddddd;
}

.main-im .im_main .im-tel div {
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px;
}

.main-im .im_main .im-tel .tel-num {
    font-family: Arial;
    font-weight: bold;
    color: #e66d15;
}

.main-im .im_main .im-tel:hover {
    background: #fafafa;
}

.main-im .im_main .weixing-container {
    width: 55px;
    height: 47px;
    border-right: 1px solid #dddddd;
    background: #f5f5f5;
    border-bottom-left-radius: 10px;
    background: url(../images/weixing-icon.png) no-repeat center center;
    float: left;
}

.main-im .im_main .weixing-show {
    width: 112px;
    height: 172px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -125px;
    top: -126px;
}

.main-im .im_main .weixing-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 112px;
    top: 134px;
    position: absolute;
    z-index: 2;
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 112px;
    top: 132px;
    position: absolute;
}

.main-im .im_main .weixing-show .weixing-ma {
    width: 104px;
    height: 103px;
    padding-left: 5px;
    padding-top: 5px;
}

.main-im .im_main .weixing-show .weixing-txt {
    position: absolute;
    top: 110px;
    left: 7px;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

.main-im .im_main .go-top {
    width: 50px;
    height: 47px;
    background: #f5f5f5;
    border-bottom-right-radius: 10px;
    background: url(../images/totop-icon.png) no-repeat center center;
    float: right;
}

.main-im .im_main .go-top a {
    display: block;
    width: 52px;
    height: 47px;
}

.main-im .close-im {
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 100;
    width: 24px;
    height: 24px;
}

.main-im .close-im a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/close_im.png) no-repeat left top;
}

.main-im .close-im a:hover {
    text-decoration: none;
}

.main-im .open-im {
    cursor: pointer;
    width: 40px;
    height: 133px;
    background: url(../images/open_im.png) no-repeat left top;
    display: none;
}
.pro_foot{
    display:none;
}
@media(max-width: 770px){
    .main-im .open-im{display: block;margin-top: 165px;}
    .main-im .im_main {display: none;}
    .bigScreen{
        display:none;
    }
    .pro_foot{
        display:block;
        background: #fff;
        height: 60px;
        line-height: 46px;
        /* border-top: 1px solid #DBDBDB;  BY luyang */
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .pro_foot .fl{
        float: left;
    }
    .pro_foot .fr{
        float: right;
    }
    .pro_foot a{text-align: center;}
    .pro_foot .buy{width: 30%;}
    .pro_foot .cart{width: 30%;}
    .pro_foot .nub{width: 40%;}
    .pro_foot .nub .iconfont{font-size: 1.8em;padding-right: 2%;}
    .pro_foot .nub b{padding: 0 2%;}
    .pro_foot .buy{display: block;overflow: hidden;background: #EE7F1A;color: #fff;height: 46px;font-size: 1.2em;}
    .pro_foot .buy:hover{background: #BA5D17;}
    .pro_foot .cart{display: block;overflow: hidden;background: #D2232A;color: #fff;height: 46px;font-size: 1.2em;}
    .pro_foot .cart:hover{background: #AD1D24;}
    .pro_foot .btn{
        margin-top: 8px;
        border-radius: 0;
    }
}

.form-block {
    display: block;
    padding: 50px 40px 50px 40px;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    background-color: #fff;;
}
/*个人中心*/
.my_con .home-intro .col-lg-12 .active{color:#D2232A;border-bottom:2px solid #D2232A;}
.my_con .home-intro .col-lg-12 .normal{padding: 0 5px 10px 5px;cursor: pointer;}

/*vip会员专区开始*/
.vip_bt{margin: 1em 0;display: block;overflow: hidden;text-align: center;}
.vip_bt a{display: inline-block;color: #fff;background: #9D9D9D;height: 36px;line-height: 36px;padding: 0 1.5em;font-size: 1.2em;margin:0 0.5em;
    webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
}
.vip_bt a.cur{background:#d9534f;}

@media screen and (max-width: 480px) {
    .vip_bt a{height: 33px;line-height: 33px;padding: 0;font-size:1em;margin:4px 0 0 0;}
}

.viparea_analysis p img{width: 100%}
/*vip会员专区结束*/

@media(max-width: 500px) {
    #kshow_what {display: none;}
    .btn_dzgm {display: none;}
}

/*弹框*/

/* ADD BY luyang 搜索页类型 */
.container .attr_type_box{padding-top: 10px;padding-bottom: 10px;background-color: white;overflow:hidden;position: relative;}
.container .attr_type_box .label_more{position: absolute;top: 3.6em;left: 0;width: 100%;background:#E9EBEA;padding: 0 8px 8px 0;}
.container .attr_type_box span{ display:block; text-align:center; height:30px; line-height:30px; min-width:80px; width:auto; float:left; margin:3px 2px;}
.container .attr_type_box span.attr_t{width:80px; float:left; color:#000; font-weight:bold;font-family: "Arial","Microsoft YaHei","黑体","楷体",sans-serif;}
.container .attr_type_box span a{color:black; width:100%; height:100%; display:block;}
.container .attr_type_box span.bth_box a{ background:#d9534f;color:#FFF;border-radius:6px;}
.container .attr_type_box span a:hover{ background:#C4090D;color:#FFF;border-radius:6px;}

.container .search_type{border:1px solid #ddd;padding-top: 10px;padding-bottom: 10px;background-color: white;overflow:hidden;position: relative;font-size:15px;}
.container .search_type li{padding-top:10px;padding-bottom:10px;}
.container .search_type span{ display:block; text-align:center; height:30px; line-height:30px; min-width:80px; width:auto; float:left;margin-left:3px}
.container .search_type span.attr_t{width:80px; float:left; color:#000; font-weight:bold;font-family: "Arial","Microsoft YaHei","黑体","楷体",sans-serif;}
.container .search_type span a{color:#777; width:100%; height:100%; display:block;}
.container .search_type span.bth_box a{ border:1px solid #d9534f;color:#d9534f;border-radius:6px;}
.container .search_type span a:hover{border:1px solid #d9534f;color:#d9534f;border-radius:6px;}
/* luyang */

.container .attr_box{border:1px solid #ccc;padding-top: 10px;padding-bottom: 10px;height: 120px;margin-bottom: 25px;background-color: white;}
.container .attr_box span{ display:block; text-align:center; height:30px; line-height:30px; min-width:80px; width:auto; float:left; margin:3px 2px;}
.container .attr_box span.attr_t{ height:105px; width:80px; float:left; color:#000; font-weight:bold;font-family: "Arial","Microsoft YaHei","黑体","楷体",sans-serif;}
.container .attr_box span a{color:black; width:100%; height:100%; display:block;}
.container .attr_box span.bth_box a{ background:#d9534f;color:#FFF;border-radius:6px;}
.container .attr_box span a:hover{ background:#C4090D;color:#FFF;border-radius:6px;}
.container .content_top{width:100%;height:30px;margin-top:15px;line-height:30px;color:#999;font-size:14px;position:relative;margin-bottom: 25px;}
.container .content_top .pxbtn_box{ float: left;width:182px;border:1px solid #ddd;height:25px;border-radius:3px;text-align:center; margin-left:50px;margin-bottom: 25px;}
.container .content_top span.catname{ font-weight:bold; color:#666; float:left;}
.container .content_top span.catname{ font-weight:bold; color:#666; float:left;}
.container .content_top .pxbtn{display:block;height:23px;background-color:white;font-size:13px;line-height:25px;width:60px;float:left;border-right:1px solid #ddd;}
.container .content_top .create{border-right:none;}
.container .content_top .currbtn{color:white;background-color:#d9534f;}
.container .content_top .fl{float:left;}
.container .content_top .fr{float:right;}
.container .content_top .pic_ser{width: 228px;margin-right:20px;border:1px solid #ddd;height: 32px;background: #fff;
    webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    border-radius:100px;
}
.container .content_top .pic_ser .inputx{width: 175px;height: 30px;padding-left: 15px;outline:none;
    webkit-border-radius:100px 0 0 100px;
    -moz-border-radius:100px 0 0 100px;
    -o-border-radius:100px 0 0 100px;
    -ms-border-radius:100px 0 0 100px;
    border-radius:100px 0 0 100px;
}
.container .content_top .pic_ser .ser_btn{border: 0;background: 0;outline:none;}
.container .content_top .pic_ser .ser_btn .iconfont{font-size: 15px;color: #666;width: 30px;text-align: center;line-height: 30px;height: 32px;}
.container .content_top .pic_ser .ser_btn:hover{background: #d2232a;
    webkit-border-radius:0 100px 100px 0;
    -moz-border-radius:0 100px 100px 0;
    -o-border-radius:0 100px 100px 0;
    -ms-border-radius:0 100px 100px 0;
    border-radius:0 100px 100px 0;
}
.container .content_top .pic_ser .ser_btn:hover .iconfont{color: #fff;}
.container .content_top .pic_show{height: 30px;margin-top: 4px;}
.container .content_top .pic_show a{float: left;border:1px solid #ddd;margin-left: -1px;background: #fff;padding: 0 10px;height: 28px;line-height: 28px;display: block;overflow: hidden;}
.container .content_top .pic_show a .iconfont{color: #999;padding-right: 10px;}
.container .content_top .pic_show a.cur,.pic_show a:hover{color:#d2232a;}
.container .content_top .pic_show a.cur .iconfont,.pic_show a:hover .iconfont{color:#d2232a;}
@media(max-width: 700px) {
    .content_top {display: none;}
    .attr_box {display: none;}
    .attr_type_box {display: none;}
    .nav_tab {display: none;}
    .nav_type_tab {display: none;}
    .search_type {display: none;}
    #indexMain{padding:0;margin-bottom: 30px;}
    #header #navigation{display: none;}
    #header .headerBar1{display: none;}
    .header_index{display: block !important;}
    .ad_img{display: none;}
    #topbar{display: none;}
}
@media screen and (max-width:3000px) {
    .home_menu1{display: none;}
    .header_index{display: none;}
}
@media screen and (max-width: 700px) {
    .home_menu1{display: block;position: relative;z-index: 66;}
    .menu_list ul{display: box; display: -webkit-box; display: -moz-box; width:100%; background:#fff;border-bottom: 1px solid #e0e0e0;}
    .menu_list li{-moz-box-flex:1; -webkit-box-flex:1;box-flex:1; text-align:center; padding:1em 0;}
    .menu_list li a{ display:block;font-size:1.2em;}
    .home_menu1 li a{color: black;}
    .menu_list li i{ font-size:1em;padding-left: 0.2em;}
    .home_menu1 li.cur,.menu_list li:hover{border-bottom: 2px solid #d9534f;}
    .home_menu1 li.cur a{color: #d9534f;}
    .label_more{position: absolute;top: 3.6em;left: 0;width: 100%;background:#E9EBEA;padding: 0 8px 8px 0;}
    .label_more ul li{float: left;background: #fff;line-height:34px;height: 34px;margin-left: 8px;margin-top: 8px;padding:0 1em;}
    .label_more ul li:hover{background: #d9534f;}
    .label_more ul li:hover a{color: #fff;}
    .pic_ser .ser_btn{border: 0;background: 0;}
    .pic_ser .ser_btn .iconfont{font-size: 15px;color: #666;width: 30px;text-align: center;line-height: 30px;height: 32px;}
    .pic_ser .ser_btn:hover{background: #d2232a;
        webkit-border-radius:0 100px 100px 0;
        -moz-border-radius:0 100px 100px 0;
        -o-border-radius:0 100px 100px 0;
        -ms-border-radius:0 100px 100px 0;
        border-radius:0 100px 100px 0;
    }
    .pic_ser .inputx{width: 175px;height: 30px;padding-left: 15px;
        webkit-border-radius:100px 0 0 100px;
        -moz-border-radius:100px 0 0 100px;
        -o-border-radius:100px 0 0 100px;
        -ms-border-radius:100px 0 0 100px;
        border-radius:100px 0 0 100px;
        margin:10px 0 10px 10%;
        width: 75%;}
}
ul, li, ul li{list-style-type:none;}

.nav_tab ul , .nav_type_tab ul{border-bottom: 3px solid #d9534f;display: block;overflow: hidden;}
.nav_type_tab  li{float: left;padding:0 10px;width:150px;font-size: 21px;height: 55px;line-height: 55px;border-bottom: 0;background: #fff;text-align:center;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.nav_tab li{float: left;padding:0 48px;font-size: 21px;height: 55px;line-height: 55px;border:1px solid #ddd;border-bottom: 0;background: #fff;margin-right: 10px;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
@media screen and (max-width:1200px) {
    .nav_type_tab li{width: 135px;}
    .nav_tab li{padding:0 43px;margin-right: 5px;}
}
@media screen and (max-width:768px) {
    .nav_type_tab li{width: 100px;font-size: 16px;}
    .leibie{display: none;}
}
.nav_tab li a, .nav_type_tab li a { display:block;}
.nav_tab li.cur, .nav_type_tab li.cur, .menu_list li:hover{background:#d9534f;border-color:#d9534f;}
.nav_tab a li.cur, .nav_type_tab a li.cur{color: #fff;}
.nav_tab li.cur a , .nav_type_tab li.cur a{color: #fff;}
.nav_tab li.lbr , .nav_type_tab li.lbr{line-height:0.9;padding-top: 10px;text-align: center;}
.nav_tab li.lbr span , .nav_type_tab li.lbr span{font-size: 12px;}


@media screen and (max-width:3000px) {
    .home_menu{display: none;}
    .menu_list2{display: none;}
}
@media screen and (max-width: 700px) {
    .home_menu{display: block;position: relative;z-index: 66;}
    .menu_list2{display: block;}

    .menu_list2 ul{display: box; display: -webkit-box; display: -moz-box; width:100%; background:#fff;border-bottom: 1px solid #e0e0e0;}
    .menu_list2 li{-moz-box-flex:1; -webkit-box-flex:1;box-flex:1; text-align:center; padding:1em 0;}
    .menu_list2 li a{ display:block;font-size:1.2em;}
    .menu_list2 li i{ font-size:1em;padding-left: 0.2em;}
    .menu_list2 li.cur,.menu_list li:hover{border-bottom: 2px solid #F64444;}
    .menu_list2 li.cur a{color: #F64444;}

    .menu_list ul{display: box; display: -webkit-box; display: -moz-box; width:100%; background:#fff;border-bottom: 1px solid #e0e0e0;padding:0.6em 0;}
    .menu_list li{-moz-box-flex:1; -webkit-box-flex:1;box-flex:1; text-align:center;padding:0.3em 0;margin: 0 0.5em;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        -o-border-radius:3px;
        -ms-border-radius:3px;
        border-radius:3px;
    }
    .menu_list li a{ display:block;font-size:1em;color: #333;}
    .menu_list li i{ font-size:1em;padding-left: 0.2em;color: #333;}
    .menu_list li.cur,.menu_list li:hover{border:1px solid #d9534f;}
    .menu_list li.cur a{color: #d9534f;}
    .home_menu .menu_more ul{display: block;overflow: hidden;padding:0 0;border:0;margin: 0 0;background: none;}
    .menu_more{position: absolute;top: 3.4em;left: 0;width: 100%;background:#E9EBEA;padding: 0 8px 8px 0;}
    .menu_more ul li{float: left;background: #fff;line-height:34px;height: 34px;margin-left: 8px;margin-top: 8px;padding:0 1em;}
    .menu_more ul li:hover{background: #d9534f;}
    .menu_more ul li:hover a{color: #fff;}
    .time_line{display: none;}
}
a{-webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    -ms-transition:all 300ms;
    transition:all 300ms;
    color:#162436;cursor:pointer;text-decoration:none;outline:none/* for FF Chrome */;}

.top_ser{width: 88%;}
.top_ser .inputx{padding:0.5em 0.5em;margin-top:0.5em;width: 75%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.top_ser .ser_btn{border:0;background: none;margin-top: 0.7em;color: #fff;font-size: 1.3em;}
.history{font-size:16px;padding: 10px 5%;display: block;overflow: hidden;}
.history h3{color: #999;font-size:16px;height: 46px;line-height: 46px;border-bottom: 1px solid #ddd;}
.history ul li{color: #333;height: 46px;line-height: 46px;border-bottom: 1px solid #ddd;}
.history p{text-align: center;margin: 2em auto;}
.history a{border:1px solid #ddd;padding: 0.8em 2em;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.history a:hover{color: #fff;background: #d9534f;border-color: #d9534f;}
#smallScreen .fl{float:left;}
#smallScreen .fr{float:right;}

/*prompt-box*/
.prompt-box,.prompt-view-box{position:fixed;z-index:9999;width:250px;height:170px;right:10px;bottom:10px;background-color:white;border-radius:4px;box-shadow:0 0 1px 1px #999;}
.prompt-box-header{height:30px;background-image: -webkit-linear-gradient(#ec5051,#ec5051);/*border-bottom:1px solid #ABAEB5;border-radius:4px 4px 0 0;*/margin-top: -10px;}
.prompt-box-header h2{display:inline-block;font-size:13px;line-height:30px;margin-left:10px;/*text-shadow:1px 1px 1px white;*/color:white;float:left;}
.prompt-box-header a,.tip-box-close{float:right;background-image:-webkit-linear-gradient(#EAEDFF,#C5C9EE);padding:0 10px;height:20px;border-left:1px solid #BAC2D9;border-bottom:1px solid #BAC2D9;border-radius:0 4px 0 4px;color:#666D8A;font-weight:bold;text-align:center;cursor:default;}
.prompt-box-content{padding:15px;text-align:left;height:80px;overflow:hidden;}
.prompt-box-footer{height:29px;line-height:30px;text-align:left;padding-left:15px;}
.prompt-box-footer a{color:#1F3D93;}

.prompt-tip-box{border-radius:4px;min-width:300px;}
.prompt-view-box-content{padding:15px;text-align:left;min-height:80px;}

/*充值*/
.recharge{width: 320px;margin: 0 auto;}
.recharge h3{font-size: 28px;text-align: center;margin: 20px 0;}
.recharge ul li{ height: 80px;width:480px;background-color: #eaeaea;font-size: 28px;text-align: center;float: left;margin-left:-95px;margin-bottom: 15px;
    webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}
.recharge ul li a p{display: block;overflow: hidden;width: 100%;color:black;}
.recharge ul li a p font{color: red;}
.recharge .error_tips{float: left;width: 100%; margin: 0;}
.recharge ul li a b{color: #ACD394;font-weight: normal;font-size: 16px;}
/*.recharge ul li.cur,.recharge ul li:hover{background:#fdb85f;}*/
.recharge ul li.cur a p,.recharge ul li:hover a p{color: black;}
.recharge ul li.cur a b,.recharge ul li:hover a b{color: black;}
@media screen and (max-width:3000px) {
    .recharge{width: 640px;margin: 0 auto;}
    .recharge ul{margin-left: 168px;}
}
@media screen and (max-width:639px) {
    .recharge{width: 320px;margin: 0 auto;}
    .recharge ul{margin-left: 0px;}
    .book_thumbnail{height: 230px;}
    #detail_box .book_thumbnail img {
        max-height: 180px;
        min-height: 180px;
    }
}


#cover{
    display:none;
    position:fixed;
    z-index:1001;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.44);
}
#coverShow{
    display:none;
    position:fixed;
    z-index:1002;
    top:50%;
    left:50%;
    border:1px solid #E44547;
    width:300px;
    height:100px;
    margin-left:-150px;
    margin-top:-150px;
    background:#E44547;
}

/*微信画册*/
@media screen and (max-width:3000px) {
    #carUI,#uploadUI{max-width: 800px;min-width: 800px;height: 380px;overflow-y: auto;}
}
@media screen and (max-width:639px) {
    #carUI,#uploadUI{max-width: 800px;min-width: 180px;max-height: 280px;overflow-y: auto;}
}
#localUI #photoimg{position: absolute;opacity: 0;right: 40px;width: 67px;height: 40px;top: 58px;}
#detailUL .select_box{position: absolute;right:16px;width: 33px;height: 33px;background: url("../images/x_alt.png") no-repeat; display: none;}
#detailUL .listBox:hover .select_box{display:block;}




.fenlei{
    width:1124px;
    border-bottom:1px solid #e6e6e6;
    height:44px;
    margin-top:40px;
}
.fenlei ul li{
    float:left;
    width:180px;
    text-align: center;
    height:44px;
}
.fenlei li a{
    display: block;
    color:#b6b6b6;
    font-size:20px;
}
.fenlei li span{
    background-color:#ccc;
    width:30px;
    border-radius:15px;
    height: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    color:#fff;
    text-align: center;
    margin-right:20px;
}
.fenlei .active span{
    background-color:#c30000;

}
.fenlei .active{
    border-bottom: 4px solid #c30000;

}
.date {
    padding-top:10px;	/* UPDATE SET 50px TO 10px  BY luyang */
    margin:0 auto;
    width:100%;			/* UPDATE SET 1124px TO 100%  BY luyang */
}
.date_fenlei{
    margin-bottom: 24px;
    margin-left:200px;

}
.date_fenlei .text{
    height: 42px;
    width:315px;
    border:1px solid #d5cccf;
    padding-left:16px;

}
.date_fenlei span{
    font-size:16px;
    color:#555;

}
.date_fenlei input{
    -webkit-appearance: none;
    background: #fff;
    height: 18px;
    vertical-align: middle;
    width: 18px;
    border: 1px solid #bcbcbc;
    margin:0px;
}
.date_fenlei b{
    line-height: 18px;
    font-weight: normal;
    margin-left:12px;
}
.date_fenlei .actives{
    background-color: #eb5151;
    border:none;
}
.xuangk{

    float:left;
    width:120px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border:1px solid #e96b6c;
    background-color:#fff;
    position: relative;
    margin-right: 48px;
}
.xuangk_shu{
    float:left;
    width:80px;
    height: 100px;
    line-height: 80px;
    text-align: center;
    border:1px solid #e96b6c;
    background-color:#fff;
    position: relative;
    margin-right: 48px;
}

.date_fenlei .gou{
    position: absolute;
    bottom:24px;
    right:0;
    width:35px;
    height: 35px;
}
.xyb{
    margin-left:280px;
    margin-top:130px;
}
.xyb a{
    width:250px;
    height:44px;
    clear:both;
    background-color:#ec5051;
    text-align: center;
    line-height: 44px;
    border-radius: 6px;
    color:#fff;
    font-size:16px;
    display: inline-block;
}

/*1做画册-选款式*/
.fl{
    float: left;
}
.fr{
    float:right;
}
.tianj a{
    text-decoration: underline;
    color:#c60a0b;
    font-size: 20px;
}
.yixuan{
    color: #6b6b6b;
    font-size: 20px;
}
.yixuan b{
    color:#c60a0b;
    font-size:20px;
    margin:0px 14px;
}
.yixuan a{
    padding:10px 50px;
    background-color:#c3090e;
    border-radius:10px;
    color:#fff;
    margin-left:20px;
}

.xks_main_pic{
    width:280px;
    height:232px;
    border-radius: 4px;
    border:1px solid #dddddd;
    background-color:#fff;
    margin-right:10px;
    margin-bottom: 10px;
    position: relative;
}
.xks_pic{
    text-align: center;
    padding-top:5px;
}
.xks_main_pic p{
    padding-left: 10px;
    width:240px;
    height: 40px;
    line-height: 40px;
}
.chaihao{
    position: absolute;
    top:0;
    right:0;
    display: none;
}
.chaihao a{
    background:url(../images/chaihao_07.jpg);
    width:27px;
    height:27px;
    display: block;
}
.xks_main_pic:hover .chaihao{display: block}




.kuang{
    width:;
}
.xks_main_pic .cpmc{
    height:20px;
    line-height: 20px;
}
.xks_main_pic .kuang{
    width:30px;
    height:30px;
    display: inline-block;
    border:1px solid #bebebe;
    background-color:#efefef;
    margin-top:-8px;
    margin-right: 4px;

}
.xks_main_pic .active{
    border:1px solid #2f71ec;
    background-color:#fff;
    background:url(../images/duihao_03.jpg) no-repeat center;
}
.chankan{
    font-size:22px;
    line-height: 60px;
    height:60px;
}
.chankan span{
    color:#e46667;

    margin:0px 8px;
}
.chankan a{

    color:#0f4fd3;
    text-decoration: underline;
    margin-left:6px;
}
.xks_main{
    width:1170px;
}

/*4做画册-选模版*/
.scorll{
    width:1124px;
    height: 184px;
    border: 1px solid #dddddd;
    background-color:#fff;

}
.fengge{
    margin-left: 62px;
}
.fengge .active{
    color:#c20001;
    text-decoration: underline;
}
.fengge li{
    float:left;
    padding-right: 30px;
    height:58px;
    line-height: 58px;
}
.fengge li a{
    color:#8e8e8e;
    font-size:16px;
    float:left;
}

.scorll_pic{
    clear: both;
    height:126px;
    width:1024px;
    margin-left: 50px;
}
.scorll_pic li{
    width:158px;
    height:110px;
    border:1px solid #d7d7d7;
    float:left;
    margin-right: 14px;
}
.scorll_pic li a{
    width:158px;
    height:110px;
    text-align: center;
    display: block;
    line-height: 110px;
}
.scorll_pic .left_jt{
    width:28px;
}
.scorll_pic .no-jg{
    margin-right:0px;
}
.huace{
    width:1140px;
    height:403px;
    margin:0 auto;
}
.quanping{
    margin-top:40px;
    margin-bottom: 10px;
}
.quanping a{
    width:110px;
    height:40px;
    background:#b2b2b2;
    color:#fff;
    display: block;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
}
.cpgd{
    width:1124px;
    height:126px;
    position: relative;
}
.RightBotton{
    background:url(../images/jt_09.jpg) no-repeat;
    position: absolute;
    top:83px;
    right:20px;
    width:25px;
    height: 51px;
}
.LeftBotton{
    background:url(../images/left_06.jpg) no-repeat;
    position: absolute;
    top:83px;
    left:16px;
    width:25px;
    height: 51px;
}

/*翻页插件---turn.js*/
/*
.flipbook-viewport{
    overflow:hidden;
    width:100%;
    height:100%;
}

.flipbook-viewport .container{
    position:absolute;
    top:100%;
    left:41%;
    margin:auto;
}

.flipbook-viewport .flipbook{
    width:922px;
    height:600px;
    left:-461px;
    top:-300px;
}

.flipbook-viewport .page{
    width:461px;
    height:600px;
    background-color:white;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}
*/

/*微信画册*/
.je{
    width:1124px;
    text-align: center;
    margin-top: 36px;
}
.zje{
    height: 54px;
    line-height: 54px;
    font-size:24px;
    color:#606060;
}
.zje span{
    color:#ec5051;
}
.shuliang{
    color: #5f5f5f;
    font-size:18px;
    line-height: 33px;
}
.zffs{
    height:76px;

}
.zxzf{
    margin-left:166px;
}
.zxzf .zxzf_wz{
    color:#343434;
    font-size: 22px;
    line-height: 50px;
    height:50px;
    margin-bottom: 20px;
}
.zxzf .zfbzf{
    padding:26px 108px;
    background:#ff7f24;
    color:#fff;
    font-size: 24px;
    margin-right:22px;
}
.zxzf .wxsmzf{
    padding:26px 108px;
    background:#8c6915;
    color:#fff;
    font-size: 24px;
}
.xxzf .xxzf_wz{
    height:50px;
    line-height: 50px;
    border-bottom: 1px solid #cbcbcb;
    font-size:20px;
}
.xxzf{
    margin-top:76px;
}
.xxzf p{
    line-height: 36px;
    height: 36px;
    color:#333333;
    font-size: 20px;
}
@media (max-width: 1024px) {
    .wxhc {
        margin-top: 100px;
    }
    .hczc{
        float: left;
        margin-top: -76px!important;
        margin-left: 305px;
    }
    .wxhc1{
        margin-right: 100px;
        margin-left: 100px;
    }
}

/*0做画册*/

.wxhc,.wxhc2{
    width:330px;
    height:388px;
    background:url(../images/webg_03.png) no-repeat;
}
.wxhc{ margin-top:186px;}
.wxhc2{margin-top:14px;}
.wxhc_left{

}
.ys1{
    font-size: 30px;
    color:#262626;
    height: 64px;
    line-height: 64px;
    padding-top:64px;
    text-align: center;

}
.wxhc_left .ys2{

    padding-top:80px;
}
.ys2 span{
    color:#f05052;
}
.wenzix{
    padding-top:100px;

}
.wenzix p{
    height:28px;
    line-height: 28px;
    font-size: 16px;
}

.wxhc_left .ys3{
    line-height: 20px;
    height:20px;
}
.wxhc_right{
    margin-right: 298px;
    line-height: 177px;
}
.wxhc_right a{
    color:#f05052;
    padding:14px 34px;
    background:#fff005;
    font-size: 18px;
    border-radius: 4px;
}

/*4做画册-选印刷厂*/
.ysc{
    width:1112px;
    height:128px;
    background: #ffffff;
    margin-bottom: 14px;
}
.ysc_left{
    line-height: 128px;
    margin-left:34px;
}
.ysc_center{
    line-height: 24px;
    padding-top:30px;
    margin-left: 60px;
    color:#838383;
    font-size: 16px;
}
.ysc_right{
    padding-top:30px;
    font-size:14px;
    margin-right:40px;
}
.ysc_right b{
    font-weight: normal;
    color:#ec5051;
    line-height: 24px;
}
.ysc_right a{
    width:36px;
    height:36px;
    background:#cfcfcf;
    display: block;
    border-radius: 18px;
    margin-left:20px;
    margin-top:10px;
}
.ysc_right .active{
    background:url(../images/lang_06.jpg) no-repeat;
    width:45px;
    height: 43px;
}
.positions{
    font-size:16px;
    color:#828282;
}
/*5做画册-付货款*/
.je{
    width:1124px;
    text-align: center;
    margin-top: 36px;
}
.zje{
    height: 54px;
    line-height: 54px;
    font-size:24px;
    color:#606060;
}
.zje span{
    color:#ec5051;
}
.shuliang{
    color: #5f5f5f;
    font-size:18px;
    line-height: 33px;
}
.zffs{
    height:76px;

}
.zxzf{
    margin-left:166px;
}
.zxzf .zxzf_wz{
    color:#343434;
    font-size: 22px;
    line-height: 50px;
    height:50px;
    margin-bottom: 20px;
}
.zxzf .zfbzf{
    padding:26px 108px;
    background:#ff7f24;
    color:#fff;
    font-size: 24px;
    margin-right:22px;
}
.zxzf .wxsmzf{
    padding:26px 108px;
    background:#8c6915;
    color:#fff;
    font-size: 24px;
}
.xxzf .xxzf_wz{
    height:50px;
    line-height: 50px;
    border-bottom: 1px solid #cbcbcb;
    font-size:20px;
}
.xxzf{
    margin-top:76px;
}
.xxzf p{
    line-height: 36px;
    height: 36px;
    color:#333333;
    font-size: 20px;
}

/* ADD BY luyang 2016/07/07 */
#option_small{
    display: none;
}
#mobileShow{
    display: none;
}

/*头部*/
.sousuo {
    margin-right: 120px;
    margin-top: 10px;
}
@media (max-width: 1280px) {
    .sousuo {
        margin-right: 0px;
        margin-top: 10px;
    }
    /* ADD BY luyang 2016/07/07 */
    #option_defalut{
        display: none;
    }
    #option_small{
        display: block;
    }
    #pcShow{
        /*display: none;*/
    }
    #mobileShow{
        display: block;
    }
    .date{
        width: 100% !important;
    }
    /* end */

}
.text-search{

}
.search {
    width: 520px;
    height: 36px;
}
.text {
    background-color:#f1f1f1;
    width: 330px;
    height: 36px;
    line-height: 36px;
    text-indent: 17px;
    /*border: 1px solid #ec5051;*/
    vertical-align: top;
    font-size: 16px;
    font-family: arial;
    color: #979797;
    border-right: none;
}
@media (max-width: 1024px) {
    .search .text {
        width: 300px;
    }
    .loginModel{
        margin-top: -95px!important;
    }
}
.go {
    width: 95px;
    height: 36px;
    background: #ec5051;
    border: none;
    color: white;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;		/* ADD BY luyang */
}
.btns{
    margin-left: 8px;
}
.headerBar .btns .tps{
    display:inline-block;
    font-size:20px;
    padding-right:4px;
}
.btns a{
    padding:0px 10px;
    background:#ec5051;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
    color:#fff;
}
.btns a:hover{
    text-decoration: none;
}
.nav{
    height:42px;
    background: #454545;

}
.nav_bar{
    width:1100px;
    margin:0 auto;
}
.nav_bar li{
    float: left;
    height:42px;
    line-height: 42px;
    position: relative;
}
.nav_bar li a{
    color:#fff;
    font-size:16px;
    display: block;
    padding:0px 15px;
}
.nav_bar li .title{
    color:#fff;
    font-size:16px;
    display: block;
    padding:0px 20px;

}

.nav_bar li a:hover{
    background: #ec5051;
    text-decoration: none;
}
.nav_bar li li a:hover{
    background: #ec5051;
    text-decoration: none;
    color: white;
}
.slide_bar{
    width:194px;
    height:335px;
    background-color:#f5f5f5;
    position:absolute;
    top:42px;
    left:0;
    z-index:100;
}

/* ADD BY luyang */
@media(max-width:768px){
    .slide_bar{
        height:330px;
    }
}
/* luyang */

.slide_bar li{
    float: left;
    width: 100%;
}
.slide_bar li a{
    color:#4e4e4e;
}
.slide_bar li a:hover{
    background: none;
}
.slide_bar .iconfont{
    padding-right: 12px;
    font-size:20px;
}

.dropdown{
    position: relative;
}
.sousou .fa , .sousoui .fa{
    position: absolute;
    top:0;left:4px;
}
.more .search-input{
    width:18em;
    border-radius: 10px;
    background-color:#fff;
}
.sousou , .sousoui{
    margin-top: 0.2em;	/* UPDATE -0.7em SET 0.5em BY luyang */
    margin-right: 2em;	/* UPDATE 0.5em SET 2em BY luyang */
}

/* ADD BY luyang */
@media(max-width:414px) {
    .sousoui {
        margin-top: -0.1em;
        margin-right: 2em;
    }
}

@media(max-width:375px) {
    .sousou , .sousoui {
        margin-top: -0.5em;
    }
}
@media(max-width:360px) {
    .sousoui {
        margin-top: 0em;
        margin-right: 2em;
    }
}
/* luyang */

.search-input{
    height: 2.4em;
    line-height: 2.8em;
    background-color: #f3f3f3;
    border-radius: 1.4em;
    padding-left: 2em;
    color: #a8a8a8;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: center;
    float: left;
}

.fa{
    display: inline-block;
}
.dropdown .button {
    background: transparent;
    color: #cbcbcb;
    border: 0;
    font-size: 14px;
    border-radius: 5px;
    height: 28px;
    line-height: 40px;

}

@media screen and (max-width:375px) {
    .more .search-input{
        width:14em;

    }
    .search-input{
        width:12em;
    }
}
@media screen and (max-width:320px) {
    .search-input{
        width:9em;
    }

}
.headerBar .navbar-header .iconfont{
    display: block;
    color:#a8a8a8;
    font-size:1.6em;

}
/*#detail_box .thumbnail:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
*/
.color-box img {
    max-height: 40px;
    margin-right: 20px;
}

.hsbj{
    width:60%;
    height:8em;
    margin:auto;
    background-color: #f3f3f3;
    text-align: center;
    line-height: 8em;
    font-size:1.2em;
}
.hsbj span{
    color:#dd3437;
}
.rqjg{
    padding-left:2%;
}
.caption .ckewm{
    color:#1c7fe4;
    text-decoration:underline;
}
.caption .xpsjjg{
    padding-left:0.4em;
    padding-top:0.8em
}
@media(max-width:1080px){
    .hsbj{
        height:11em;
        text-align: center;
        line-height: 11em;
    }

}
@media(max-width:600px){
    .hsbj{
        height:8em;
        text-align: center;
        line-height: 8em;
    }

}
@media(max-width:414px){
    .hsbj{
        height:8em;
        text-align: center;
        line-height: 8em;
    }

}
@media(max-width:320px){
    .hsbj{
        height:8em;
        text-align: center;
        line-height: 8em;
    }

}
.ridea .nav_left{
    width:28%;
    float: left;
    height:100%;	/* UPDATE 400px SET 100% BY luyang */
    background-color: #fff;

}
.ridea .nav_left li{
    height:35px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    border-right: 1px solid #e1e1e1;
}
.ridea .nav_left li a{
    font-size:1em;
    color:#3f3f3f;
    height:35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
}
.ridea .nav_right{
    width:72%;
    float:right;
    padding-top:2em;
    padding-left:30px;
    height:600px;
    background-color: #fff;

}
.nav_right li{
    float:left;

}
.nav_right li a{
    width:9em;
    height:38px;
    display: block;
    color: #3f3f3f;
    font-size:1em;

}
.ridea .nav_left .dongx{
    /* border-bottom:none; BY luyang */
    border-right: none;
}
.ridea .nav_left .dongx a{
    color:#d85450;

}
@media(max-width:414px){
    .nav_right li a{
        width:6em;
    }

}
@media(max-width:375px){
    .nav_right li a{
        width:6em;
        font-size:0.9em;
    }

}
@media(max-width:320px){
    .nav_right li a{
        width:5.6em;
        font-size: 0.8em;
    }
    .ridea .nav_right{
        padding-left:20px;
    }

}
@media (max-width: 450px) {
    #smallScreen{
        display: block;
    }
    #detail_box .thumbnail img {
        max-height: 100px;
        min-height: 100px;
    }

    #detail_box .col-xs-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

    #detail #topbar {
        display: none
    }
    #albums #topbar {
        display: none
    }
    #oneAlbumMain {
        margin-top: 0;
        margin-bottom: 60px;
    }

    .headerBar1 {
        /*position: fixed;*/
        /*width: 100%;*/
        border-bottom: 1px solid rgba(244, 244, 244, 0.8);
        background: rgba(210, 52, 45, 0.94);
        margin: 0;
    }
    .headerBar1 .navbar {
        padding: 0;
    }
    .headerBar1 .iconfont {
        display: inline-block;
        text-decoration: none;
        font-size: 1.5em;
        color: white;
    }
    .headerBar1 .a-name{
        font-size: 1.5em;
        color: #fff;
        padding-top: 10px;
        display: table;
        margin: 0 auto;
    }
    .headerBar2{
        background: rgba(236, 236, 236, 0.94);
    }
    .headerBar2 .a-name{
        color:#969696;
    }
    .headerBar2 .iconfont{

        color:#969696;
    }
    .navbar-header1 a {
        display: none;

    }
}


/*----------------------翻页 开始----------------------*/
.pagination {
    clear: both;
    font-size: 0;
    text-align: center;
    padding: 30px 0;
    display: block;
}

.pagination .item, .pagination .prev, .pagination .next, .pagination .more, .pagination .total, .pagination .current {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    -wekit-border-radius: 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #D2232A;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px
}

.pagination .more {
    border: 0;
    background: #f5f5f5;
}

.pagination .prev, .pagination .next {
    font-size: 14px;
    font-weight: 700
}

.pagination .current {
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff
}

.pagination .item:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff;
    height: 30px;
    line-height: 30px
}

.pagination .prev, .pagination .next {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    -wekit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc
}

.pagination .prev:hover, .pagination .next:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #fff
}

/*----------------------做画册 开始----------------------*/

.cart_box{display: block;overflow: hidden;margin-bottom: 1em;}
.cart_box .item{border:1px solid #DBDBDB;margin-top:1em;width: 100%;background: #fff;display: block;overflow: hidden;position: relative;}
.cart_box .item i{position: absolute;top: 80%;right: 3%;color:#969696;font-size: 1.3em;}
.cart_box .item .xuankuang{position: absolute;top:50%;left:0.8%;color:#969696;font-size: 1.3em;}
.cart_box .item .pic{width: 48%;}
.cart_box .item .pic img{width: 100%;padding:10% 10%;}
.cart_box .item .txt{width: 40%;padding-top: 16%;}
.cart_box .item .txt .price{font-size: 1.2em;padding-top: 0.5em;}

.design{
    padding:1em 1.4em;
    border-radius:8px;
    background:#d9544f;
    color:#fff;
    margin-top:2em;
    margin-bottom:2em;
    display: inline-block;
}

.weixin h4{
    font-size:1.6em;
    height: 40px;
    line-height: 40px;
    color:#181818;

}
.weixin p{
    height: 28px;
    line-height: 28px;
    color:#5a5a5a;
    font-size: 1em;
}

#indexMain .zhc .item{
    padding:48px 0px 48px 12px;
    margin-top:0px;
    border-left:none;
    border-right:none;

}
@media(max-width:1920px){
    .design{
        margin-right:5em;
    }
}
@media(min-width: 700px)  {
    #mobile_huace{display: none;}
}
@media(max-width:700px){
    #pic_huace{display: none;}
    #mobile_huace{display: block;}
    .design{
        margin-right:2em;
    }
}
@media(max-width:414px){
    .design{
        padding:1em 1em;
        margin-right:0.6em;
    }
    .weixin p{
        font-size: 1em;
    }
}
@media(max-width:375px){
    .design{
        padding:1em 1.2em;
        margin-right:1em;
    }
    .weixin p{
        font-size: 0.8em;
    }
}
@media(max-width:360px){

    .design{
        padding:1em 1em;
        margin-right:0px;
    }
    .weixin p{
        font-size: 0.8em;
    }
    #indexMain .zhc .item{
        padding-left:0px;
    }
}
@media(max-width:320px){

    .design{
        padding:1em 0.4em;
        margin-right:0px;
    }
    .weixin p{
        font-size: 0.6em;
    }
    #indexMain .zhc .item{
        padding-left:0px;
    }
}
/*----------------------做画册 结束----------------------*/
.ad_img img{width: 100%;}

input[type="checkbox"] {
    /* -webkit-appearance: none; */
    background: #fff;
    height: 22px;
    vertical-align: middle;
    width: 22px;
    border:1px solid #bcbcbc;
}
input[type="radio"] {
    /* -webkit-appearance: none; */
    background: #fff;
    height: 18px;
    vertical-align: middle;
    width: 18px;
    border:1px solid #bcbcbc;
}

/*----------------------购物车  开始----------------------*/
.cart_box{display: block;overflow: hidden;margin-bottom: 1em;}
.cart_box .item{border:1px solid #DBDBDB;margin-top:1em;width: 100%;background: #fff;display: block;overflow: hidden;position: relative;}
.cart_box .item i{position: absolute;top: 80%;right: 3%;color:#969696;font-size: 1.3em;}
.cart_box .item .xuankuang{position: absolute;top:50%;left:0.8%;color:#969696;font-size: 1.3em;}
.cart_box .item .pic{width: 40%;height: 135px;}
.cart_box .item .pic img{width: 100%;padding:10% 10%;}
.cart_box .item .txt{width: 55%;padding-top: 8%;margin-bottom: 10px;}
.cart_box .item .txt .price{font-size: 1.2em;padding-top: 0.5em;}

.mobile_cart_money{background: #fff;height: 46px;line-height: 46px;border-top: 1px solid #DBDBDB;position: fixed;bottom: 50px;width: 100%;z-index: 1002;}
.mobile_cart_money span{/*padding-right: 1em;*/}
.mobile_cart_money span b{font-size: 1.2em;padding: 0 0.5em;}
.mobile_cart_money .liji{display: block;overflow: hidden;background: #D2232A;color: #fff;padding: 0 1em;height: 46px;line-height: 46px;/*font-size: 1.2em;*/}
.mobile_cart_money .liji:hover{background: #AD1D24;}
.mobile_cart_money .red{
    color:#dd393a

}
@media(max-width:414px){
    .mobile_cart_money span{
        padding-right: 0px;

    }
    .mobile_cart_money .shengc{
        font-size:1em;
        color:#0d9e01;
        text-decoration:underline;
        background:none;
    }
}
@media(max-width:320px){
    .cart_box .item .xuankuang{
        left:0;
    }
    .mobile_cart_money span{
        font-size: 0.8em;}
}
.mobile_cart_money .yangshi{
    padding-right:2px;color:#969696;font-size:1.3em;padding-left:2px;
}
@media screen and (max-width: 700px){
    #pc {
        display: none;
    }
    .ctrl-d {
        display: none;
    }
    .index_banner{
        max-height: 93px!important;
    }
}
@media screen and (min-width: 700px){
    #mobile {
        display: none;
    }
    #indexMain .thumbnail .image_height{
        height: 180px;
    }
}
/*----------------------购物车  结束----------------------*/
/*做画册功能修改*/
.date li{
    float:left;
    padding-right: 104px;
}
.date li a{
    font-size: 18px;
    color:#000;
}
.date li a:hover{
    color:#ea0000;
}
.date .active a{
    color:#ea0000;
}

.xks_main .hcgn{
    width:276px;
    height:286px;
}
.hcgn .xks_pic{
    padding-top:34px;
}
.xks_main .hcgn p{
    height:24px;
    line-height: 24px;
    color:#694f4f;
}
.hcgn b{
    color:#ec2323;
    font-weight: normal;
    padding-left:14px;
}
.hcgn a{
    display: inline-block;
    width:52px;
    height: 24px;
    background:#ec2323;
    color:#fff;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
}
.hcgn span{
    font-size: 16px;
    color:#000;
}
.hcgn .jg{
    margin-top:34px;
    margin-left:12px;
}
.ksupload{
    display: inline-block;
    width:112px;
    height: 36px;
    border-radius: 10px;
    background:#c3090e;
    color:#fff;
    font-size:18px;
    text-align: center;
    line-height: 36px;
}
.xks_main .dzksg{
    height:258px;
}
.xks_main .dzksg p{
    height:40px;
    line-height: 40px;
}
.dzksxz{
    width:424px;
    height:440px;
    background:#fff;
    position: absolute;
    top:220px;
    left:760px;
    z-index:100001
}
.dzksxz h3{
    color:#fff;
    font-size: 20px;
    text-align: center;
    line-height: 43px;
}
.ksxz{
    width:424px;
    height: 43px;
    background:#c3090e;
    margin-top: 36px;
}
.ksxz_inner{
    margin-left:50px;
    margin-top:36px;
    width:330px;
}
.ksxz_inner h4{
    font-size: 18px;
    color:#c3090e;
    margin-top: 30px;
    margin-bottom: 12px;
}
.ksxz_inner p{
    color:#000;
    line-height: 22px;
}
.dzsc{
    margin-top: 20px;
    margin-left:70px;
}
.dzsc a{
    display: inline-block;
    width:114px;
    height: 30px;
    background: #c3090e;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-right: 54px;
}
#myTabMore {
    margin:0px
}

#myTab li ,#myTabMore li{
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size:15px;
    border-style: solid 1px;
    border-color: #d7d7d7;

}

#myTab li a:link {
    /*color: #000000;链接颜色*/
    text-decoration: none;/*无下划线*/
}
#myTab li a:visited {
    text-decoration: none;/*无下划线*/
    /*color: #000000; 已访问过颜色*/
}
#myTab li a:hover ,#myTabMore li a:hover{
    text-decoration: none;/*无下划线*/
    color: #FF0000;/*鼠标经过颜色*/
}
/*
#myTab li a:active {
	text-decoration: none;无下划线
	color: #FF0000;活动链接颜色
}
*/
/*升级会员*/
.vip_banner{
    width:100%;
    height:98px;
    position: relative;
    margin-top: 28px;
    margin-bottom: 28px;
}
.vip_banner img{
    position: absolute;
    left:0;
    top:0;
    right: 0;
    bottom:0;
    margin:auto;
}
.vip_content{
    width:100%;
    height:770px;
    background: #fff;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    margin:0 auto;

}
.vip_content .gridtable tr th{
    height:70px;
    background: #454545;
    width:256px;
    color:#fff;
    text-align: center;
    border-left: 1px solid #dadada;
    font-size: 18px;
}
.vip_content .gridtable tr th span{
    color:#ffbf1a;
    font-size:14px;
}
.vip_content .gridtable th:nth-child(1){
    width:450px;

}
.vip_content .gridtable tr{
    height: 70px;
    border-bottom: 1px solid #dadada;
}
.vip_content .gridtable td{
    font-size: 18px;
    border-left: 1px solid #dadada;
    text-align: center;
}
.vip_content .gridtable td span{
    color:#ff4302;
}
.vip_content .gridtable td a{
    padding:10px 40px;
    background: #fd1402;
    border-radius:10px;
    color:#fff;
}

@media screen and (max-width: 700px){
    .vip_content .gridtable td a {
        padding: 8px 8px;
    }
    .vip_content .gridtable td {
        font-size: 15px;
    }
}
/*升级会员结束*/

/*微信画册二维码居中*/
.my_books .code {
    margin-left: auto;
    margin-right: auto;
}

/*放大镜*/
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
@media(min-width: 700px) {
    .MagicZoomBigImageCont {
        border: 1px solid #91b817;
        background: #FFF;
        width: 500px !important;
        height: 500px !important;
    }

    .MagicZoomMain {
        text-align: center !important;
        width: 92px;
    }

    .MagicZoomMain div {
        padding: 0px !important;
    }

    /* Header look and feel CSS class */
    /* header is shown if "title" attribute is present in the <A> tag */
    .MagicZoomHeader {
        font: 10px Tahoma, Verdana, Arial, sans-serif;
        color: #fff;
        background: #91b817;
        text-align: center !important;
    }

    /* CSS class for small looking glass square under mouse */
    .MagicZoomPup {
        border: 0px solid #aaa;
        background: #ffffff;
    }

    /* CSS style for loading animation box */
    .MagicZoomLoading {
        text-align: center;
        background: #ffffff;
        color: #444;
        border: 1px solid #ccc;
        opacity: 0.8;
        padding: 3px 3px 3px 3px !important;
        display: none; /* do not edit this line please */
    }

    /* CSS style for gif image in the loading animation box */
    .MagicZoomLoading img {
        padding-top: 3px !important;
    }
}
@media(max-width: 700px) {
    .MagicZoomBigImageCont{left: 0px!important;}
    #bigimage{display: none!important;}
}
/* CSS 一键画册款式选择点击放大后选择*/
.album_xuangkuang{
    width:30px;height:30px;display: inline-block;border:1px solid #bebebe;background-color:#efefef;
}

.album_active{
    border:1px solid #2f71ec;
    background-color:#fff;
    background:url(../images/duihao_03.jpg) no-repeat center;
}
/*关键字*/
.temp_keywords{
    position: absolute;
    z-index: 1000;
    background: white;
    width: 424px;
    margin-top: 36px;
}
.temp_keywords li{
    padding: 0 12px;
    line-height: 26px;
    height: 26px;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}
.temp_keywords li a div{
    width: 424px;
}
.temp_keywords ul li:hover{background: #d9534f;}
.temp_keywords ul li div:hover {color: white;}
.temp_keywords ul li a{text-decoration: none;}

#loginModal{z-index: 3000!important;}


/*首页*/

#gongao ul li{
    float:left;
    border-right:1px solid #dedede;
    list-style-type: normal;
    margin:0px 10px;
    padding-right: 10px;
    list-style-type:disc;
    color:#ababab;
}
.leibie {
    clear:both;
    padding-bottom: 104px;
}
#indexMain .leibie li{
    width:13.4%;
    height:80px;
    border-radius: 2px;
    margin-right: 8px;
    background-color:#eddbcd;
    float:left;
}
.leibie .iconfont {
    padding-right: 12px;
    font-size: 25px;
}
#indexMain .leibie li:nth-child(1){
    background-color:#eddbcd;
}
#indexMain .leibie li:nth-child(2){
    background-color:#eed9bc;
}
#indexMain .leibie li:nth-child(3){
    background-color:#eddbcd;
}
#indexMain .leibie li:nth-child(4){
    background-color:#b9d2fb;
}
#indexMain .leibie li:nth-child(5){
    background-color:#b8e2f0;
}
#indexMain .leibie li:nth-child(6){
    background-color:#d7e7c0;
}
#indexMain .leibie li:nth-child(7){
    background-color:#c1e7c0;
}
.main_left{
    width:77%;
    height:258px;
    border-radius: 2px;
    border:1px solid #f4f4f4;
    float:left;
}
.main_right{
    width:22%;
    height:258px;
    border-radius: 2px;
    border:1px solid #f4f4f4;
    float:right;
}
.main_left_top,.main_right_title{
    height:50px;
    border-bottom:1px solid #f4f4f4;
    line-height: 50px;
    font-size: 16px;
    color:#333;
}
.main_left_bottom{
    height:178px;
    padding-top:30px;
}
.main_left_top li{
    float:left;
    height:50px;
    line-height: 50px;
    font-size:16px;
    color:#333;
    margin-right:60px;
    text-align: center;
    width: 25%;
}
.main_left_bottom li{
    float:left;
    margin-right: 20px;
}
.main_right_title{
    padding-left: 2.8%;
}
.main_right_list{
    height:28px;
    line-height: 28px;
    margin-top:10px;
    padding-left: 2.8%;
}
.main_right_list li a{
    background:url(../images/dot_03.jpg) no-repeat left center;
    padding-left:6px;
}
.main_right_list span{
    float:right;
    color:#ea5154;
    margin-right:2%;
}
.index_zuo {
    width: 5.3%;
    float: left;
    height: 82px;
    padding-top:10px;
    text-align: center;
    cursor: pointer;
    line-height: 82px;
}
.index_you {
    width: 46px;
    float: left;
    height: 82px;
    text-align: center;
    padding-top:10px;
    cursor: pointer;
    line-height: 82px;
}
#List1 .pic {
    width:17.6%;
    height: 130px;
    float:left;
}
.pic .titles {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #6b6b6b;
}
.index_container .caption{
    height:42px;
    line-height: 42px;
    font-size:14px;
    text-align: center;
    overflow: hidden;
}
.pc_index .col-lg-3{
    width:20%;
}
.pjks {
    padding-top:20px;
    height: 180px;
}
.pjks li{
    float:left;
    padding-right:12px;
    padding-top:15px;
}
.pjks img{
    border: 1px solid #ddd;
}
.ylink{

    height:60px;
    line-height: 60px;
    border-top: 1px solid #ccc;
}
.ylink li{
    float: left;
    padding-right: 10px;
}
.ylink li a{
    color:#9a9a9a;
}
.col-sm-12 ul{
    float: left;
    width: 148px;
}
.col-sm-12 li{
    height: 28px;
    line-height: 28px;
    color:#fff;
}
.col-sm-12 li a{
    color:#8f8f8f;
}
.copyright{
    margin-top:20px;
}
.main_left_top .active a{
    color:#ea5251;
}

.main_left_top .active{
    border-bottom: 2px solid #ea5251;
}
.leibie a{
    text-align: center;
    display: block;
    padding-top:18px;
    font-size: 20px;
}
@media screen and (max-width: 1280px) {
    .ylink {
        margin-top:6em;
    }
}
.index_container .thumbnail img {
    /* max-width: 100%; */
    max-height: 110px!important;
}
.index_container .p_thumbnail {
    background: #fff;
    height: 250px;
}
.stepcarousel {
    MARGIN: 0px auto; OVERFLOW: scroll; WIDTH: 97%; POSITION: relative; HEIGHT: 150px
}
.stepcarousel .belt {
    LEFT: 0px; POSITION: absolute; TOP: 0px
}
#displaycssbelt {
    VISIBILITY: hidden
}

.stepcarousel .panel {
    FLOAT: left; MARGIN: 0px 41px 0px 25px; OVERFLOW: hidden; WIDTH: 140px
}
.subfeature-txt H2 {
    CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 3px
}
.subfeature-txt H2 A {
    COLOR: #000
}
.subfeature-txt H2 A:hover {
    COLOR: #ff0076
}
.subfeature A IMG {
    BORDER-RIGHT: transparent 1px solid; BORDER-TOP: transparent 1px solid; BORDER-LEFT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid
}
.subfeature A IMG:hover {
    BORDER-RIGHT: #ff0076 1px dashed; BORDER-TOP: #ff0076 1px dashed; BORDER-LEFT: #ff0076 1px dashed; BORDER-BOTTOM: #ff0076 1px dashed
}
.scrollbut{
    top:725px!important;
}
/*搜索框悬浮*/
.search_suspend{
    position: fixed;
    width: 100%;
    z-index: 1000;
    top:0px;
    /*background: #f8f8f8 none repeat scroll 0 0;*/
}
.navigation_top{ top:655px!important;}


/*----------------------购物车  结束----------------------*/
.ltdz{
    width:100%;
    background:#fff;
    position: relative;
}
.ltdz_main{
    width:98%;
    margin:0 auto;
    padding-bottom: 14px;
    padding-top:1em;
}
.ltdz_main p{
    height:22px;
    line-height: 22px;
    font-size: 1.1em;
    text-align: left;
}
.ltdz_main ul{
    width:96%;
    background:#fff;
    margin:0 auto;
}
.ltdz_main li{
    border-bottom: 1px dotted #dddddd;
    padding: 1em 4px 0.5em 4px;;
}
.ltdz_main li:nth-child(3){
    border-bottom:0;
}
.ltdz_main li span{
    margin-right:1em;
}
.ltdz_main li .demand_btn{
    background: #fff;
    color:#999;
    font-size:1.2em;
    border:1px solid #ccc;
    border-radius: 4px;
    font-size:0.9em;
    width: 4em;
    height: 2em;
    text-align: center;
    line-height: 2em;
}
.ltdz_main li p .grab {
    background: #ec5051;
    color:#fff;
    border:none;
}
.ltdz_main li .time_t{
    color:#666;
    font-size:1em;
}
.rmxl{
    width:98%;
    margin:0 auto;
}
.rmxl_top{
    height: 55px;
    background:#ec5051;
    margin-top: 20px;
    border-radius: 5px;
}
.rmxl_top h4{
    margin-left: 0.4em;
}
.rmxl_top h4,.rmxl_top span{
    color:#fff;

}
.rmxl_top_left{
    float:left;
    padding-top: 16px;
}
.rmxl_top_right{
    float:right;
    height: 53px;
    line-height: 60px;
}
.rmxl_left{
    height:241px;
    width:40%;
    background:#00c7ca;
    float:left;
}
.rmxl_right{
    width:59%;
    float:right;

}
.rmxl_bottom{
    margin-top:4px;
}
.rmxl_right_top{
    height:108px;
    background:#e62fad;
}
.rmxl_right_bottom{
    height:108px;
    margin-top:4px;
}
.rmxl_right_bottom_left,.rmxl_right_bottom_right{
    width:49%;
    height:130px;
}
.rmxl_right_bottom_left{
    float:left;
    background:#7500e4;
}
.rmxl_right_bottom_right
{
    float:right;
    background:#fea500;
}
.rmxl_top_right{
    margin-right:1%;
}
.zxhc{
    width:100%;
    margin:0 auto;
    clear: both;
    position: relative;
    height: 100%;
}
.zxhc_pic{
    margin-left: 2%;
    overflow: auto;
    margin-top:1em;
}
.zxhc_title{
    text-align: center;
    height:40px;
    line-height: 40px;
    font-size: 1.1em;
    margin-left: 35px;
}
.zxhc_title a{
    float:right;
    font-size:1em;
    color:#ec5051;
    margin-right: 2%;
}
.zxhc_title .xhcs{
    text-align:left;
    padding-left:1em;
}
.zxhc_pic_list{
    width:48%;
    float:right;
    margin-right: 2%;
}
.zxhc_list_t img{
    max-width:100%;
    height: 100%;
}
.zxhc_list_t{
    height:10em;
    /*background:#ec5051;*/
}
.zxhc_list_b{
    padding-bottom: 1em;
}
.zxhc_list_b .name{
    width: 70%;
    overflow: hidden;
    height: 18px;
}
.zxhc_list_b p{
    font-size:1.0em;
    height:0.8em;
    line-height: 1em;
    margin-top:0.4em;
}
.zxhc_list_b .study{
    font-size:0.8em;
    color:#888;
}
.more a{
    width:100%;
    height:2.2em;
    line-height: 2.2em;
    background:#ec5051;
    border-radius: 2px;
    clear:both;
    display: block;
    text-align: center;
    color:#fff;
    font-size:1.2em;
}
.dzhc{
    width:98%;
    margin:0 auto;
    margin-top: 14px;

}
.dzhc-mian{
    background:#ec5051;
    height:240px;
    clear:both;
}
.dzhc-mian h4{
    color:#fff;
    height:54px;
    line-height: 54px;
    font-size: 1.4em;
    text-align: center;
}
.dzhc_list{
    width:100%;
    margin:0 auto;
}
.dzhc_list1{
    width:32%;
    background:#fff;
    height:150px;
    float:left;
    margin-left:1%;
}
.dzhc_list1 p{
    text-align: center;
    height:38px;
    line-height: 38px;
}
.dzhc_list1 .list_pic{
    width:96%;
    height:100px;
    background:#ccc;
    margin:0 auto;
}
.dzhc .lmsj{
    color:#fff;
    font-size: 1.2em;
    text-align: center;
    height:38px;
    line-height: 38px;
}
.pjks_main{
    width:100%;
    margin:0 auto;
}
.pjks{
    margin:0 auto;
    padding-bottom: 60px;
}
.pjks_main li{
    float:left;
    width:24%;
    height:50px;
    margin-left:0.6%;
}
.pjks_title{
    height:38px;
    line-height: 38px;
}
.botom_bar{
    height:60px;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    background:#fff;
    border-top: 1px solid #cbcbcb;
    z-index: 1001;
}
.botom_bar li{
    float: left;
    width:20%;
    text-align: center;
}
.botom_bar li{
    text-align: center;
}
.botom_bar i{
    font-size:24px;
    color:#ec5051;
}
.mobile_index .menu_list2{
    margin:0 auto;
    width:100%;

}
.mobile_index .menu_list2 li{
    border-radius: 3px 3px 0 0;
    background:#a1a1a1;
    padding:0.6em;
    margin-left:0.5em;
    margin-right:0.5em;
    margin-top: 1em;

}
.mobile_index .menu_list2 li a{
    color:#fff;
    /*font-size:1.4em;*/
}
.mobile_index .menu_list2 .active{
    background:#ec5051;
}

.ltdz_main i{
    color:#ec5051;
    font-size: 12px;
}
.selectedCatalog{
    background-color:#d9534f!important;
}

/*关于我们*/
.aboutus #mid{ margin:auto; width:960px;}
.aboutus #left{float:left; position:relative; width:190px; margin-top:5px; }
.aboutus #left .t{ position:absolute; top:0; padding-left:190px; width:90px; background-image:url(../images/srv.png); background-position:0 -40px; height:55px; line-height:65px; font-size:14px; color:#500400;}
.aboutus #left .t a{ color:#500400; font-weight:bold; }
.aboutus #left .sort{ position:relative; margin-top:52px; }
.aboutus #left .sort .h{background-image:url(../images/srv.png); background-position:0 -100px; height:40px;}
.aboutus #left .sort .b{ border:1px solid #DCDCDC; border-top:0;}
.aboutus #left .sort dt{background-image:url(../images/srv.png); background-position:0 -180px; height:32px; line-height:30px; color:#62281D; font-size:14px; font-weight:bold; padding-left:10px; cursor:pointer;}
.aboutus #left .sort dd{ display:none; }
.aboutus #left .sort .on dt{background-position:0 -140px;}
.aboutus #left .sort .on dd{ display:block; }
.aboutus #left .sort li{ margin:5px; height:20px; line-height:20px; padding-left:15px; background-position:0 -240px; background-repeat:no-repeat;}
.aboutus #left .sort li a:link,#left .sort li a:visited{ color:#555; text-decoration:none;}
.aboutus #left .sort li a:hover{ color:#ff4400; text-decoration:underline; }
.aboutus #left .sort .active a:link,#left .sort .active a:visited,#left .sort .active a:hover{color:#ff4400; text-decoration:underline; font-weight:bold;}
.aboutus #right{ float:left; margin:10px 0 10px 10px; width:760px; }
.aboutus .lbar{ height:32px; background-position:0 -35px;}
.aboutus .lbar .t{height:22px; line-height:22px; padding-left:30px; margin:5px 0; font-family:宋体; background-repeat:no-repeat; background-position:5px -220px;}
.aboutus .lbar a:link,.lbar a:visited{ color: #666; font-family:Arial; text-decoration:none; }
.aboutus .lbar a:hover{ color:#ff4400; text-decoration:underline; }
.aboutus .content{ border:1px solid #E3E3E3; padding:15px; line-height:200%; color:#333;}
.aboutus .content a:link,.content a:visited{color:#3399FF; text-decoration:underline;}
.aboutus .content a:hover{color:#ff4400;}
.aboutus .content .lst li{ margin:5px; height:20px; line-height:20px; padding-left:15px;  background-position:0 -240px; background-repeat:no-repeat;}
.aboutus .content .lst a:link,.content .lst a:visited{color:#3399FF; text-decoration:underline;}
.aboutus .content .lst a:hover{color:#ff4400;}
.aboutus .content .lst small{ color:Gray; letter-spacing:1px; }
.aboutus .content .lst .new{ display:inline-block; width:21px; height:15px; background-image:url(../images/new.gif); vertical-align:middle; }

/*品牌包装*/
.wrap{
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (min-width: 700px){
    .wrap_main{
        width:62%;
        margin:0 auto;
    }
}
@media screen and (max-width: 700px){
    .wrap_main{
        width:100%;
        margin:0 auto;
    }
}

.banner{
    background:#f1feff;
}
.banner img{
    width:100%;
    height: 100%;
    max-width: 1200px;
    /*max-height: 300px;*/
}

@media screen and (min-width: 700px){
    .sorts{
        margin-top:34px;
        height:66px;
    }
    .sorts li a{
        display: block;
        width:15%;
        float: left;
        height:66px;
        margin-right: 1.4%;
        color:#fff;
        font-size: 18px;
        text-align: center;
        line-height: 66px;
    }
}
@media screen and (max-width: 700px){
    .sorts{
        margin-top:34px;
        height:145px;
    }
    .sorts li a{
        display: block;
        width:30%;
        float: left;
        height:56px;
        margin-right: 1.4%;
        margin-left: 1.5%;
        margin-top: 1.5%;
        color:#fff;
        font-size: 14px;
        text-align: center;
        line-height: 66px;
    }
}

.sorts .s1 a{
    background:#7c7d7d;
}
.sorts .s2 a{
    background:#6e7a8a;
}

.sorts .s3 a{
    background:#7d8a8f;
}

.sorts .s4 a{
    background:#897f84;
}

.sorts .s5 a{
    background:#877e79;
}

.sorts .s6 a{
    background:#949494;
}
@media screen and (min-width: 700px) {
    .service{
        height:auto !important;
        min-height:640px;
    }
}
@media screen and (max-width: 700px) {
    .service{
        height:auto !important;
        min-height:580px;
    }
}
.service_title {
    position: relative;
    height: 8em;
}
.service_title .lines{
    position: absolute;
    left:47%;
    bottom:0;
    margin:auto;
}
@media screen and (max-width: 768px) {
    .service_title .lines{
        left:41%;
    }
    .service_title h4{
        font-size: 28px;
        font-weight: bold;
        color:#3a3c3b;
        height:80px;
        line-height: 80px;
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .service_title h4{
        font-size: 36px;
        font-weight: bold;
        color:#3a3c3b;
        height:80px;
        line-height: 80px;
        text-align: center;
    }
}

.service_title span{
    display:block;
    font-size: 0.6em;
    color: #3A3C3B;
    text-align: center;
    position: relative;
    font-family: normal;
    height:20px;
    line-height:20px;
}
.service_title span .line{
    display: none;
    border-bottom:1px solid red;
}
.service_title b{
    border-bottom: 1px solid blue;
}
.service_title span:before,.service_title span:after{
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 52%;
    background: #cccccc;       /*宽和高做出来的背景横线*/
    width:44%;
    height: 1px;
}
@media screen and (max-width: 768px) {
    .service_title span:before,.service_title span:after{
        width:36%;
    }
}

.service_title span:before{
    left:0;
}
.service_title span:after{
    right:0;
}
@media screen and (min-width: 700px){
    .case{
        margin-top:3em;
    }

}
@media screen and (min-width: 700px){
    .case li{
        width:23%;
        float:left;
        height:100px;
        background: #f7f7f7;
        margin-right:2%;
        margin-bottom: 30px;
        text-align: center;
    }
    .case li img{
        vertical-align: middle;
        padding-top: 20px;
        max-width:200px;
        width:100%;
        height:100%;

    }
}

@media screen and (max-width: 700px){
    .case li{
        width:28%;
        float:left;
        height:60px;
        background: #f7f7f7;
        margin-right:2%;
        margin-left:2%;
        margin-bottom: 30px;
        text-align: center;
    }
    .case li img{
        vertical-align: middle;
        padding-top: 20px;
        max-width:100%;
        max-height:100%;
    }
}

.about_pic{
    margin-top:2em;
}
.about_pic img{
    width:100%;
    height:100%;
    max-width: 1100px;
    width:expression(this.width > 1100 ? "1100px" : this.width);
}
@media screen and (min-width: 700px){
    .contact{
        margin-top: 80px;
        background: #f2f2f2;
        height:auto !important;
        min-height:500px;
    }
}
@media screen and (max-width: 700px){
    .contact{
        margin-bottom: 75px;
        background: #f2f2f2;
        height:auto !important;
        min-height:400px;
    }
}

.contact_us p{
    color:#3A3C3B;
}
.contact_l{
    float: left;
    padding-left: 2%;
    width:48%;
}
.contact_l span{
    color:red;
}
.contact_r{
    float: right;
    margin-top:1em;
    width:48%;
}
.contact_us{
    margin-top: 2em;
}
.contact_us p{
    font-size: 1.2em;
    padding-left:2em;
}
.contact_us .keys{
    width:94%;
    background: #fff;
    border-radius: 4px;
    border:1px solid #ccc;
    height:40px;
    line-height: 40px;
    margin-top: 1.2em;
    padding-left:1em;
}
#needs{
    width:90%;
    background: #fff;
    border-radius: 4px;
    border:1px solid #ccc;
    height:156px;
    padding-left:1em;
}
#needs span{

}
.code{
    float: right;
    /*margin-top: 2em;*/
    padding-right: 3em;
}
.code input{
    width:5em;
    height:2em;
}
.code a{
    border-radius: 4px;
    padding:1.2em 4em;
    background:#ea4a4a;
    color:#fff;
    font-size: 14px;
}
/*VIS设计*/

.main_c{
    margin-top:2em;
}
.main_l{
    width:18%;
}
@media screen and (max-width: 700px){
    .main_r{
        width: 100%;
    }
}
@media screen and (min-width: 700px){
    .main_r{
        width:78%;
    }
}

.main_r_list ul{
    display:inline-block;
    background:#fff;
    border:1px solid #ccc;
    border-radius: 2px;
    height:2.6em;
    line-height: 2.6em;
}
.main_r_list li{
    float:left;
    border-right: 1px solid #ccc;
    text-align: center;
}
.main_r_list li a{
    padding:1em 1em;
}
.main_r_list .active{
    background:#ea4a4a;

}
.main_r_list .active a{
    color:#fff;
}
.visshe{
    margin-top:2em;
    overflow: hidden;
}
.list_img{
    text-align: center;
    width:100%;
}
@media screen and (max-width: 700px){
    .visshe_list{
        width:60%;
        background:#fff;
        border:1px solid #D7D7D7;
        padding-left:1%;
        padding-right: 1%;
        float: left;
        margin-right:1%;
        margin-left: 20%;
        margin-bottom: 1em;
    }
}
@media screen and (min-width: 700px){
    .visshe_list{
        width:29%;
        background:#fff;
        border:1px solid #D7D7D7;
        padding-left:1%;
        padding-right: 1%;
        float: left;
        margin-right:1%;
        margin-bottom: 1em;
    }
}
.visshe_list .list_img img{
    text-align: center;
    line-height: 10em;
    max-height:174px;
    width:100%;
    height:100%;
}
.xmbj{
    color:#ccc;
    font-size: 12px;
}
.visshe_list a{
    color:#ea4a4a;
    margin-bottom: 1em;
}
.list_page{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    zoom: 1;
}
.list_page li{
    display: inline-block;
    text-align: center;
}
.list_page li a{
    color:#ea4a4a;
    padding:0.6em 0.8em;
    height:2em;
    background: #fff;
    border-radius: 2px;
    border:1px solid #ccc;
}
.visshe_list .xsj{
    padding-left:0.4em;
}

/*明片模版*/

.fgfl{
    width:98%;
    overflow: hidden;
    border-top:4px solid #ea4a4a;
    border-right:1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    background:#ffffff;
    margin-bottom: 2em;
    padding-top:1em;
    padding-left:1%;
    padding-bottom: 1.2em;
}
.fgfl span{
    color:#ea4a4a;
    font-size: 1em;
}
.fgfl li {
    float:left;
    margin-left: 2em;
    margin-bottom: 1em;
}
.fgfl li a{
    color:#000;
    padding:0.4em 1em;

}
.fgfl li a:hover,.fgfl li .active{

    border-radius: 4px;
    background: #fff;
    border:1px solid #ea4a4a;
    color:#ea4a4a;
}
.visshe_list .bj{
    background:#ea4a4a;
    border-radius: 4px;
    color:#fff;
    padding:0.3em 1em;
}

/*名片模版详情*/
.mlist{
    margin-left:3em;
}
.mlist li{
    float:left;
}
.fx li{
    margin-right: 2em;
}
.fx i{
    font-size: 40px;
    color:#999;
}
.mp_pic{
    width:58%;
}
.mlist{
    width:32%;
}
.mlistxq img{
    max-width:838px;
    max-height:385px;
    width:100%;
    height:100%;
}
.mp_pic img{

    width:100%;
    height:100%;
    max-width:554px;
    max-height:374px;
}
.bjmb_list{
    float:left;
    margin-right:1em;
}
.bjmb_list .ys1{
    font-size: 12px;
}
.start {
    text-align: center;
    margin-top: 1em;
}
.start a{
    padding:0.8em 3em;
    background:#ea4a4a;
    border-radius: 4px;
    text-align: center;
    color:#fff;
}
.page{
    margin-top:2em;
}

/*VIS设计收费标准*/
.jylc_title{
    width:100%;
    height:4em;
    background:#999;
}
.jylc_title p{
    color:#fff;
    padding-left:1em;
}
.jylc_title span{
    font-size:1.4em;
}
.jylc_title b{
    font-weight: normal;
    margin-right: 1em;
}
.taocan span{
    font-size: 36px;
    color:#666;
}

@media screen and (max-width: 700px){
    .taocan span{
        font-size: 18px;
    }
}

.taocan .tc{
    font-size: 26px;
    color:#666;
}
@media screen and (max-width: 700px){
    .taocan .tc{
        font-size: 14px;
    }
}
.taocan b{
    font-size: 50px;
    color:#ea4a4a;
    font-weight: normal;
}

@media screen and (max-width: 700px){
    .taocan b{
        font-size: 22px;
    }
}
.taocan{
    overflow: hidden;
    width:100%;
    margin-bottom:2em;
}
.taocan .db{
    border-bottom: 1px dotted #d7d7d7;
    height: 70px;
    line-height: 70px;
}
@media screen and (max-width: 700px){
    .taocan .db{
        font-size: 14px;
    }
}


.shuom{
    padding-left:6em;
    margin-top:1em;
    margin-bottom: 1em;
}
@media screen and (max-width: 700px){
    .shuom{
        padding-left:0;
    }
    .jylc{
        margin-bottom: 100px;
    }
}
.vijcxt{
    width:76%;
    padding-top:10px;
    overflow:hidden;
    margin:0 auto;
    border-top:4px solid #ea4a4a;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left:6%;

}
.vijcxt ul{
    float:left;
    width:50%;

}
.taocan .shouqi{
    font-size:14px;
    background:#ccc;
}
.taocan a{
    padding:0.4em 3em;
    border-radius: 2em;
    background: #ea4a4a;
    color:#fff;
    font-size:1.2em;
}
@media screen and (max-width: 700px){
    .taocan a{
        padding:0.4em 2.5em;
        font-size:1.1em;
    }
}
.zhankai{
    overflow:hidden;
    margin-bottom:1em;
}
.vijcxt .a1{
    float: left;
    width:48%;
    overflow: hidden;
    margin-bottom:2em;
}

/*收货地址*/
.xm-address-list { margin-left: -10px; }
.xm-address-list .item { float: left; _display: inline; width: 264px; height: 130px; padding: 15px 18px; position: relative; border: 1px solid #dfdfdf; margin: 0 0 10px 10px; cursor: pointer; background: #fafafa; }
.xm-address-list .item:hover { background: #f3f3f3; }
.xm-address-list .item .edit-btn { display: none; width: 58px; height: 18px; line-height: 18px; margin-top: 5px; text-align: center; color: #333; font-size: 12px; cursor: pointer; border: 1px solid #fafafa; }
.xm-address-list .item dt { margin: 0; height: 30px; line-height: 30px; margin-bottom: 8px; border-bottom: 1px solid #dfdfdf; color: #333; }
.xm-address-list .item dt strong { float: left; font-weight: 400; }
.xm-address-list .item dt span { float: right; }
.xm-address-list .item dd { margin: 0; line-height: 1.6; color: #6d6d6d; }
.xm-address-list .selected .edit-btn { display: block; background: #f3f3f3; }
.xm-address-list .use-new-addr { text-align: center; color: #8c8c8c; }
.xm-address-list .use-new-addr .icon-add { display: block; margin-top: 37px; font-size: 36px; line-height: 1; font-weight: normal; }
.xm-line-box .item a{ text-decoration: none; }
.xm-edit-addr-box .bd .item { margin-bottom: 10px; }
.xm-edit-addr-box .bd .item label { display: none; margin-bottom: 5px; }
.xm-edit-addr-box .bd .item label span { color: #ee330a; }
.xm-edit-addr-box .bd .item select { margin-right: 5px; margin-bottom: 8px; }
.xm-edit-addr-box .bd .item .tel-modify-tip em { color: #ee330a; }
@media (max-width:1200px) {
    .xm-address-list .item { width: 265px; }
}
.uc-address-section { margin: 20px 0; position: relative; }
.uc-address-section .xm-address-list { margin-left: 0; padding-left: 10px; }
.uc-address-list { _position: relative; _z-index: 0; }
.uc-address-list .item p { margin: 0; }
.uc-address-list .item .edit-btn { display: inline-block; *display: inline; *zoom: 1; border-color: #dfdfdf; background: #fafafa; }

.consignee-form {margin-top:20px; }
.consignee-form .list { display: block;  margin-bottom: 15px; overflow: hidden; }
.consignee-form .list .label { float: left; height: 30px;width: 100px; text-align: right; color:black;}
.consignee-form .list .label em { color: red;height: 30px; line-height: 30px;margin-right:5px; }
.consignee-form .list .field { float: left; }
.consignee-form .list .field input {height: 30px; line-height: 30px; width: 200px;padding:0 5px; border: 1px solid #dfdfdf;}
.consignee-form .full-address .field input { width: 300px;}
.consignee-form .list .field select { height: 30px; line-height: 30px;padding:0 5px;margin-right:10px;}
.consignee-form .btn { background: #dd4250; line-height: 40px; margin-left: 100px;font-family: 微软雅黑; color: #fff; font-size: 18px; display: block; width: 200px; text-align: center; }
.consignee-form .form-control{ float: left; width: 115px;}
/*分享到 */
.jiathis_style{width: 310px;}

/* 弹窗通知 */
.banneralert{
    /*position:fixed;
      width:100%;
      left:0;
    Add by js */

    background:#000;/* for IE8- */
    background:rgba(0,0,0,.85);
    font-family:"微软雅黑", "Microsoft Yahei";
    font-size:13px;
}
.banneralert .bannercontainer{
    margin:2px 8px;/* Do not use padding in ".banneralert", use margin here. */
}
.banneralert .bannertitlebar{
    color:#FFF;
    font-weight:bold;
    margin-bottom:1px;
}
.banneralert .bannericon{
    height:16px;
    width:16px;
    margin-right:7px;
    vertical-align:middle;
}
.banneralert .bannercontent{
    color:#FFF;
}
.banneralert .bannerhandle{
    text-align:center;
    height:6px;
    width:35px;
    background:#999;
    border-radius:3px;
    margin:3px auto;
    cursor:hand;/* for IE6- */
    cursor:pointer;
}

.banneralert.mybannerstyle2{
    background-color: #444;
    background-color: rgb(236, 80, 81);
}
.banneralert.mybannerstyle2 .bannertitlebar{
    color:#CCC;
    text-align:center;
    font-size:16px;
}
.banneralert.mybannerstyle2 .bannercontent{
    color:#EEE;
    text-align:center;
    margin:5px auto;
    font-size:14px;
}
.banneralert.mybannerstyle2 .bannerhandle{
    background:none;
    width:30px;
    border:1px solid #999;
}

#bigimage{ position:absolute; display:none;z-index: 11; }
#bigimage img{padding:5px; background:#fff; border:1px solid #e3e3e3; }

.a-blue{color:#045fad;text-decoration: underline;}