@charset "utf-8";
.purchase { margin-bottom:50px; }
.dropdown1 {padding-left:0;border:0;}
.dropdown1 .dropdown-menu {left:0;}
.formBox {flex: 1; justify-content: flex-end; }

.mainNavBox { border-bottom: 1px solid #DCDCDC;}
.mainNav { margin-left:270px; }
.mainNav ul { overflow: hidden; }
.mainNav li { float:left; padding:0 16px; }
.mainNav li a{color: #000;font-size:16px; display: block; line-height: 44px; }
.mainNav li a:hover{color: #E4382C;}
.mainNav .on a{color: #E4382C;}

/**列表--葡萄酒导航**/
.g_nav,.g_phone { position: relative; float:left; }
.g_sit { float:right; }
.g_nav .le{ width:240px;height: 44px; line-height:44px; padding:0 20px; background: #2c909f;font-size: 16px; color: #FFFFFF; cursor: pointer; }
.nav_content{position: absolute; left:0; top:44px; width: 240px;height: 321px;padding: 5px 15px 16px 20px;background: #fff; border: 1px solid #2c909f; z-index: 99; display: none;}
.nav_content .minxin{margin-bottom:0px;}
.nav_content dt{font-size: 14px; color: #AAAAAA;line-height: 24px;font-weight: normal;}
.nav_content dd{font-size: 14px;color: #000000;line-height: 24px;}
.nav_content dd a { color: #666; margin-right:3px; }
.nav_content dd a:hover{color: #E0372C;}

/***所有产品**/
.product_breadcrumb{font-size: 12px;color: #222222;padding: 15px 0; margin-top:10px; }
.product_breadcrumb .add_lear > span{padding: 2px 5px;background: #FFFFFF;border: 1px solid #E4382C; font-size: 12px;color: #E4382C;margin-left: 4px;}
.product_breadcrumb .add_lear > span .gly_icon{font-size: 12px;color: #E4382C;cursor: pointer;}
.table2 > tbody > tr > td { vertical-align: middle; text-align: left; }
.table2 tr td:nth-child(1){background-color: #F6F6F7;}
.table2 tr td:nth-child(2){padding: 0 0;}

.nav_last{text-align: center;padding: 5px 10px;}
.every_last{display: inline-block;}
.every_wointer{display: inline-block;padding: 13px 10px;cursor: pointer;}
.contop{padding: 13px 10px;cursor: pointer;position: relative;}
.saose{padding-left: 10px;}

.sole{position: relative; }
.checkbox-inline{padding-left: 0px !important;}
.white{width: 100%;height: 3px; background: #fff; z-index: 100;position: absolute;bottom: -3px;left: 0;display: none;}
.second{width: 1020px;position: absolute;top: 44px;left: 0px;background-color: #fff;z-index: 10;border: 1px solid #C4C4C4;display: none;}
.second > span{display: inline-block;font-size: 12px;color: #555555;line-height: 24px;margin-left: 10px;cursor: pointer;}
.every_last:hover{border: 1px solid #C4C4C4;border-bottom: none;}
.every_last:hover .white,.every_last:hover .second{display: block;}
.lo-title{font-size: 30px;color: #222222;}
.lo-line{width: 60px;height:0;border-top:4px solid #E4382C;margin-top: 5px;}
.margin-top{margin-top:30px;}
.saose{width:70px;height: 34px; line-height:34px; border: 1px solid #ddd;}
.content_money{font-size: 20px;color: #e0372c;line-height: 18px;margin: 5px 0;}

.product_all {position: relative; margin-top:10px; }
.product_all2 {position: relative; margin-top:10px; padding-bottom:10px; }
.product_all .jz_nav {top:52px;}
.jz_all .tit,.jz_all .tit2 { display: flex; align-items: center; margin-bottom: 18px; }
.jz_all .tit h3,.jz_all .tit2 h3 { font-size: 30px; margin-right:10px; }
.jz_all .tit2 {margin-top:15px;}
.jz_all .tit2 h3 { position: relative; margin-bottom:10px; }
.jz_all .tit2 h3:before { position: absolute; left:0; bottom:-10px; content: ""; width:60px; height: 3px; background: #E4382C; display: block; }
.jz_con { margin-bottom:30px; }

.dList5 { overflow: hidden; }
.dList5 .con {margin:0 -6px; display: flex; }
.dList5 dl { padding:20px; background: #fff;  overflow: hidden; flex: 1; border: 1px solid #e9e9ea; margin:0 6px; }
.dList5 dt { position: relative; padding:15px; }
.dList5 dt img { display: block; width:100%; }
.dList5 dd { padding:15px 10px 0; font-size: 13px; }
.dList5 .content_mou { margin:5px 0; }
.dList5 .content_money { color: #E0372C; margin:5px 0 10px;}
.dList5 .buttonBox .btn { font-size: 12px; }
.dList5 .buttonBox .btn-default { padding:6px 20px; }

.each1 { position: relative; height: 305px; padding: 15px;}
.each1 dt { position:relative; height: 190px; overflow: hidden; }
.each1 dt img { display: block; width: 190px; margin:0 auto; }
.each1 .content_mou{height: 36px;font-size: 13px;color: #4A4A4A;line-height: 18px;margin-top: 10px;display: -webkit-box;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-overflow: ellipsis;}
.each1 .content_money{font-size: 20px;color: #e0372c;margin: 10px 0 0;}
.each1 .content_number{ position:absolute; right:15px; bottom:20px; font-size: 12px;color: #9B9B9B;}

/****采购中心***/
.tableBox{margin-top: 20px;}
.tableBox h3{border: 1px solid #ececec; border-bottom: 0; font-size: 20px;color: #EA4E48; padding:15px 20px; }
.tableBox h3:before {content: ""; width:4px; height: 20px; background: #EA4E48; display: block; float: left; margin-top:1px;  margin-right:8px;}
.table1 {width:100%}
.table1 td {padding:15px; text-align: center; color: #222; }
.table1 tr {border: 1px solid #ececec; border-right: 1px solid #ececec;}
.table1 th { background: #f9f9f9; padding:10px 15px; text-align: center; }
.table1 .pur_num{ text-align: right;}
.table1 .pur_num2 { text-align: left; }
.table1 .pur_num2 .num-product {margin:0 0 10px;}
.table1 .Notes{color: #4A4A4A;}
.table_each1 {display: flex;}
.table_each1 .img { width:90px; margin-right:10px; }
.table_each1 .img img {width:90px;height: 90px; border: 1px solid #eee;}
.table_each1 .con { flex: 1; text-align: left; }
.table_each1 .con .tit { font-size: 14px; margin-bottom:5px; }
.table_each1 .con .info { color:#999; font-size: 12px; }
.table_each1 .con .info span {margin-right:5px;}
.handle li { line-height: 24px; }
.sole{color: #EA4E48;margin-top: 5px;}
.sole a{color: #4A4A4A;}

.table_bottom {display: flex; align-items: center;}
.table_bottom .all label {font-weight: normal;}
.table_bottom .all label input {margin-right:10px;}
.table_bottom .settle {display: flex;flex: 1;justify-content: flex-end;}
.table_bottom .settle .set_1 { margin-right:20px; }
.table_bottom .settle .set_2 { margin-right:20px; }
.table_bottom .settle .set_2 .c5 {font-size: 14px;}
.table_bottom .settle .set_2 p { font-size: 12px; }
.table1 .td_check{ text-align: left; padding-left:40px; }
.tr_jz td { padding:10px 40px; text-align: left; }
.tr_jz td input {margin-right:10px;}
.tr_jz td label {font-weight: normal;}

.dList2 dl {margin-bottom:15px;}

.personal_box {display:flex; margin-top:20px; }
.personal_body {flex: 1;}
.personal_body .panel-default { border-radius: 0; min-height: 600px; }
.personal_body .panel-body { padding:15px 30px; }
.sideMenu { width:240px; margin-right:15px; }
.sideMenu .list-group-item {border: 1px solid #e2e2e2; padding:15px 30px; }
.sideMenu .list-group-item:first-child,.sideMenu .list-group-item:last-child {border-radius: 0;}
.sideMenu .list-group .item li { padding:5px 0; }
.sideMenu .list-group-item .badge { background: #E4382C; color: #fff; font-weight: normal; float: none; margin-left:5px; }
.sideMenu .current { color: #EA4E48; }

.panel-warring {display:flex;padding:15px 20px;border:1px solid #E2E2E2;color: #555; align-items: center;background: #fff;}
.panel-warring i {margin-right:10px;}
.personal_body .dList3 dl {width:33.3333%;border-left: 1px solid #f2f2f2;}
.personal_body .dList3 dl:nth-child(3n+1) {border-left: 0;}
.personal_body .likeBox {margin-top:10px;}

.infoBox { display: flex; align-items: center; padding:10px 0; margin:0 -15px }
.infoBox dt { width:60px;height:60px;border-radius: 50%;overflow: hidden; margin-right:10px; }
.infoBox dt img {display: block; width:60px; height: auto;}
.infoBox dd {font-size: 14px; color: #666;}
.infoBox dd .name {font-size: 16px; color: #4a4a4a;}
.infoBox dd a {color: #34AABB;}

.crumbs {margin-bottom: 20px; color: #9B9B9B;}
.crumbs a { color: #9B9B9B; }
.crumbs a:hover { text-decoration: underline; color: #333;}
.table3 { width:100%; }
.table3 td {padding:8px 0; font-size: 12px; }
.table3 .tit {font-size: 16px; color: #222;}
.form-row {display: flex; align-items: center;}
.form-row .form-control,.form-row .input_text {margin-right:10px;}
.panel-1 {border: 1px solid #EBEBEB; padding:10px 20px; margin-top:20px; background: #fff; }
.panel-2 { position:relative; background: #FBFBFC;border: 1px solid #EBEBEB;padding:20px; margin-top:20px; }
.panel-2 .btnBox { position: absolute; right:15px; top:15px; padding:0; }
.panel-3 {background: #FBFBFC;border: 1px solid #EBEBEB;padding:10px 15px;}
.panel-3 .data {font-size: 14px;color: #9B9B9B;margin-top:5px;}
.panel-4 {background: #FFFFFF;border: 1px solid #ECECEC;border-top:0;padding:10px 15px;font-size: 13px;color: #333; line-height: 21px;}
.personal_body .panel-5 {min-height: auto;border: 1px solid #ECECEC;background: #fff;}
.personal_body .panel-5 .order_info_each:last-child {border: 0;}
.panel-5 .panel-heading { background: #F9F9F9;border-bottom: 1px solid #ECECEC;}
.panel-5 .panel-body {padding:0;}

.dText1 { }
.dText1 dt { float:left; color: #9B9B9B; font-weight: normal; width:85px; text-align: right; line-height: 20px; padding:5px; clear: left; }
.dText1 dd { line-height: 20px; color: #222; padding:5px; clear: right; text-align: left; }
.dText1 .name {font-size: 18px;}

.orderForm {display: flex; align-items: center;}
.orderForm h3 {flex: 1;}
.orderForm .bs-example-form .input-group {width:270px;}
.orderForm .bs-example-form .input-group .search_form {background: #ECECEC;color: #9B9B9B; font-size: 12px;}
.orderForm .bs-example-form .input-group .input-group-addon {width:58px;font-size: 12px;}

.orderAll {}
.orderAll .orderTab {width:100%; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; display: flex; padding:0 30px;}
.orderAll .orderTab li {position:relative; padding:12px 20px; font-size: 13px;white-space: nowrap;}
.orderAll .orderTab .active a { color: #EA4E48; }
.orderAll .orderTab .active:after{content: "";width:100%;height: 3px;background: #E4382C;border-radius: 3px;position: absolute;bottom: -2px;left: 0;}
.orderAll .tab-content { padding:20px 30px; }

.orderEach{margin-top:15px;}
.orderInfo {display: flex;font-size: 13px; color: #9B9B9B; align-items: center; line-height: 18px; }
.orderInfo .orderItem1 { flex: 1; }
.orderInfo .orderItem2 { width:10%; text-align: center;}
.orderInfo .orderItem3 { width:15%; text-align: center;}
.orderInfo .orderItem4 { width:15%; }
.orderInfo .orderItem5 { width:14%; text-align: center; }
.orderInfo .orderItem6 { width:20%; display: flex; align-items: center; justify-content:center;}
.orderInfo .orderItem6 .btn-1 {font-size: 12px; margin-right: 10px; }
.orderInfo .orderItem6 .other { text-align: center; }
.orderInfo .orderItem6 .other a {display: inline-block; word-wrap: normal;}

.addressBox {padding:15px 0;}
.addressBox dl {display: flex; align-items: center;}
.addressBox dt {width:59px;height: 42px; background: url(../img/address.png) no-repeat; overflow: hidden; text-indent: -999px; margin-right:10px; }
.addressBox dd {color: #222;}

.order_info_each {display: flex;border-bottom: 1px solid #ECECEC; align-items: center;padding:15px;font-size: 12px;color: #222;}
.order_info_each dl {width:45%;}
.order_info_each dt {width:90px;float: left;margin-right: 10px;}
.order_info_each dt img {border: 1px solid #ddd; width:88px; height: 88px;}
.order_info_each dd h6 {font-size: 14px;}
.order_info_each dd p {color: #9b9b9b;margin:5px 0;}
.order_info_each .order_info2 {width:10%; text-align: center;}
.order_info_each .order_info3 {width:10%; text-align: center;}
.order_info_each .order_info4 {width:10%; text-align: center;}
.order_info_each .order_info5 {flex: 1;}
.order_info_each .order_info6 {width:90px;}
.order_info_each .labelling { width:88px; height: 88px; line-height: 88px; text-align: center; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.order_info_each .labelling img { max-height: 100%; max-width: 100%;}

.priceList { width:100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
.priceList dl { overflow: hidden; width:180px; font-size: 14px; color: #4a4a4a; }
.priceList dt { width:100px; text-align: right;font-weight: normal;}
.priceList dd {text-align: left;}
.priceList .total { font-size: 14px; font-weight: bold;margin-top:10px;}

.otherDetail {margin-bottom:20px;}
.otherDetail .table{margin-bottom:10px;}
.otherDetail .table td { vertical-align: middle;}
.otherDetail .table p { padding:5px 0; }
.otherDetail h4 { font-size: 20px; margin-bottom:15px; }
.otherDetail h4:before {content: "";width: 4px;height: 20px;background: #EA4E48;display: block;float: left;margin-top: 1px;margin-right: 8px;}
.amount {text-align: right;}
.amount .c6 {font-size: 18px;}
.costList label {font-weight: normal;width:110px; text-align: right;}

.paymentBox {margin-bottom:20px;}
.paymentBox .payment_way {display:flex; align-items: center;margin-bottom:10px;}
.paymentBox .payment_way label {display:inline-block;margin:0;padding-right:16px;}
.payment {display: flex;flex: 1;}
.payment i {display: inline-block;width:40px;height:40px;}
.payment .ico_pay1 { background: url(../img/pay-alipay_.png) no-repeat;background-size: 100% 100%;}
.payment .ico_pay2 { background: url(../img/pay-wechat_.png) no-repeat;background-size: 100% 100%;}
.payment .ico_pay3 { background: url(../img/pay-unionpay_.png) no-repeat;background-size: 100% 100%;}
.payment .ico_pay4 { background: url(../img/pay-outline_.png) no-repeat;background-size: 100% 100%;}
.payment .on .ico_pay1 { background: url(../img/pay-alipay.png) no-repeat;background-size: 100% 100%;}
.payment .on .ico_pay2 { background: url(../img/pay-wechat.png) no-repeat;background-size: 100% 100%;}
.payment .on .ico_pay3 { background: url(../img/pay-unionpay.png) no-repeat;background-size: 100% 100%;}
.payment .on .ico_pay4 { background: url(../img/pay-outline.png) no-repeat;background-size: 100% 100%;}
.payment li {margin-right:15px;}
.payment li a {color: #666;}
.paymentBox .voucher {margin-left:112px;}
.paymentBox .btnBox {text-align: right;padding:0;}
.paymentBox .panel-2 {margin-top:8px;}
.paymentBox .voucher_img_list {flex: 1;display: flex;}
.paymentBox .voucher-img {background:#fff;width:60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;margin-right: 10px;}
.paymentBox .voucher-img img {max-width: 60px; max-height: 60px;}
#voucher {margin:5px 0 10px 112px;}

/** 上传图片 **/
/*.release_up_pic {width:100%}
.release_up_pic .up_pic {font-size:0;}
.release_up_pic .up_pic .pic_look {width:80px;height:80px;display:inline-block;background-size:cover;background-position:center center; background-repeat:no-repeat; box-sizing:border-box; margin-bottom:10px; margin-right:10px;position:relative;}
.release_up_pic .up_pic .pic_look em { position:absolute; display:inline-block; width:21px;height:21px; background-color:red; color:#fff; font-size:20px; right:5px;top:5px; text-align:center; line-height:18px;border-radius:50%;font-weight:700;font-family: "Microsoft Yahei";}
#chose_pic_btn { width:80px;height:80px;position:relative;display:inline-block;background-image:url(../img/add.png);box-sizing:border-box;background-size:30px 30px;background-position:center center;background-repeat:no-repeat;border:1px solid #dbdbdb;margin-bottom:12px}
#chose_pic_btn input{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%}
.release_btn { padding:0 24px;margin-top:70px}
.release_btn button{width:100%;background-color:#2c87af;font-size:1.4rem;color:#fff;border:0;border-radius:3px;height:45px;outline:0}
.release_btn button.none_btn{background-color:#f2f2f2;color:#2c87af;border:1px solid #2c87af;margin-top:15px}*/

.js_uploadBox {display: flex;}
.js_showBox {display: none;margin-right:10px;}
.btn-upload{position:relative;display: flex;justify-content: center;align-items: center;}
.btn-upload a{display:block;width:100px;height:100px;line-height:100px;text-align:center;color:#4c4c4c;background:#fff;border:1px solid #cecece}
.btn-upload input{width:100px;height:100px;position:absolute;left:0;top:0;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;cursor:pointer}

.modal_con1 {padding:0 20px;}
.modal_con1 .lh24 {line-height: 24px;}
.modal_con1 .cd-form .cd-form-list {margin:0;padding:0;}
.modal_con1 .cd-form .cd-form-list li {margin-right:20px;}
.modal_con1 .checkbox,.modal_con1 .radio {margin:0;}

.company_info {display: flex;align-items: center; }
.company_info .company_lf {flex: 1; padding-left:10%; }
.company_info .company_lf .info {line-height: 24px;}
.company_info .company_lf .info h2 {font-size: 24px;margin-bottom:20px;}
.permit {width:300px;height:300px;background: #FBFBFC;border: 1px solid #EBEBEB;display: flex;justify-content: center;align-items: center;}
.permit img {max-height: 100%; max-width: 100%;}

.favoriteList {padding:25px 0;}
.favoriteList .dList5 .con { width:100%; flex-direction: row; flex-wrap: wrap;}
.favoriteList .dList5 dl { flex: none; width:31.85%; margin-bottom:10px; }

.agencyInfo {display: flex;background: #F9F9F9; padding:10px 15px; color: #9B9B9B;}
.agency_info_each {display: flex; padding:15px; border: 1px solid #ECECEC; color: #333;margin-top:10px; align-items: center; font-size: 12px;}
.agencyInfo .agencyItem1,.agency_info_each dl { flex: 1;}
.agencyInfo .agencyItem2,.agency_info_each .agencyItem2 {width:15%; text-align: center;}
.agencyInfo .agencyItem3,.agency_info_each .agencyItem3 {width:10%; text-align: center;}
.agencyInfo .agencyItem4,.agency_info_each .agencyItem4 {width:12%; text-align: center;}
.agencyInfo .agencyItem5,.agency_info_each .agencyItem5 {width:15%; text-align: center;}
.agencyInfo .agencyItem6,.agency_info_each .agencyItem6 {width:12%; text-align: center;}
.agency_info_each .agencyItem6 .btn {margin-top:5px;}
.agency_info_each dl {width:45%;}
.agency_info_each dt { position:relative; width:60px;float: left;margin-right: 10px;}
.agency_info_each dt .past { position: absolute; left:0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.5); color: #fff;font-weight: normal;}
.agency_info_each dt img {width:60px; height: 60px;}
.agency_info_each dd p {color: #9b9b9b;margin: 5px 0;}
.agency_info_each .jz dt { width:72px; height: 50px;}
.agency_info_each .jz dt img {width:72px; height: 50px;}

.protocol,.protocol2 {padding:20px 70px;}
.protocol h3 {margin-bottom:10px;}
.protocol .btnBox,.protocol2 .btnBox {padding:10px 0;}
.protocol .btnBox .btn,.protocol2 .btnBox .btn {margin-right:10px; vertical-align: bottom;}
.protocol .cd-form .cd-form-list li {line-height: 16px;}
.protocol2 .validity {padding:10px 0;}

.statistics {margin:0 0 10px;background: #fff;border: 1px solid #E2E2E2;padding:20px;}
.statistics h4 {font-size: 14px; display: flex; align-items: center;}
.statistics h4:before {display: inline-block;width: 3px;height:15px;background: #E4382C;margin-right:5px; content: "";}
.statistics .table {margin:10px 0 0;}
.statistics .items {display: flex; margin:10px -5px 0;}
.statistics .item {background: #F8F8F8;height:102px;border: 1px solid #EFEFEF;display: flex;align-items: center;flex: 1;margin:0 5px; justify-content: center;text-align: center;line-height: 24px;}

/** 独家代理 **/
.soleAgent dl { margin-bottom:20px; }
.soleAgent dt {position: relative; }
.soleAgent dt img { display: block; width:100%; border: 1px solid #e8e8e8; border-radius: 10px;}
.soleAgent dd {padding:15px 0;}
.soleAgent dd h3 {font-size: 16px; margin-bottom: 10px;}
.soleAgent dd .content_mou {color: #999; margin-bottom: 5px;}
.soleAgent .robbed {position:absolute;left:0;top:0;overflow:hidden; text-indent:-999px;display: block;width:64px;height:64px;background: url(../img/label-ybq.png) no-repeat;background-size: 100% 100%;}

.agentBar { display: flex; background: #34aabb; color: #fff; overflow: hidden; margin:20px auto 0; align-items: center; justify-content: center; text-align: center; font-size: 48px; }
.agentBar img {display: block; width: 100%;margin:0 15px;}
.agentBar2 { background: url(../img/qgxh-bg.png) no-repeat; background-size: 100%; padding:10px 0 50px; margin-bottom: 20px; }
.agentBar2 h3 {color: #fff; text-align: center;width: 360px;position: relative;margin: 20px auto; display: flex; align-items: center;}
.agentBar2 h3 .line {border-bottom: 2px solid #fff; width:80px; }
.agentBar2 h3 span { text-align: center; display: inline-block; padding: 10px 0;font-size: 30px; flex: 1;}
.agentBar2 img {display: block;border: 4px solid #fff; width: 100%; }
.agentBox { background: #247682; padding:20px; }
.agentBox .table {margin-bottom: 0;}
.agentBox2 .dl_1 {border: 1px solid #ededed;}
.dl_1 {display: flex;background: #fff; padding:20px; margin-top:20px; }
.dl_1 dt {margin-right:20px; width:150px; }
.dl_1 dd { display: flex; flex-flow: column;}
.dl_1 dt img {width:150px;height: 150px;}
.dl_1 .name,.dl_1 .name a {color: #8e5c2e;}
.dl_1 .content_number {color: #999;}
.dl_1 .content_number span {margin-right:5px;}
.dl_1 .content_mou { height: 40px; margin-bottom: 15px;}
.dl_1 .conBox { flex: 1;}
.dl_1 .conBot {display: flex; align-items: center; }
.dl_1 .conBot .content_money {flex: 1;}

/**********素材管理**********/
.orderForm h3 small {display: block;color: #9B9B9B;font-size: 14px;margin-top: 5px;}
.fodder_manage {margin:20px auto 0; }
.fodder_manage h3 {font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.fodder_manage .fodder_1 {margin:0 -10px;padding:0;}
.fodder_manage .panel-5 .panel-body {padding:15px;}
.flexBox .btnBox2 { display: flex; align-items: center; }
.flexBox .btnBox2 button {margin-left: 10px;}
.fodder_1 {overflow:hidden;padding:15px 5px;}
.fodder_1 .col-md-2 {padding-left:8px;padding-right:8px;}
.imgDown { text-align: right;}
.swiperBox {position:relative;width:100%;}
.swiper-container { width: 824px; height: 465px;}
.swiper-slide img {display: block;width:100%;}
.gallery-top { height: 465px; width: 824px;}
.gallery-thumbs {height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide { position: relative; height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-active { opacity: 1;}
.starBrown > img{width: 10%;}

.xianhuo1{
	border: 1px solid #ececec;
	margin-top: 20px;
}

.xian_title1{
	font-size: 20px;
	color: #000;
	padding-left: 10px;
	border-left: 4px solid #EA4E48;
	margin-bottom: 15px;
}
.xian_content{
	padding: 20px;
	background: #F9EDBE;
	border: 1px solid #F0C36D;
}
.con_top{
	margin-top: 30px;
}
.content_font{
	font-size: 14px;
	color: #4A4A4A;
}
.package{
	font-size: 16px;
	color: #4A4A4A;
	padding: 10px 20px;
	background: #F9F9F9;
	border: 1px solid #ECECEC;
}

/*********************************旅游******************************/
.lyinfoBox {margin-top:20px;}
.lyItem {display: flex;margin-bottom:30px;}
.lyItem:last-child {margin-bottom:10px;}
.lyItem .img { position:relative; margin-right:20px; flex: 5;}
.lyItem .img img { width:100%; height: 270px;display: block; border-radius: 6px;}
.lyItem .img label,.lyItem2 .img label {position: absolute; background: #fff; display: inline-block; border-radius: 2px; padding:6px 8px; right:10px; top:10px; }
.lyItem .con {display:flex; flex-direction: column; flex: 6;overflow: hidden;}
.lyItem .con h3 {font-size: 24px; padding:15px 0; margin-bottom: 20px;}
.lyItem .con .dataBox {position: relative; display: flex; align-items: center; align-content:space-between;}
.lyItem .con .data {color: #34aabb; font-size: 16px; flex: 1; }

.dataBox .modification { cursor: pointer;}
.dataBox .dataCon{ display: none; position: absolute; left:0; top:0; z-index: 99; padding:20px; width:100%; border: 3px solid #e7e7e7; background: #fff;}
.dataBox .dataCon p {color: #999;}
.dataBox .dataCon ul { width:100%; display: flex; flex-wrap: wrap; }
.dataBox .dataCon li { width:29%; margin:12px 2.16%; background: #f5f5f5; text-align: center; padding:5px 0; cursor: pointer; }
.dataBox .dataCon li p {padding:0;font-size: 12px;margin-top:2px;}
.dataBox .dataCon .on { background: #34aabb; color: #fff;}
.dataBox .dataCon .on p {color: #fff;}
.dataBox .dataCon h4 {font-size: 18px; margin-bottom: 20px;}
.dataBox .dataCon .close { position: absolute; right:20px; top:20px; border: 1px solid #E4382C;color: #E4382C;padding:5px 10px;font-size: 14px;opacity: 1;}

.lyItem .con p { padding:10px 0; flex: 2; line-height: 1.5; font-size: 16px;}
.lyItem .con .bot {display: flex; align-items: center; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.lyItem .con .price { color: #f01a4b; font-size: 24px; flex: 1;}
.lyItem .con dl dt {width:80px;font-size: 15px;}
.lyItem .con dl dd {margin-left:90px;}
.lyItem .con .purchase {margin:0;color: #999; padding:10px 0;}
.lyItem .con .purchase .Notes {color: #999;}
.lyItem .payBox { color: #999;}
.lyItem .courseOther { display: flex; }
.lyItem .courseOther .priceBox { flex: 1; }
.lyItem .courseOther .zs { text-align: right; font-size: 16px; line-height: 21px; color: #666; }

.lyItem2 {background: #fff;border: 1px solid #ebebeb;margin-bottom: 20px;}
.lyItem2 .img { position:relative; }
.lyItem2 .img img { width:100%; display: block; }
.lyItem2 dd { padding:15px 20px; }
.lyItem2 .content_number { padding:5px 0; color: #999; }
.lyItem2 .content_number span {margin-right:5px;}
.lyItem2 .content_money {font-size: 24px; margin-bottom: 15px;}

.lyInfo h2 {font-size: 24px;}
.lyInfo h2::before {content: "";width: 4px; height: 24px;  background: #EA4E48; display: block; float: left; margin-top: 2px; margin-right: 8px;}
.lyInfo .tab-content { padding:20px 0; }
.lyInfo .tab-content h3 {margin-bottom: 15px;}
.lyInfo .tab-content p {margin-bottom: 15px; line-height: 1.5; font-size: 16px; color: #666;}
.lyInfo .tab-content img { display:block; max-width: 100%; margin-bottom: 20px;}
.lyInfo .tab-content li { line-height: 1.5; padding:5px 0; font-size: 16px; color: #666; }

.spotBox {padding-left:20px;}
.spotBox h3 {font-size: 24px;margin-bottom: 20px; color: #888;}
.spotBox dl {margin-bottom:30px;}
.spotBox dt { margin-bottom: 10px;}
.spotBox dt img {display: block; width:100%;}
.spotBox dd {font-size: 16px; color: #666;}


.courseList { overflow: hidden; width:103%;max-height: 125px; overflow: visible; overflow-y: scroll;margin:-10px 0 10px 0px; }
.courseList ul { margin:0 0 0 -2%; display: flex; flex-wrap: wrap; }
.courseList li { width:48%; margin:0 0 2% 10px; background: #f5f5f5; text-align: center; padding:5px 0; cursor: pointer; }
.courseList li h4 {font-size: 16px;margin-bottom: 3px;}
.courseList li.on {background: #34aabb; color: #fff;}
.courseList li .data2 {font-size: 12px;padding:0;}

.courseBox {padding:5px 0;}
.courseBox h2 {font-size: 24px; font-weight: bold;margin-bottom: 8px;}
.courseBox .everyone {font-size: 16px;}
.courseBox .con { padding:20px 0 0;}
.courseBox .con .info {font-size: 16px; line-height: 24px;color: #333;margin-bottom: 30px;}
.courseBox .con .data {color: #34aabb; font-size: 16px; margin-bottom: 15px;}
.courseBox .purchase {margin-bottom: 10px;}
.courseBox .total .price {color: #f01a4b; font-size: 28px;}

.risk {padding:20px;border: 1px solid #ccc; font-size: 12px; color: #666;}
.risk h4 {margin-bottom: 10px;}
.risk p { line-height: 20px}

.applyBox {margin-top:50px;}
.applyBox h3 {margin-bottom: 30px; font-size: 21px;}
.applyBox h3::before {content: "";width: 4px; height: 24px;  background: #EA4E48; display: block; float: left; margin-top: 1px; margin-right: 8px;}
.formList { display: flex; flex-wrap: wrap; }
.formList li {display: flex; align-items: center; padding:7px 15px 7px 0;}
.formList li .control-label { width:80px;color: #666}
.formList li .form-control { min-width:200px;flex: 1;}
.applyBox .form-group {margin-bottom: 20px;}
.applyBox .form-group .tit {font-size: 18px; font-weight: bold;margin-bottom: 10px;}

.totalBox { padding:10px 0; }
.applyBox .amount { font-size: 18px; }
.applyBox .c6 {font-size: 28px;}

/**表单选择**/

.checkbox-inline input[type=checkbox]{
	position: static;
	margin-left: 0;
}
th .checkbox-inline{
	margin-top: 0px;
}
.opacity{
	opacity: 0;
}

.col{
	background: #34AABB;
	border: none;
}

.Sole .cole{
	display: inline-block;
	margin-top: 28px;
}
.Sole .checkbox-inline{
	color: #000;
}
/**让图片上下左右居中**/

.table .content_img > span{
	height: 100%;
	width: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.pur-content{
	font-size: 14px;
	color: #222222;
}
.pur-tabel{
	margin-top: 5px;
	font-size: 12px;
	color: #9B9B9B;
}
.pur-tabel span{ margin-right:10px; }
.pur_money{
	margin-top: 3px;
}
.pur_font{
	font-size: 12px;
	color: #222222;
	line-height: 22px;
	cursor: pointer;
}
.whole_font{
	display: block;
	font-size: 14px;
	color: #222222;
}
.pur_hover:hover{
	color: #ED4358;
}

.sing{
	margin-top: 25px;
}
/***数量**/

.pur_bottom{
	/*border-top: 1px solid #ececec;*/
	padding-right: 15px;
	overflow: hidden;
}
.pull_inline{
	display:inline-block;
	margin-top: 28px;
	font-size: 14px;
	color: #4A4A4A;
	padding:0 10px;
}
.pull_block{
	display: block;
	margin-top: 10px;
}
.pull_block2{
	display: block;
	margin-top: 20px;
	font-size: 18px;
	color: #222222;
}
.pull_block3{
	margin-top: 80px;
	padding-right: 40px;
}
.pull_block2 > span{
	font-size: 30px;
	color: #E4382C;
	line-height: 25px;
}
.money_pur{
	font-size: 18px;
	color: #EB534D;
}
.jiesaun{
	padding: 10px 30px;
	text-align: center;
	color: #fff;
	background: #E4382C;
	cursor: pointer;
}
/****************收货地址****************/
.address{
	padding: 30px;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	margin-top: 39px;
}
.address .address_name{
	font-size: 18px;
	color: #222222;
	line-height: 32px;
}
.address .replace{
	padding: 5px;
	border: 1px solid #9B9B9B;
	font-size: 12px;
	color: #9B9B9B;
	cursor: pointer;
}

.ctroller{
	width: 90px;
	height: 90px;
	border: 1px solid #ECECEC;
}

.ctroller >span{
	height: 100%;
	width: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
.give-over{
	margin-top: 20px;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

.zhifu{
	margin-top: 40px;
}
.pur-left{
	font-size: 15px;
	color: #9B9B9B;
	margin-top: 10px;
}
.pur-right{
	padding: 12px 15px;
	background: #E4382C;
	font-size: 15px;
	color: #FFFFFF;
}
.pur-right:hover{
	color: #fff;
}
/************************其他费用明细***************************/
.limit_cost{
	margin-top: 30px;
}
.bor_money{
	border: 1px solid #ececec;
	padding: 0;
}
.pur_name{
	padding: 10px 15px;
	background-color: #F8F8F8;
}
.right_name{
	padding:10px 0;
	border-left: 1px solid #EFEFEF;
}
.right_name > div{
	padding: 0 40px;
}
.left_name > p{
	font-size: 12px;
	color: #555555;
	line-height: 40px;
}
.zong_fei{
	padding: 10px 0;
	font-size: 16px;
	color: #222222;
}
.pad_border{
	border: none;
}
/****************海外付款采购明细***************/
.table-bordered th{
	font-size: 12px;
	color: #555555;
	text-align: center;
	background-color:  #F8F8F8;
}
.table-bordered td{
	font-size: 12px;
	color: #555555;
	text-align: center;
}
/********************支付成功页面**********************/
.pay_success{
	border: 1px solid #E2E2E2;
	padding: 90px 346px;
	margin-top: 40px;
}
.pay_success .pay_ok{
	font-size: 32px;
	color: #0B0E3B;
	margin-left: 5px;
}
.min-over{
	width: 180px;
	height: auto;
	margin: 0 auto;
}
.text-font{
	font-size: 18px;
	color: #000000;
	margin: 26px 0;
}
.text-font2{
	font-size: 14px;
	color: #666666;
}
.pay_success .oper_size{
	padding: 15px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #666666;
	margin: 20px 0 0 40px;
}
.pay_success .oper_more{
	padding: 15px 47px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #666666;
	margin: 20px 0 0 40px;
}
/*******************支付失败*************************/
.pay_success .oper_more2{
	padding: 15px 47px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #666666;
	width: 192px;
	display: block;
	margin: 20px auto 0 auto;
}
.pay_success .pay_err{
	font-size: 32px;
	color: #E4382C;
	margin-left: 5px;
}
/*********更多产品********/
.more_product{
	margin-top: 30px;
}
.more_product .border-min{
	width: 23.6%;
	border: 1px solid #EBEBEB;
	padding: 10px 0;
}