* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}
body{background: #f5f6fa;}
.main{width: 1200px;margin: 0 auto;}
.shop_all_top{width: 100%;background: #efefef;text-align: center;}



/* 首页 */
.index_tit{font-size: 28px;
    color: #333;
    font-weight: bold;
    
    padding-left: 10px;
    
    height: 36px;
    margin: 30px auto 16px;
}
.index_tit h3{font-size:22px;border-left:10px solid #2b79ca;line-height:22px;padding-left: 20px;}
.goods_list{overflow: hidden;}
.goods_list li{float: left;width: calc(20% - 10px);box-sizing: border-box;padding:10px;margin:0 5px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 14px;
    transition: .5s;
}
.goods_list li:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.goods_list li .goods_list_pic{width: 140px;height:140px;position: relative;margin:0 auto;margin-top:10px;display: flex;justify-content: center;align-items: center;}
.goods_list li .goods_list_pic img{max-width: 100%;max-height:100%;}
.goods_list li .goods_list_title{font-size: 14px;
    width: 200px;
    height: 40px;
    line-height: 20px;
    color: #666;
    margin: 20px auto 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
    .goods_list_price{    font-size: 14px;
        width: 200px;
        height: 40px;
        line-height: 40px;
        color: #ff4c4c;
        margin: 0px auto 0;}
.goods_list li .goods_list_title span.span_s{color: #ff4c4c;}


.shop_search{overflow: hidden;width:380px;margin:0 auto}
#s_keyword{width:300px;border:1px solid #ddd;border-radius:3px 0 0 3px;line-height:3em;float: left;border-right: 0;padding-left: 10px;}
#do_search{float: left;display: block;line-height:3em;color: #fff;background: #ff7600;padding: 0 10px;border:1px solid #ff7600;cursor: pointer;}
/* goods详情 */

.goods_main {
    width: 1200px;
    margin: 0 auto;
}


.goods_top_bg{background: #fff;}
.goods_top {
    overflow: hidden;
    padding: 40px 0;
    width: 1200px;
    margin: 0 auto;
}

.goods_top_left {
    float: left;
}

.goods_top_left_pic {
    width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    position: relative;
}

.goods_top_left_pic img {
    max-width: 100%;
    max-height: 100%;
}

.goods_top_left .p_b_img {
    width: 400px;
    height: 400px;
    position: absolute;
    left: 400px;
    top: 0px;
    background: #fff;
    border: 1px solid rgba(238, 107, 65, 1);
    display: none;
}


/* 下方小图组 */

.goods_top_left_bottom {
    float: left;
    width: 402px;
    margin: 10px 0 0;
    overflow: hidden;
    display: flex;
}

.goods_top_left_bottom li {
    width: 70px;
    height: 70px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    margin-right: 10px;
    cursor: pointer;
}

.goods_top_left_bottom_pic_list {
    display: flex
}

.goods_top_left_bottom_pic_list li img {
    display: block;
    max-width: 70px;
    max-height: 70px;
}

.goods_top_left_bottom_pic_list li.on {
    border-color: rgba(238, 107, 65, 1);
}


/* 下方小图组 end */

.goods_top_right {
    padding: 0px 0px 0 450px;
}

.goods_top_right_title {
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    line-height: 2em;
    margin-bottom: 20px;
    font-weight: bold;
}

.goods_top_right_desc {
    font-size: 17px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    color: #999;
}

.goods_desc .show_jianjie {
    background: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 16px!important;
    line-height: 2em;
}

.goods_desc .show_jianjie b {
    display: inline-block;
    width: 100px;
    font-size: 14px;
    float: left
}

.goods_desc .show_jianjie span {
    font-size: 12px;
}


/* 价格 */

.goods_top_right_price {}

.goods_top_right_price table {
    width: 100%;
}

.goods_top_right_price table tr td {
    font-size: 12px;
    color: #888;
}

.goods_top_right_price table tr td:nth-child(1) {
    width: 100px;
}

.goods_top_right_price table tr td .qujian_price {
    display: flex;
    height: 80px;
}

.goods_top_right_price table tr td .qujian_price span {
    flex: 1;
    /* max-width: 200px; */
    display: flex;
    text-align: center;
    justify-content: left;
    align-items: center;
    font-size: 28px;
    color: #ff7300;
}

.goods_top_right_price table tr td .qujian_price span i {
    font-size: 20px;
    font-style: inherit;
}

.goods_top_right_price table tr td .qujian_num {
    display: flex;
    height: 20px;
    color: #333;
}

.goods_top_right_price table tr td .qujian_num span {
    flex: 1;
    /* max-width: 200px; */
    display: flex;
    text-align: center;
    justify-content: left;
    align-items: center;
    font-size: 20px;
}




/* 价格end */
.goods_top_right_num{padding: 20px 0;user-select: none;}
.goods_top_right_num a.goods_dec,.goods_top_right_num a.goods_inc{display: inline-block;width: 30px;height: 30px;border:1px solid #ddd;font-size: 16px;text-align: center;line-height: 30px;background: #fff;}
.goods_top_right_num .goods_num{height: 30px;border:1px solid #ddd;font-size: 16px;text-align: center;line-height: 30px;width: 100px;}
.goods_top_right_num .goods_return_price{display: block;font-size:20px;padding: 20px 0 0;}
.goods_top_right_num .goods_return_price span{font-size: 32px;
    color: #ff7300;}

.show_top_btn {
    overflow: hidden;
}

.show_top_btn dd {
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    color: #fff;
    padding: 0 25px;
    cursor: pointer;
    border: 0;
    margin-bottom: 10px;
}

.show_top_btn #show_top_btn1 {
    background: #ff8f22
}

.show_top_btn #show_top_btn2 {
    background-color: #f42424;
}

.goods_content_tit {
    text-transform: uppercase;
    margin:10px;
    font-size:18px;
    font-weight: bold;
    color: #333;
    line-height: 2em;
    padding-left:10px;
    box-sizing: border-box;
    border-left: 10px solid #2b79ca;
}

.goods_info_content {
    /* width: 1200px; */
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
}

.goods_form {
    width: 1200px;
    padding: 40px 0;
    margin: 0 auto;
}

.goods_form .layui-form input,
.goods_form .layui-form textarea {
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 2em;
    color: #000;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.goods_form .layui-form textarea {
    height: 150px;
}

.goods_form .layui-btn {
    background: rgba(238, 107, 65, 1);
}
.goods_main{margin-top:20px}
.goods_main::after{content:'';display: block;clear: both;}
.goods_category{float: left;width: 200px;background: #fff;padding: 10px;box-sizing: border-box;}
.goods_category_tit{    text-transform: uppercase;
    margin: 10px;    font-size: 18px;    font-weight: bold;    color: #333;    line-height: 2em;    padding-left: 10px;    box-sizing: border-box; }
.goods_category li{font-size: 12px;
    line-height: 3em;
    padding-left: 30px
;}

.goods_content{float: left;width: 980px;margin-left:20px;background: #fff;padding: 10px;box-sizing: border-box;}

.main_ctit {
    line-height: 2em;
    background: #f8f8f8;
    padding-left: 20px;
    font-size: 18px;
    ;
}

.main_info {
    padding: 20px;
    overflow: hidden
}

.related_info {
    overflow: hidden
}

.related_info li {
    width: 270px;
    float: left;
    margin: 0 4px;
}

.related_info li img {
    display: block;
    width: 100%;
}

.related_info li p {
    text-align: center;
    color: #333;
    font-size: 12px;
    line-height: 2em;
}

.liuyan_info {}

.liuyan_info table th {
    width: 110px;
    text-align: right;
    padding-right: 20px;
    font-weight: normal;
}

.liuyan_info table td {
    padding: 3px 0;
}

.liuyan_info table td input {
    height: 30px;
    width: 520px;
    padding-left: 10px;
}

.liuyan_info table td textarea {
    width: 520px;
    height: 180px;
    padding: 10px;
    max-width: 709px;
}

.liuyan_info #dosubmit {
    display: block;
    border: 0;
    padding: 10px;
    cursor: pointer;
    margin: 0 auto;
    background: #3b438b;
    color: #fff;
}

.goods .lists_pro_ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}

.goods .lists_pro_ul li {
    float: left;
    border: 1px solid #ddd;
    width: 230px;
    padding: 15px;
    margin-bottom: 18px;
    position: relative;
    margin-right: 18px;
    background: #fff;
    transition: .5s;
}

.goods .lists_pro_ul li .lists_img {
    width: 226px;
    height: 226px;
    display: block;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.goods .lists_pro_ul li .lists_img img {
    display: block;
    max-width: 226px;
    max-height: 226px;
}

.goods .lists_pro_ul li .lists_tit {
    font-size: 16px;
    color: #333;
    line-height: 1.5em;
    height: 3em;
    padding: 10px 0;
    text-overflow: ellipsis;
}

.goods .lists_pro_ul li .lists_desc {
    font-size: 12px;
    line-height: 1.5em;
}

.goods .lists_pro_ul li:hover {
    border-color: rgba(238, 107, 65, 1)
}

.p_b_nav {
    background: rgba(0, 0, 0, .5);
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    pointer-events: none;
}

.goods_top_left {
    position: relative;
}

/* 购物车 */

.shop_liucheng_tit{max-width: 1200px;margin:20px auto;}

/* cart */
.cart_goods_num{}
.cart_goods_num .price_btn{display: inline-block;width: 30px;height: 30px;border:1px solid #ddd;font-size: 16px;text-align: center;line-height: 30px;background: #fff;}
.cart_goods_num .price_num{height: 30px;border:1px solid #ddd;font-size: 16px;text-align: center;line-height: 30px;width: 100px;}

.all_cart_price_bg{background: #eee;overflow: hidden;line-height: 48px;margin-top:10px}
.all_cart_price_div{text-align: right;float: right;padding-right: 20px;}
.all_cart_price_div span{color: #ff7300;font-size: 20px;font-weight: bold;padding: 0 5px;}
.cart_jeisuan{float: right;background: red;color: #fff;font-size:20px;font-weight: bold;padding: 0 10px;} 
.cart_jeisuan:hover{color: #fff;}



.cart_list{
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
.cart_list_table{width: 100%;}
.cart_list_th th{background: #f3f3f3;border: 1px solid #e9e9e9;padding: 10px 5px;}
.cart_list td{padding: 10px;text-align: center;border:1px solid #e9e9e9}
.cart_list tr.status2{background:#dddddd;
    cursor: not-allowed }
.cart_list tr.status2.td_pic{}
.cart_list tr.status2 .price_btn{cursor: not-allowed }
.td_pic img{width: 120px;height: 120px;}
.td_title{width:250px;}

/* 确认订单 */
.confirm_order{width: 1200px;margin: 0 auto;border:1px solid #ddd;box-sizing: border-box;padding: 0 20px;    background: #fff;}
.confirm_order_tit p{font-size: 14px;
    font-weight: bold;
    color: #333;
    max-width: 1200px;margin: 0 auto;
    height: 40px;
    line-height: 40px;}
.confirm_order_address{overflow: hidden;padding:20px 0;}
.address_empty{}
.confirm_order_address_list{overflow: hidden;}
.confirm_order_address_list dd{float: left;width: 237px;box-sizing: border-box;padding:10px;background: url(../images/shop_addrbg.png) no-repeat center;margin: 0 14px 14px 0;cursor: pointer;}
.confirm_order_address_list dd.cur,.confirm_order_address_list dd:hover{background: url(../images/shop_addrbg_cur.png) no-repeat center;}
.confirm_order_address_list .p1{
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 5px;
    margin-bottom: 5px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.confirm_order_address_list .p2{

    margin: 0 0 5px;
    font-size: 14px;
    line-height: 18px;
    height:4em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

.confirm_order_goods_list{width: 1200px;margin:20px auto;}
.confirm_order_goods_list table{width: 100%;}
/* .confirm_order_goods_list table th{text-align: center;} 
.confirm_order_goods_list table td{text-align: center;}  */

/* 支付订单 */
.pay_order_main{width: 1200px;margin:40px auto;background: #fff; border: 1px solid #ddd;
    padding: 40px;
    box-sizing: border-box;}
.pay_order_msg{border-bottom:1px solid #ddd;padding:0 0 20px;overflow: hidden;margin-bottom:20px}
.pay_order_msg dd{float: right;}
.pay_order_msg dd span{color: #ff7600;font-size: bold;font-size: 18px;}
.pay_order_info{border-bottom:1px solid #ddd;padding:0 0 20px;overflow: hidden;margin-bottom:20px}

.pay_order_paytype{overflow: hidden;}
.pay_order_paytype dl{float: left;padding: 10px;margin-right:10px;border:1px solid #ddd;width: 100px;text-align: center;cursor: pointer;user-select: none;}
.pay_order_paytype dl i{font-size:36px;}
.paytype_zfb i{color: rgb(0,170,238);}
.paytype_wx i{color: rgb(5,175,15);}

.paytype_zfb.disabled,.paytype_wx.disabled{opacity: .2;pointer-events:none;cursor: not-allowed}

/* 微信支付 */
.weixin_pay_info{overflow: hidden;}
.weixin_pay_info .l{float: left;width: 50%;text-align: center;padding-top: 40px;}
.weixin_pay_info .l img{}
.weixin_pay_info .l p i{font-size:36px;color: rgb(5,175,15);padding-right: 10px;}
.weixin_pay_info .r{float: left;width: 50%;}
.weixin_pay_info .r img{max-width: 100%;}


@media screen and (max-width: 900px){
    .common_top_div .l{display: none;}
    .main {
    width: 96%;
    padding: 2%;
    }
    .goods_list li{
        width: 48%;
        margin:1%;
    }
    .index_goods_list li:nth-child(n+5){
        display: none;
    }
    .goods_list li .goods_list_pic{
        margin:0;
        width: 100%;height: 40vw;
    }
    .goods_list li .goods_list_title{
        width: 100%;margin:2% 0;
    }
    .goods_list_price{
        width: 100%;
    }

    .goods_main{
        width: 100%;
    }
    .goods_top{padding: 0 2%;}
    .goods_top_left{float: none;}
    .goods_top_left_pic{width: 100%;height:100vw;}
    .goods_top_left_bottom{width: 100%;overflow: auto;}
    .goods_top_left_bottom:after{content:'';display:none;clear: both;}
    .goods_top_right{float: none;padding: 0;}
    .goods_top_right_title{font-size: 18px;margin-bottom: 2%;}
    .goods_top_right_desc{font-size: 14px;}

    .goods_top_right_price table tr td .qujian_price span{font-size: 18px;padding: 0 4px;}
    .goods_top_right_price table tr td .qujian_num span{font-size: 16px;padding: 0 4px;}

   
}