﻿button{outline:none;border:0}
.header .classify:hover .classify_list{display:block}
.header .classify_list{width: 230px;background: #fff;/*position: absolute;top:50px;*/float: left;height: 394px;position:relative;z-index: 10;display:none}
.header .classify_list .first{padding: 0px 12px;background: url(../images/icon-arrow.png) 212px center no-repeat;}
.header .classify_list .p1{font-size: 14px;color: #333333;line-height: 26px;}
.header .classify_list .p2 a{font-size: 14px;color: #333333;padding: 0px 7px 0px 0px;}
.header .classify_list .first:hover{background-color: #fdefef;}
.header .classify_list .p2 a:hover{font-weight: bold;}
.header .classify_list dd {/* position:relative; */}
.header .classify_list dd .two{position:absolute;top:0px;left:230px;background:#fff;width: fit-content;z-index: 999999999;min-width: 300px;padding: 20px;display:none;height: 100%;box-sizing: border-box;box-shadow: 1px 1px 3px 1px rgba(223,223,223,0.4);padding: 30px 10px 30px 40px;width: 800px;}
.header .classify_list dd .two .name{font-size: 16px;margin: 0px 0px 20px 0px;}
.header .classify_list dd .two a{font-size: 14px;color: #777777;/* padding: 0px 7px 0px 0px; */line-height: 20px;width: 105px;display: inline-block;padding: 5px 0;vertical-align: top;width: 300px;}
.header .classify_list dd .two a:nth-child(2n){margin-right: 34px;}
.header .classify_list dd:hover .two{display:block;}
.header .classify_list dd .two a:hover{color:#d61519;}

.zbanner{width: 100%;height: 436px;position: relative;}
.zbanner .Img{height: 100%;}
.zbanner .Text{background-color: rgba(0,0,0,.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.zbanner .Text .center{padding-left: 170px;box-sizing: border-box;}
.zbanner .Text p{font-size: 36px;margin: 125px 0 34px;color: #fff;}
.zbanner .Text .detail{font-size: 14px;color: #fff;}


.aboutBox .info{margin: 70px 0;color: #333;line-height: 2.5;}
.aboutBox ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 160px;}
.aboutBox ul li{width: 400px;display: flex;flex-wrap: wrap;}
.aboutBox ul li:nth-child(2n){flex-direction: column-reverse;}
.aboutBox ul li>div{width: 100%;}
.aboutBox ul li .Img{height: 326px;overflow: hidden;}
.aboutBox ul li .Img img{transition: all 0.5s ease-in-out}
.aboutBox ul li .Text{/* height: 184px; */padding: 30px 58px;background: #e3e3e3;box-sizing: border-box;}
.aboutBox ul li .Text p{font-size: 18px;color: #d61519;}
.aboutBox ul li .Text .summary{color: #888888;font-size: 14px;margin: 12px 0 22px;}
.aboutBox ul li .Text i{font-family: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·";font-size: 30px;color: #d61519;}
.aboutBox ul li:hover img{transform: scale(1.2);}


.employBg{background: #f4f4f4;}
.employBox>p{margin: 65px 0 13px;font-size: 18px;color: #000;}
.employBox ul{margin-bottom: 130px;}
.employBox ul li .row{ height: 73px;width: 1200px;display: flex;flex-wrap: wrap;padding-left: 72px;border-bottom: 1px solid #d7d7d7;box-sizing: border-box;}
.employBox ul li .row p{line-height: 73px;}
.employBox ul li .row p:nth-child(1){width: 546px;}
.employBox ul li .row p:nth-child(2){width: 196px;}
.employBox ul li .row p:nth-child(3){width: 196px;}
.employBox ul li .row p:nth-child(4){width: 186px;}
.employBox ul li .row p span{line-height: 20px;font-size: 14px;vertical-align: middle;display: inline-block;}
.employBox ul li .row p i{display:inline-block;width:16px;height:7px;background:url(../images/employArrow.png) center center no-repeat;margin-left:60px;transform:rotate(180deg)}
.employBox ul li:first-child .row{background: #f9f9f9;height: 60px;border-bottom: 1px solid #e4e4e4;width: 1200px;display: flex;flex-wrap: wrap;padding-left: 72px;box-sizing: border-box;}
.employBox ul li:first-child p{line-height: 60px;}
.employBox ul li:first-child p span{font-size: 18px;}
.employBox ul li.active,.employBox ul li:hover{background: #f9f9f9;}
.employBox ul li.active .row p i{transform:rotate(0deg)}
.employBox ul li .row .applicationBtn{width: 90px;height: 30px;line-height: 30px;background: #d61519;color: #fff;text-align: center;border-radius: 7px;cursor:pointer;position: relative;}
.employBox .employMsg{display:none;border-bottom: 1px solid #d7d7d7;padding:45px 70px 30px;background:#f4f4f4}
.employBox .employMsg .box{display:flex;flex-wrap:wrap;}
.employBox .employMsg .box>div{width:530px;}
.employBox .employMsg .box>div>p{font-size:18px;color:#202020;line-height:24px;margin-bottom:20px}
.employBox .employMsg .info{color:#747474;font-size:14px;line-height:1.5}

.pages{margin-bottom: 130px;text-align:center;}
.pages a,.pages span{width: 40px;height: 38px;text-align: center;line-height: 38px;display: inline-block;border: 1px solid #d5282c;border-radius: 3px;box-sizing: border-box;margin: 0 7px;color: #d5282c;background: #fff;}
.pages span.current,.pages a:hover{background:#d5282c;color:#fff}

.tanchuang{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.3);top: 0;left: 0;display:none}
.tanchuang .box{top: calc(50% - 150px);left: calc(50% - 180px);width: 360px;height: 300px;position: absolute;background: url(../images/tanchuang.png) center center no-repeat;padding-top: 157px;box-sizing: border-box;text-align:center;padding-right:20px;}
.tanchuang .box .tanMsg{font-size:18px;}
.tanchuang .box a{width:192px;height:37px;line-height: 37px;background:#d5282c;color:#fff;display:inline-block;border-radius:30px;margin-top:15px;font-size: 16px;}


.location{margin: 28px 0 23px;}
.location a{font-size: 14px;color: #777777;}
.location span{margin: 0 5px;font-size: 14px;color: #777777;}

.newsList ul{margin-bottom:115px}
.newsList ul li a{display: flex;line-height: 60px;padding-top: 8px;border-bottom: 1px dashed #d4d4d4;font-size: 16px;}
.newsList ul li p{width: 1080px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 20px;box-sizing: border-box;font-size: 16px;}
.newsList ul li .time{width: 106px;font-size: 16px;}
.newsList ul li:hover p,.newsBox ul li:hover .time{color:#d5282c}

.newsInfo{padding: 60px 0 230px;}
.newsInfo>p{color: #333;font-size: 20px;text-align: center;}
.newsInfo>.author{color: #666;font-size: 14px;text-align: center;line-height: 40px;}
.newsInfo .info{font-size: 14px;color: #666;margin-top: 50px;line-height: 50px;}
.newsInfo .info img{max-width: 100%;}
.newsInfo .info .pro_table{background:#fff;width: 1000px;/* background: #f1f1f1; *//* box-shadow: 0 0 BLACK; */}
.newsInfo .info .pro_table .f_tr>th,.newsInfo .info .pro_table .t_tr td{border-left:1px solid #efefef}
.newsInfo .info .pro_table .f_tr>th:first-child{width: 300px;padding: 0px 0px 0px 30px;line-height: 60px;border:0}
.newsInfo .info .pro_table .f_tr>th:nth-child(2){width: 100px;text-align:center}
.newsInfo .info .pro_table .f_tr>th:nth-child(3){width: 100px;text-align:center}
.newsInfo .info .pro_table .f_tr>th:nth-child(4){width: 100px;text-align:center}
.newsInfo .info .pro_table .f_tr>th:nth-child(5){width: 100px;}
.newsInfo .info .pro_table tr td{background:#fff}
.newsInfo .info .pro_table .t_tr td{text-align:center;border-top:1px solid #efefef}
.newsInfo .info .pro_table .t_tr td:nth-child(1){text-align:left;padding-left:30px}

.helpBg{background: #eef0f5;}
.helpbanner .Text{background-color: rgba(13,24,43,.94);}
.helpbanner .Text .center{width: 440px;background: url(../images/helpBg.png) right top no-repeat;padding-left: 0;}
.helpbanner .Text p{font-size: 36px;margin-top: 160px;line-height: 48px;margin-bottom: 23px;}
.helpbanner .Text p span{color: #d61519;font-size: 48px;font-family: arial;vertical-align: middle;}
.helpbanner .Text .detail{font-size: 18px;}

.helpMenu{background: #fff;overflow: hidden;height: 66px;}
.helpMenu .center{display: flex;padding: 0 155px;justify-content: space-between;box-sizing: border-box;}
.helpMenu a{line-height: 66px;padding: 0 9px;font-size: 18px;color: #333333;box-sizing: border-box;height: 66px;}
.helpMenu a.active,.helpMenu a:hover{font-weight: bold;border-bottom: 2px solid #d61519;}
.helpBox{padding-top: 40px;margin-bottom: 140px;}
.helpBox>p{font-size: 18px;color: #333;padding-left: 35px;background: url(../images/helpIcon1.png) left center no-repeat;font-weight: bold;}
.helpBox .info{font-size: 14px;color: #333333;padding: 20px 35px;line-height: 2;}
.helpBox .info img{margin: 15px 0;border-radius: 7px;}


.contactbanner .Text{background: rgba(0,0,0,.52);text-align: center;}
.contactbanner .Text .center{padding-left: 0;}
.contactbanner .Text p{font-size: 30px;}
.contactbanner .Text .detail{font-size: 16px;}
.contactInfo{background:#fff;width: 987px;/* height: 488px; */position: relative;top: -60px;left: 108px;box-shadow: 0px 9px 42px rgb(0,0,0,.18);margin-bottom: 160px;border-radius: 4px;display: flex;overflow: hidden;}
.contactInfo form{padding: 40px 35px;width: 595px;box-sizing: border-box;}
.contactInfo form>p{font-size: 24px;color: #333;line-height: 40px;margin-bottom: 25px;}
.contactInfo dl{display: flex;flex-wrap: wrap;}
.contactInfo dl dd{width: 240px;margin-right: 39px;margin-bottom: 25px;}
.contactInfo dl dd:nth-child(2n){margin-right: 0;}
.contactInfo dl dd:nth-child(4n),.contactInfo dl dd:nth-child(3n),.contactInfo dl dd:last-child{width: 100%;margin-right: 0;}
.contactInfo dl dd p{font-size: 18px;color: #8f8f8f;line-height: 30px;}
.contactInfo dl dd input{width: 100%;height: 27px;border-bottom: 1px solid #e4e4e4;}
.contactInfo input[name=Code]{width: 200px;height: 27px;border-bottom: 1px solid #e4e4e4;/* margin:0 30px */margin-right: 20px;}
.contactInfo dl dd textarea{width: 100%;height: 50px;border:0;border-bottom: 1px solid #e4e4e4;resize:none;margin-top: 5px;}
.contactInfo input[type=submit]{background-image: linear-gradient(to right, #dd5515 , #cf171b);width: 168px;height: 45px;border-radius: 30px;color: #fff;text-align:center;font-size: 20px;box-shadow: 0px 7px 20px 0px rgb(1,162,214,.34);cursor: pointer;line-height: 45px;}
.contactInfo .contactMsg{width: 393px;background: #262626;padding: 53px 43px 40px 34px;box-sizing: border-box;}
.contactInfo .contactMsg>p{font-size: 17.8px;color: #fff;margin-bottom: 42px;}
.contactInfo .contactMsg>p span{color: #5e5e5e;font-family: "Myriad Pro";margin-left: 15px;}
.contactInfo .contactMsg .row{position:relative;padding-left: 30px;font-size: 16px;color: #fff;margin-bottom: 35px;line-height: 1.5;}
.contactInfo .contactMsg .row:after{position: absolute;content:"";width: 30px;height: 30px;left: 0;top: 0;background: url(../images/contactIcon.png) top left no-repeat;}
.contactInfo .contactMsg .row:nth-of-type(2)::after{background-position: 0px -82px;}
.contactInfo .contactMsg .row:nth-of-type(3)::after{background-position: 0px -140px;}
.contactInfo .contactMsg .row:nth-of-type(4)::after{background-position: 0px -192px;}

/*ÃƒÂ¤Ã‚ÂºÃ‚Â§ÃƒÂ¥Ã¢â‚¬Å“Ã‚ÂÃƒÂ§Ã¢â‚¬ÂºÃ‚Â®ÃƒÂ¥Ã‚Â½Ã¢â‚¬Â¢*/
.probanner .Text{background: none;}
.probanner .Text .center{padding-left: 80px;}
.probanner .Text .detail{font-size:18px;line-height:2}
.proTitle{background: #fff;text-align: center;overflow: hidden;padding-bottom: 30px;}
.proTitle p{margin: 25px 0 20px;font-size: 24px;color: #d61519;display: inline-block;padding-left: 35px;background: url(../images/proIcon.png) left center no-repeat;}
.proTitle span{font-size: 14px;color: #777777;display: block;}
.proBox{padding: 38px 0 250px;}
/* .proBox ul{position: relative;} */
.proBox .item{/* float:left; */width: 390px;padding: 30px 24px 24px;box-sizing: border-box;background: #fff;margin-right: 9px;margin-bottom: 9px;/* position: absolute; */}
.proBox .item p{font-size: 16px;color: #333333;margin-bottom: 15px;font-weight: bold;}
.proBox .item a{font-size: 14px;color: #666666;display: block;line-height: 27px;}
.proBox .item span{width: 20px;height: 12px;display: inline-block;background: url(../images/proArrow.png) 0px -23px no-repeat;/*transition:all .2s ease-in-out */}
.proBox .item:nth-child(3n){margin-right: 0;}
.proBox .item a:hover span{background: url(../images/proArrow.png) 0px 4px no-repeat;}
.wall-column{display:block;position:relative;width: 33.3333%;float:left;padding:0 12px;box-sizing:border-box;}
@media(max-width:640px){
    .wall-column{width:50%}
}
@media(max-width:480px){
    .wall-column{width:auto;float:none}
}


/*ÃƒÂ¤Ã‚ÂºÃ‚Â§ÃƒÂ¥Ã¢â‚¬Å“Ã‚ÂÃƒÂ¦Ã‚ÂÃ…â€œÃƒÂ§Ã‚Â´Ã‚Â¢ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨*/
.proSearch{background: #fff;}
.proSearchCon{display: flex;justify-content: space-between;align-items: baseline;}
.proSearchCon .left{width: 234px;padding: 18px 15px 18px 18px;box-sizing: border-box;background: #f6f7ff;margin: 25px 0 20px;}
.proSearchCon .left>p{font-size: 16px;color: #333333;}
.proSearchCon .left dl dd{margin-top: 20px;}
.proSearchCon .left dl dd .first p{color: #333333;font-size: 16px;font-weight: bold;line-height: 25px;padding-left: 20px;position: relative;cursor: pointer;}
.proSearchCon .left dl dd .first p:after{content: "";position: absolute;left: -5px;width: 25px;height: 25px;background: url(../images/proinfoIcon.png) center center no-repeat;transform: rotate(-90deg);/* background-size: 48%; */top: 0;}
.proSearchCon .left dl dd.active .first p:after{transform: rotate(0deg);}
.proSearchCon .left dl dd .second{padding-top: 3px;display: none;}
.proSearchCon .left dl dd .second a{font-size: 14px;color: #333;display: block;line-height: 20px;position: relative;padding: 3px 0 3px 20px;}
.proSearchCon .left dl dd .second span{width: 9px;height: 8px;/* display: inline-block; */background: url(../images/proinfoArrow.png) 0px -25px no-repeat;/* transition:all .2s ease-in-out; */position: absolute;left: 2px;top: 9px;/* background-size: 9px; */}
.proSearchCon .left dl dd .second a:hover span{background: url(../images/proinfoArrow.png) 0px 0px no-repeat;}
.proSearchCon .left dl dd .second a:hover{color:#d61519}
.proSearchCon .left dl dd .second a.on span{background: url(../images/proinfoArrow.png) 0px 0px no-repeat;}
.proSearchCon .left dl dd .second a.on{color:#d61519}
.proSearchCon .right{width: 952px;}
.proSearchCon .right .location{margin-top: 23px;}
.proSearchList{width:100%;padding-bottom: 80px;}
.pro_table{width: 952px;/* border: 1px solid #e7eaec; *//* display: block; */position:relative;box-shadow: 0 0 5px 1px rgba(0,0,0,0.08);}
.pro_table .f_tr{width:100%;height: 60px;/* display: block; */background: #f6f7ff;text-align: left;}
.pro_table .f_tr>th{font-size:14px;font-weight: bold;color: #333333;line-height: 44px;/* border-right: 1px solid #efefef; */padding: 0px 0px 0px 10px;text-align:left;box-sizing: border-box;margin-right: 6px;}
.pro_table .f_tr>th:first-child{width: 120px;padding: 0px 0px 0px 10px;line-height: 60px;}
.pro_table .f_tr>th:nth-child(2){width: 175px;}
.pro_table .f_tr>th:nth-child(3){width: 65px;}
.pro_table .f_tr>th:nth-child(4){width: 113px;}
.pro_table .f_tr>th:nth-child(5){width: 120px;}
.pro_table .f_tr>th:nth-child(6){width: 65px;}
.pro_table .f_tr>th:nth-child(7){width: 65px;}
.pro_table .f_tr>th:nth-child(8){width: 40px;}
.pro_table .f_tr>th:nth-child(9){width: 57px;text-align:center;padding: 0;}
.pro_table .f_tr>th:last-child{width: 60px;border-right: 0;text-align:center;padding: 0;}
.pro_table tr td{padding: 0 5px 0 9px;box-sizing:border-box;padding-right: 0;}
.pro_table tbody tr:nth-child(2n){background-color:#f2f2f2}
.youhuijia a{color:#d61519}
.shuliang .number_add input{width:28px;height:40px;border:1px solid #cccccc;text-align: center;float: left;box-sizing: border-box;color: #000000;font-size: 14px;font-family: arial;}
.shuliang .number_add a{width: 19px;height:20px;text-align:center;display:inline-block;border: 1px solid #cccccc;border-left: 0;box-sizing:border-box;line-height: 18px;}
.shuliang .number_add a.del{border-bottom:0;}
.pro_table tr .gouwuche{text-align:center;line-height:60px;padding:0}
.gouwuche a{display:inline-block;width:22px;height:22px;background:url(../images/che.png) center center no-repeat;vertical-align: middle;}

.addTrolley{position: fixed;background: rgba(0,0,0,0.4);top: 0;left: 0;width: 100vw;height: 100vh;display: none;}
.dhSuccess .box,.dhFailure .box{width: 355px;height: 242px;position: absolute;top: calc(50% - 121px);left: calc(50% - 178px);background: #fff;border-radius: 10px;}
.addTrolley .trolleyTrueCon{width: 355px;height: 242px;position: absolute;top: calc(50% - 121px);left: calc(50% - 178px);background: #fff;border-radius: 10px;}
.addTrolley .trolleyTrueCon .Img{margin: -40px 0 0 110px;position: relative;}
.addTrolley .trolleyTrueCon .closeBtn{position: absolute;width: 28px;height: 28px;display: block;right: 15px;top: 94px;background: url(../images/close.png) center center no-repeat;cursor: pointer;}
.addTrolley .trolleyTrueCon>p{margin: 35px 0;font-size: 22px;text-align: center;}
.addTrolley .trolleyTrueCon .btnBox{text-align: center;}
.addTrolley .trolleyTrueCon .btnBox a{width: 135px;height: 40px;line-height: 40px;text-align: center;display: inline-block;color: #d61519;border:1px solid #d61519;border-radius: 30px;font-size: 18px;}
.addTrolley .trolleyTrueCon .btnBox a:first-child{margin-right: 14px;}
.addTrolley .trolleyTrueCon .btnBox a.active{color: #fff;background: #D61519;}

/*ÃƒÂ¤Ã‚ÂºÃ‚Â§ÃƒÂ¥Ã¢â‚¬Å“Ã‚ÂÃƒÂ§Ã‚Â¼Ã‚Â©ÃƒÂ§Ã¢â‚¬Â¢Ã‚Â¥ÃƒÂ¨Ã‚Â½Ã‚Â®ÃƒÂ¦Ã¢â‚¬â„¢Ã‚Â­ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¾ÃƒÂ¥Ã‚Â¤Ã‚Â§ÃƒÂ©Ã¢â‚¬Â¢Ã…â€œ*/
.proInfo{background:#eef0f5}
.proInfo .location{margin-bottom:20px}
.proTop{display: flex;justify-content: space-between;padding: 20px 26px 76px;box-sizing: border-box;border: 1px solid #e0e0e0;background: #fff;margin-bottom: 22px;}
.imgCon{/* background:#f1f1f1; */width: 432px;position: relative;}
.imgCon .swiper-slide{/* width: 330px!important; */height:330px;line-height:330px;text-align:center;}
.imgCon .Img{width:100%;height:100%;position: absolute;top:0;z-index: 999;}
.imgCon .swiper-slide img,.imgCon .Img img{vertical-align:middle;max-width:100%;max-height:100%}
#smallBox{width:100%;height: 410px;text-align:center;line-height:330px;overflow: hidden;position: relative;border: 1px solid #e9e9e9;box-sizing: border-box;}
#smallBox img{max-width:100%;max-height:100%;position: relative;height: 100%;}
#smallBox.other img{height:auto;width:100%}
.bigBox{overflow: hidden;/* display:none; */position: absolute;left: calc(100% + 2px);top: 0;height: 410px;width: 432px;text-align: center;z-index: 2;}
.bigBox #BImg{position: absolute;left:0;top:0;width: 864px;height: 820px;max-width: none;/* background: #f1f1f1; */line-height: 820px;}
.bigBox #BImg img{max-height: 100%;height: 100%;}
#smallBox.other+.bigBox #BImg img{height:auto;width:100%}
#mask,.mask{position: absolute;left: 0;top: 0;width: 216px;height: 205px;background: #ccc;opacity: 0.3;/* display:none; */}
.li_slide{width:100%;height: 70px;margin-top: 48px;position: relative;}
.li_slide .swiper-container{width: 320px;}
.li_slide .swiper-slide{width: 66px;height: 66px;line-height: 66px;/* border:1px solid #d7d7d7; */box-sizing:border-box;text-align:center;overflow:hidden;box-sizing:border-box}
.li_slide .swiper-slide.active{/* background:#e5e5e5; */border:0;border: 1px solid #efa1a3;border-radius: 5px;}
.li_slide .swiper-slide.active img{max-height:100%}
.li_slide .swiper-slide img{max-height:calc(100% - 28px);max-width:100%;transition:all .5s ease-in-out}
.li_slide .swiper-button-next{right:4px;width:10px;background-size: 9px;background: url(../images/proPrev.png) right center no-repeat;width:33px;height:33px;outline:unset;margin-top: -15px;}
.li_slide .swiper-button-prev{left:4px;width:10px;background-size: 9px;background: url(../images/proPrev.png) left center no-repeat;width:33px;height:33px;outline:unset;margin-top: -15px;}

.proMsg{width:690px}
.proMsg>p.title{font-size:22px;color:#333333;line-height:33px;font-weight:bold;margin-top:7px}
.proMsg .summary{font-size:16px;color:#999999;margin:14px 0 20px}
.proMsg .jiageBox{width:100%;height:124px;background:#f5f5f5;padding: 27px 12px;box-sizing:border-box;}
.proMsg .jiageBox p{line-height:20px;font-size:14px;color:#666666;letter-spacing: 7px;margin-bottom: 20px;}
.proMsg .jiageBox span{letter-spacing:0}
.proMsg .jiageBox p:first-child span{text-decoration: line-through;color:#666}
.proMsg .jiageBox p:last-child span{color:#d61519;margin-left:10px;font-size:20px}
.proMsg .jiageBox p:last-child span i{font-size:30px;color:#d61519;}
.proMsg .service{padding:18px 0 10px;border-bottom:2px solid #e5e5e5;line-height:22px;margin-left:10px;width: 100%;display:flex;}
.proMsg .service label{font-size: 12px;color: #666666;letter-spacing: 1px;margin-right: 8px;}
.proMsg .service span{display:inline-block;padding-left:28px;margin-right:23px;font-size: 12px;color: #666666;}
.proMsg ul{padding:20px 0 40px;margin-left:10px;display:flex;flex-wrap:wrap;}
.proMsg ul li{line-height: 33px;width:337px;color:#666666;position:relative;}
.proMsg ul li span{color:#000000;position:absolute;left:90px}
.proMsg .goumaiBox{display:flex;}
.proMsg .number_add{width:66px;height:48px;}
.proMsg .number_add input{width:43px;height:48px;border:1px solid #cccccc;text-align: center;float: left;box-sizing: border-box;color: #5e5e5e;font-size: 18px;font-family: arial;}
.proMsg .number_add a{width: 22px;height:24px;text-align:center;display:inline-block;border: 1px solid #cccccc;border-left: 0;box-sizing:border-box;line-height: 18px;float:left}
.proMsg .number_add a.del{border-bottom:0;}
.proMsg .goumaiBox button{display: inline-block;width:157px;height:48px;line-height:48px;text-align:center;margin-left:11px;border:1px solid #d61519;font-size:18px;color:#d61519;border-radius:5px;background:#fff;outline: none;}
.proMsg .goumaiBox button:last-of-type{color:#fff;background:#d61519}
.cart-info{position: fixed;background: rgba(0,0,0,0.4);top: 0;left: 0;width: 100vw;height: 100vh;/* display: none; */z-index: 1000;}
.cart-info .msg{width: 355px;height: 242px;position: absolute;top: calc(50% - 121px);left: calc(50% - 178px);background: #fff;border-radius: 10px;height: 180px;top: calc(50% - 90px);}
.cart-info .msg strong{margin: 45px 0 35px;font-size: 22px;text-align: center;display: block;font-weight: 500;}
.cart-info .msg a{width: 135px;height: 40px;line-height: 40px;text-align: center;display: inline-block;color: #d61519;border:1px solid #d61519;border-radius: 30px;font-size: 18px;}
.cart-info .msg a:first-of-type{margin-right: 14px;margin-left:30px;background: #d61519;color:#fff}
.cart-info .msg .close{position: absolute;width: 28px;height: 28px;display: block;right: 10px;top: 10px;background: url(../images/close.png) center center no-repeat;cursor: pointer;}

.proBottom{display: flex;justify-content: space-between;margin-bottom: 85px;}
.proBottom .left{width: 260px;background: #fff;padding: 13px 14px;box-sizing: border-box;}
.proBottom .left>p{font-size: 16px;color: #5e5e5e;}
.proBottom .left ul li{margin: 30px 0 20px;}
.proBottom .left ul li .Img{width: 110px;height: 110px;margin-left: 55px;border: 1px solid #e4e4e4;line-height: 110px;text-align: center;overflow: hidden;}
.proBottom .left ul li .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;transition:all .35s ease-in-out}
.proBottom .left ul li .Text{margin-top: 25px;}
.proBottom .left ul li .Text p{font-size: 14px;color: #333333;line-height: 22px;height: 44px;overflow: hidden;transition:all .35s ease-in-out}
.proBottom .left ul li .Text .price{line-height: 36px;font-size: 14px;color: #999999;}
.proBottom .left ul li .Text .price span{font-size: 18px;color: #d61519;vertical-align: top;}
.proBottom .left ul li:hover .Img{border:1px solid #d61519}
.proBottom .left ul li:hover img{transform:scale(1.1)}
.proBottom .left ul li:hover p{font-weight:bold}
.proBottom .right{width: 920px;background: #fff;}
.proBottom .right .tab{height: 55px;border-bottom: 1px solid #e4e4e4;padding-left: 24px;}
.proBottom .right .tab i{line-height: 54px;font-size: 18px;color: #333333;display: inline-block;margin-right: 47px;cursor:pointer}
.proBottom .right .tab i.active,.proBottom .right .tab i:hover{border-bottom: 2px solid #d61519;color: #D61519;}
.proBottom .right .tabCon{padding: 24px 24px 60px;line-height: 2;font-size:14px;color:#333333}



/*ÃƒÂ§Ã‚Â§Ã‚Â¯ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ¥Ã¢â‚¬Â¦Ã¢â‚¬ËœÃƒÂ¦Ã‚ÂÃ‚Â¢*/
.intebanner .Text .center{padding-left: 120px;margin-top: 150px;}
.inteList{margin-top: 20px;}
.inteList>p{font-size: 18px;color: #333;margin-bottom: 20px;}
.inteList ul{display: flex;flex-wrap: wrap;margin-bottom: 70px;}
.inteList ul li{width: 390px;height: 377px;margin-right: 15px;background: #fff;margin-bottom: 15px;}
.inteList ul li:nth-child(3n){margin-right: 0;}
.inteList ul li .Img{height: 220px;width: 100%;line-height: 220px;overflow: hidden;text-align: center;}
.inteList ul li .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.inteList ul li .Text{padding-left: 30px;}
.inteList ul li .Text p{line-height: 27px;color: #333;margin-bottom: 15px;}
.inteList ul li .Text span:nth-of-type(1){color: #d61519;font-size: 20px;}
.inteList ul li .Text span:nth-of-type(1) i{font-size: 14px;color: #d61519;}
.inteList ul li .Text span:nth-of-type(2){color: #777;margin-left: 20px;}
.inteList ul li a{display: block;margin: 26px auto 0;width: 128px;height: 38px;line-height: 38px;text-align: center;color: #d61519;border:1px solid #D61519;box-sizing: border-box;}
.inteList ul li a:hover{background: #D61519;color: #fff;}
/*ÃƒÂ§Ã‚Â§Ã‚Â¯ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ¥Ã¢â‚¬Â¦Ã¢â‚¬ËœÃƒÂ¦Ã‚ÂÃ‚Â¢ÃƒÂ¨Ã‚Â¯Ã‚Â¦ÃƒÂ¦Ã†â€™Ã¢â‚¬Â¦*/
.inteInfo{background: #fff;padding: 40px 30px 50px 40px;margin-bottom: 147px;}
.inteTop{display: flex;justify-content: space-between;margin-bottom: 60px;}
.inteTop .Img{width: 388px;height: 376px;border: 1px solid #ebebeb;overflow: hidden;text-align: center;line-height: 376px;}
.inteTop .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.inteTop .inteMsg{width: 720px;}
.inteTop .inteMsg>p{font-size: 18px;color: #333333;padding: 8px 0;}
.inteTop .inteMsg .jiageBox{width: 100%;height: 127px;background: #f5f5f5;overflow: hidden;padding-left: 20px;box-sizing: border-box;}
.inteTop .inteMsg .jiageBox p{margin: 20px 0 7px;color: #333;font-size: 14px;}
.inteTop .inteMsg .jiageBox p:first-child span{font-size: 18px;}
.inteTop .inteMsg .jiageBox p:first-child a{color: #5f76ac;margin-left: 18px;}
.inteTop .inteMsg .jiageBox p:last-child span{font-size: 24px;}
.inteTop .inteMsg .duihuanBox{margin: 65px 0 40px 4px;text-align: center;line-height: 42px;}
.inteTop .inteMsg .duihuanBox .number_add{display: flex;}
.inteTop .inteMsg .duihuanBox input{width: 58px;height: 42px;font-size: 18px;color: #777777;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;text-align: center;}
.inteTop .inteMsg .duihuanBox a{width: 32px;height: 42px;font-size: 18px;color: #777777;border: 1px solid #dbdbdb;display: block;}
.inteTop .inteMsg button{display: block;width: 126px;height: 38px;background: #d61519;color: #fff;text-align: center;line-height: 38px;outline:none;border:0}
.inteBottom{width: 1120px;border: 1px solid #ebebeb;}
.inteBottom>p{height: 50px;background: #eeeeee;border-bottom: 1px solid #d61519;}
.inteBottom>p span{display: inline-block;width: 180px;line-height: 50px;background: #D61519;text-align: center;color: #fff;font-size: 18px;}
.inteBottom .info{padding: 40px 50px 106px 50px;}
.inteBottom .info img{max-width: 100%;}
/*ÃƒÂ§Ã‚Â§Ã‚Â¯ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ¥Ã¢â‚¬Â¦Ã¢â‚¬ËœÃƒÂ¦Ã‚ÂÃ‚Â¢ÃƒÂ§Ã‚Â¡Ã‚Â®ÃƒÂ¨Ã‚Â®Ã‚Â¤ÃƒÂ¨Ã‚Â®Ã‚Â¢ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¢*/
.intePay .shouhuoBox{padding: 20px 10px 20px 40px;background: #fff;box-shadow: 0 0 18px rgb(171,182,209,.27);}
.intePay .shouhuoBox>p{font-size: 18px;color: #333333;line-height: 33px;margin-bottom: 5px;}
.intePay .shouhuoBox ul{display: flex;flex-wrap: wrap;}
.intePay .shouhuoBox ul li{position:relative;width: 278px;height: 118px;border: 2px solid #dadada;padding:0 14px;box-sizing: border-box;margin-right: 11px;margin-bottom: 10px;height: 90px;}
.intePay .shouhuoBox ul li:nth-child(4n){margin-right: 0;}
.intePay .shouhuoBox ul li p{padding: 10px 0 8px;border-bottom: 1px solid #f0f0f0;}
.intePay .shouhuoBox ul li p span{font-size: 12px;}
.intePay .shouhuoBox ul li p span:first-child{margin-right: 45px;}
.intePay .shouhuoBox ul li .address{padding: 5px 0;line-height: 16px;font-size: 12px;height: 32px;overflow: hidden;}
.intePay .shouhuoBox ul li .caozuo{display: none;position: absolute;bottom: 7px;}
.intePay .shouhuoBox ul li .caozuo a{font-size:12px;color:#d61519;margin-right:25px}
.intePay .shouhuoBox ul li i{cursor:pointer;position: absolute;width: 60px;height: 20px;text-align: center;font-size: 12px;color: #fff;line-height: 20px;right: 0;top: 0;display: none;}
.intePay .shouhuoBox ul li i.active{background: #dadada;display: block;}
.intePay .shouhuoBox ul li.active{border: 2px solid #d61519;background: #fffafa;}
.intePay .shouhuoBox ul li.active .caozuo{display: block;}
.intePay .shouhuoBox ul li.active:before{content:"";position: absolute;width: 0;height: 0;border-width:9px;border-color:transparent #d61519 #d61519 transparent;border-style:solid;right:0;bottom:0;}
.intePay .shouhuoBox ul li.active:after{content:"";position:absolute;width:18px;height:18px;right:0;bottom:0;background: url(../images/gou.png) 8px 9px no-repeat;}
.intePay .shouhuoBox ul li.active i{background: rgb(214,21,25,0.1);color: #D61519;display: block;}
.intePay .shouhuoBox a.addMember{margin: 13px 0 18px;width: 153px;height: 34px;line-height: 34px;text-align: center;color: #666;border: 1px solid #d6d6d6;display: block;border-radius: 5px;}
.intePay .shouhuoBox a.addMember span{width: 27px;height: 17px;display: inline-block;background: url(../images/addIcon.png) left center no-repeat;vertical-align: sub;}
.intePay .shouhuoBox .addMemberBox{padding-left: 28px;/* width: 382px; */margin-bottom: 40px;}
.intePay .shouhuoBox .addMemberBox dl dt{margin-top: 15px;line-height: 35px;color: #333;font-size: 14px;margin-left: -14px;}
.intePay .shouhuoBox .addMemberBox dl dt span{width: 14px;display: inline-block;color: #ff0000;}
.intePay .shouhuoBox .addMemberBox input{border:1px solid #d6d6d6;width: 379px;height: 33px;line-height: 33px;border-radius: 3px;padding: 0 9px;box-sizing: border-box;outline: none;-webkit-appearance: none;width: 421px;}
.intePay .shouhuoBox .addMemberBox .selectBox{margin-bottom: 13px;}
.intePay .shouhuoBox .addMemberBox .trangle{display: inline-block;/* width:120px; */margin-right: 4px;position:relative;}
.intePay .shouhuoBox .addMemberBox .trangle:after{position:absolute;width: 20px;height:32px;background:url(../images/slot.png) center center no-repeat;top:0;left: 117px;content:"";pointer-events: none;}
.intePay .shouhuoBox .addMemberBox .trangle select{width: 120px;height: 32px;border:1px solid #d6d6d6;border-radius: 3px;color: #999;padding-left: 9px;outline: none;-webkit-appearance: none;width: 135px;}
.intePay .shouhuoBox .addMemberBox .trangle:nth-of-type(3n){margin-right: 0;}
.intePay .shouhuoBox .addMemberBox .trangle:nth-of-type(3n) span{/* margin-left: 0; */}
.intePay .shouhuoBox .addMemberBox input::-webkit-input-placeholder{color: #999;}
.intePay .shouhuoBox .addMemberBox input::-moz-placeholder{color: #999;}
.intePay .shouhuoBox .addMemberBox input::-ms-input-placeholder{color: #999;}
.intePay .shouhuoBox .addMemberBox .btnBox{margin-top: 30px;}
.intePay .shouhuoBox .addMemberBox .btnBox input{width: 180px;height: 40px;line-height: 40px;font-size: 16px;color: #d61519;border:1px solid #d61519;cursor: pointer;border-radius: 0;}
.intePay .shouhuoBox .addMemberBox .btnBox input:hover{color: #fff;background:#d61519;}
.intePay .shouhuoBox .addMemberBox .btnBox input:first-child{margin-right: 15px;}
.intePay .productBox{margin: 10px 0 120px;background: #fff;box-shadow: 0 0 18px rgb(171,182,209,.27);padding: 25px 40px 118px 33px;box-sizing: border-box;}
.intePay .productBox>p{font-size: 18px;line-height: 26px;margin-bottom: 23px;color: #333333;}
.intePay .productBox table{border-bottom: 1px dashed #e7e7e7;}
.intePay .productBox thead tr{height: 42px;line-height: 42px;background: #d6d6d6;}
.intePay .productBox thead tr td{width: 150px;text-align: center;}
.intePay .productBox thead tr td:first-child{width: 625px;text-indent: 46px;text-align: left;}
.intePay .productBox tbody tr td{padding: 28px 0 24px;text-align: center;}
.intePay .productBox tbody tr td:first-child{display: flex;justify-content: space-between;}
.intePay .productBox tbody tr td .Img{width: 110px;height: 108px;border: 1px solid #ebebeb;line-height: 108px;overflow: hidden;}
.intePay .productBox tbody tr td .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.intePay .productBox tbody tr td .info{width: 500px;margin-top: 8px;line-height: 25px;text-align: left;}
.intePay .productBox .exchangeBox{padding-top: 25px;}
.intePay .productBox .exchangeBox>p{line-height: 30px;color: #666666;}
.intePay .productBox .exchangeBox .remark{display: flex;padding-bottom: 30px;border-bottom: 1px dashed #e7e7e7;line-height: 20px;}
.intePay .productBox .exchangeBox .remark textarea{width: 850px;height: 70px;border: 1px solid #e7e7e7;padding: 5px;box-sizing: border-box;resize: none;}
.intePay .productBox .exchangeBox .remark textarea::-webkit-input-placeholder{font-size: 12px;color: #999;}
.intePay .productBox .exchangeBox .remark span{margin:4px 8px;font-size: 12px;color: #999999;}
.intePay .productBox .exchangeBox .payContainer{text-align: right;border-bottom: 1px dashed #e7e7e7;}
.intePay .productBox .exchangeBox .payBox{padding: 35px 0;text-align: left;width: 200px;display: inline-block;}
.intePay .productBox .exchangeBox .payBox p{width: 200px;color: #777777;line-height: 30px;}
.intePay .productBox .exchangeBox .payBox span{display: inline-block;width: 65px;text-align: right;float: right;margin-right: 35px;}
.intePay .productBox .exchangeBox button{width: 106px;height: 38px;line-height: 38px;color: #fff;background: #d61519;margin-top: 45px;cursor: pointer;float: right;margin-right: 40px;}
.intePay+.dhSuccess,.proInfoBox .dhSuccess,.dhFailure{position: fixed;background: rgba(0,0,0,0.4);top: 0;left: 0;width: 100vw;height: 100vh;/* display: none; */z-index: 1000;}
.dhSuccess .box,.dhFailure .box{width: 355px;height: 242px;position: absolute;top: calc(50% - 121px);left: calc(50% - 178px);background: #fff;border-radius: 10px;}
.dhSuccess .box .Img{margin: -80px 0 0 66px;position: relative;}
.dhSuccess .box .closeBtn,.dhFailure .box .closeBtn{position: absolute;width: 28px;height: 28px;display: block;right: 15px;top: 94px;background: url(../images/close.png) center center no-repeat;cursor: pointer;}
.dhSuccess .box>p{margin: 35px 0;font-size: 22px;text-align: center;}
.dhSuccess .box .btnBox,.dhFailure .box .btnBox{text-align: center;}
.dhSuccess .box .btnBox a,.dhFailure .box .btnBox a{width: 135px;height: 40px;line-height: 40px;text-align: center;display: inline-block;color: #d61519;border:1px solid #d61519;border-radius: 30px;font-size: 18px;}
.dhSuccess .box .btnBox a:first-child{margin-right: 14px;}
.dhSuccess .box .btnBox a:hover,.dhFailure .box .btnBox a:hover{color: #fff;background: #D61519;}
.dhFailure .box .Img{margin: -80px 0 0 140px;position: relative;}
.dhFailure .box>p{margin: 17px 0 30px;font-size: 20px;text-align: center;}


/*ÃƒÂ¨Ã‚Â´Ã‚Â­ÃƒÂ§Ã¢â‚¬Â°Ã‚Â©ÃƒÂ¨Ã‚Â½Ã‚Â¦*/
.trolleyBox{padding: 0 40px 110px;margin-bottom: 110px;background: #fff;}
.trolleyBox>p{font-size: 18px;line-height: 50px;font-weight: bold;margin-bottom: 5px;}
.trolleyBox table{width: 100%;border-collapse: separate;border-spacing: 0px 20px;margin-top: -20px;}
.trolleyBox tr td{position: relative;}
.trolleyBox tr td:nth-child(1){width: 460px;width: 90px;}
.trolleyBox tr td:nth-child(2){width: 110px;}
.trolleyBox tr td:nth-child(3){width: 130px;}
.trolleyBox tr td:nth-child(4){width: 130px;}
.trolleyBox tr td:nth-child(5){width: 130px;}
.trolleyBox tr td:nth-child(6){width: 140px;}
.trolleyBox tr td span{position: absolute;left: 20px;top: calc(50% - 8px);height: 15px;line-height: 15px;}
.trolleyBox tr td span input{margin-right:9px;position:relative;width: 15px;height: 15px;border: 1px solid #b9b9b9;/* -webkit-appearance: button; */display: none;}
.trolleyBox tr td span label{width: 13px;height: 13px;border: 1px solid #d2d2d2;display: inline-block;margin-right: 9px;position:relative;vertical-align: bottom;border-radius: 3px;background: #fafafa;overflow: hidden;}
.trolleyBox tr td span label:before{position:absolute;content:"";left:0px;width: 15px;height: 15px;}
.trolleyBox tr td span input:checked+label:before{background: url(../images/check.png) 1px 2px no-repeat;}
.trolleyBox thead tr{height: 48px;line-height: 48px;background: #f2f2f2;text-align: center;}
.trolleyBox thead tr td{position: relative;border-top: 1px solid #e5e5e5;}
.trolleyBox thead tr td:after{content: "";width: 1px;height: 20px;background: #cacaca;position: absolute;top: 15px;right: 0;}
.trolleyBox thead tr td:last-child::after{display: none;}
.trolleyBox tbody tr{background: #fafafa;}
.trolleyBox tbody tr td{padding: 15px 0;box-sizing: border-box;position: relative;text-align: center;border-right: 1px solid #ededed;}
.trolleyBox tbody tr td:nth-child(1){padding-left: 45px;text-align: left;}
.trolleyBox tbody tr td:last-child{border-right: 0;}
.trolleyBox tbody tr td .msgBox{display: flex;width: 380px;justify-content: space-between;}
.trolleyBox tbody tr td .msgBox .Img{width: 105px;height: 105px;line-height: 105px;overflow: hidden;}
.trolleyBox tbody tr td .msgBox .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.trolleyBox tbody tr td .msgBox .right{width: 258px;margin-top: 12px;line-height: 24px;}
.trolleyBox tbody tr td .number_add{/* display: flex; */border: 1px solid #dcdfe6;display: inline-block;background:#fff;border-radius:4px}
.trolleyBox tbody tr td .number_add input{width: 27px;height: 25px;font-size: 14px;color: #777777;border-left: 1px solid #dcdfe6;border-right: 1px solid #dcdfe6;text-align: center;float: left;}
.trolleyBox tbody tr td .number_add a{width: 23px;height: 25px;font-size: 14px;color: #777777;display: block;float: left;line-height: 25px;}
.trolleyBox tbody tr td a{color: #333;}
.trolleyBox tbody tr:last-child td{padding:0 0 0 33px;line-height: 45px;}
.trolleyBox tbody tr:last-child td>a{display: inline-block;line-height: 45px;color: #D61519;visibility: hidden;}
.trolleyBox tbody tr td .right p{display: inline-block;margin-right: 15px;}
.trolleyBox tbody tr td .right p i{color: #D61519;}
.trolleyBox tbody tr td .right button{background:0}
.trolleyBox tbody tr td .right button:nth-of-type(1){position:absolute;left:40px;line-height:45px;color:#d61519}
.trolleyBox tbody tr td .right button:nth-of-type(2){color:#d61519;margin:0 15px}
.trolleyBox tbody tr td .right button:nth-of-type(3){width: 170px;height: 46px;text-align: center;background: #D61519;color: #fff;display: inline-block;}
.trolleyBox tbody tr td span{width: 15px;}
.trolleyBox tbody tr td input.checkall{display:none}
.trolleyBox tbody tr td input+label{width: 13px;height: 13px;border: 1px solid #d2d2d2;display: inline-block;margin-right: 9px;position:relative;vertical-align: bottom;border-radius: 3px;background: #fafafa;overflow: hidden;}
.trolleyBox tbody tr td input+label:before{position:absolute;content:"";left:0px;width: 15px;height: 15px;}
.trolleyBox tbody tr td input:checked+label{border: 0;}
.trolleyBox tbody tr td input:checked+label:before{background:#D61519 url(../images/checked.png) 1px 2px no-repeat;border: 0;}


.trolleyPay .productBox{padding-bottom: 40px;margin-bottom: 85px;}
.trolleyPay .productBox form input{margin-top: 40px;}
.payMethodBox{margin-top: 10px;padding: 24px 30px 70px 34px;background: #fff;box-shadow: 0 0 18px rgb(171,182,209,.27);}
.payMethodBox .payMethodCon{display: flex;flex-wrap: wrap;line-height: 25px;}
.payMethodBox .payMethodCon>p{font-size: 18px;margin-bottom: 26px;width: 100%;}
.payMethodBox .payMethodCon div{margin-right: 26px;font-size: 18px;}
.payMethodBox input[type=radio]{font-size: 18px;display:none}
.payMethodBox input[type=radio]+label{width:14px;height:14px;position:relative;display: inline-block;vertical-align: middle;}
.payMethodBox input[type=radio]+label:before{content:"";width:100%;height:100%;background:url(../images/payMethod1.png) center center no-repeat;position:absolute;top:0;left:0;display:inline-block;}
.payMethodBox input[type=radio]:checked+label:before{background:url(../images/payMethod.png) center center no-repeat;}
.payMethodBox .payMethodCon i{display: inline-block;width: 37px;height:25px;background: url(../images/alipay.png) center left no-repeat;vertical-align: middle;margin-left: 10px;}
.payMethodBox .payMethodCon .method2 i{background: url(../images/wechat.png) center left no-repeat;}
.payMethodBox .receiptCon{display: flex;flex-wrap: wrap;line-height: 25px;padding-top: 24px;border-top: 1px solid #ececec;margin-top: 27px;}
.payMethodBox .receiptCon>p{font-size: 18px;margin-bottom: 26px;width: 100%;}
.payMethodBox .receiptCon div{margin-right: 26px;}
.payMethodBox .receiptCon div span{font-size: 18px;}
.payMethodBox .receiptCon input[type=checkbox]{display:none}
.payMethodBox .receiptCon input[type=checkbox]+label{width:14px;height:14px;position:relative;display: inline-block;vertical-align: middle;}
.payMethodBox .receiptCon input[type=checkbox]+label:before{content:"";width:100%;height:100%;background:url(../images/payMethod1.png) center center no-repeat;position:absolute;top:0;left:0;display:inline-block;}
.payMethodBox .receiptCon input[type=checkbox]:checked+label:before{background:url(../images/payMethod.png) center center no-repeat;}
.payMethodBox .receiptCon i{display: inline-block;vertical-align: middle;margin-left: 10px;}
.payMethodBox .receiptCon .receiptBox{margin-right: 0;width: 100%;padding-left: 20px;margin-top: 10px;}
.payMethodBox .receiptCon .receiptBox>p{margin-top: 20px;line-height: 35px;color: #333;font-size: 14px;margin-left: -14px;}
.payMethodBox .receiptCon .receiptBox>p span{width: 14px;display: inline-block;color: #ff0000;}
.payMethodBox .receiptCon .receiptBox input{width: 727px;height: 50px;line-height: 50px;border-radius: 3px;padding: 0 15px;box-sizing: border-box;outline: none;-webkit-appearance: none;background: #f7f7f7;}
.payMethodBox .receiptCon .receiptBox input::-webkit-input-placeholder{font-size: 14px;color: #999;}
.payMethodBox .receiptCon .receiptBox input::-ms-input-placeholder{font-size: 14px;color: #999;}
.payMethodBox .receiptCon .receiptBox input::-moz-placeholder{font-size: 14px;color: #999;}
.payMethodBox .receiptCon .btnBox{margin-top: 30px;margin-left: 20px;}
.payMethodBox .receiptCon .btnBox input{width: 180px;height: 40px;line-height: 40px;font-size: 16px;color: #d61519;border:1px solid #d61519;cursor: pointer;border-radius: 0;}
.payMethodBox .receiptCon .btnBox input:hover{color: #fff;background:#d61519;}
.payMethodBox .receiptCon .btnBox input:first-child{margin-right: 15px;}


.payCodeBox{background: #fff;padding: 65px 0;text-align: center;margin-bottom: 70px;border: 1px solid #e0e0e0;}
.payCodeBox p:first-child{font-size: 20px;color: #acb3c9;margin-bottom: 47px;}
.payCodeBox p:first-child span{color: #d61519;font-size: 36px;}
.payCodeBox .Img{width: 192px;height: 192px;display: inline-block;border: 1px solid #41b035;border-radius: 10px;padding: 20px;box-sizing: border-box;line-height: 152px;overflow: hidden;}
.payCodeBox .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.payCodeBox p:nth-of-type(2){line-height: 50px;font-size: 16px;color: #777777;margin-bottom: 50px;}
.payCodeBox p:nth-of-type(2) i{display: inline-block;width: 41px;height: 50px;background: url(../images/wechatPay.png) center left no-repeat;vertical-align: middle;}
.payCodeBox p:nth-of-type(3){font-size: 14px;color: #9198ad;}

.payTrueBox{background: #fff;padding: 93px 0 96px;text-align: center;margin-bottom: 70px;border: 1px solid #e0e0e0;}
.payTrueBox .Img{width: 111px;height: 111px;display: inline-block;}
.payTrueBox p:nth-of-type(1){font-size: 24px;line-height: 50px;color: #d61519;margin-bottom: 40px;}
.payTrueBox p:nth-of-type(2){color: #2a2a2a;font-size: 16px;line-height: 28px;margin-bottom: 30px;}
.payTrueBox a{/* width: 160px; *//* height: 38px; *//* line-height: 38px; *//* border: 1px solid #d61519; */color:#D61519;/* border-radius: 5px; *//* display: inline-block; *//* margin: 0 20px; */font-size: 16px;padding: 0 5px;/* text-decoration: underline; */}
.payTrueBox a:hover{text-decoration:underline}
/* .payTrueBox a.active{background:#d61519;color:#fff;} */

.payment{line-height:28px;}
.payment p:nth-of-type(1){font-size: 14px;color: #333;margin-bottom:0;line-height:28px;}
.payment p:nth-of-type(2){margin-bottom:0;color: #333;font-size:14px}
.payment p em{width: 180px;display:inline-block;text-align: right;}
.payment p span{width:200px;display:inline-block;padding-left:20px;text-align:left}
.payment p span i{font-size:24px;margin:0 5px;color:#d61519}
.payment p input{background:#d61519;color:#fff;display:inline-block;padding:5px 10px;margin-top:20px;border-radius:5px}

.payFalseBox p:nth-of-type(1){color: #666;}


