/* ====首页====== */
@font-face {
	font-family: 'NotoSansJP';
	src: url('/font/NotoSansJP-Regular.otf');
}

@font-face {
	font-family: 'Inter';
	src: url('/font/Inter-Light-7.otf');
}
body{ background-color:#fff;}

*{/*box-sizing: border-box;*/
    font-family: NotoSansJP;}



/** header **/
.header{ position:relative; z-index:100; background-color: #fff;}
.loarea{ padding: 15px 0; height:100px; position:relative; z-index:3;}
.loarea .wp{ width: 96%; max-width: 100%; display: flex; align-items: center;}
.logo{ width:200px; height: 100px; display:flex; align-items: center;}
.logo .tp{ height:98px; width:auto;}
.topInfo{}
.topInfo .tit{ font-size: 16px; font-weight: bold;}
.topInfo .nr{ margin-top: 4px; font-size: 12px; line-height: 1.6;}
.topOpa{ margin-left: auto; display: inline-flex;}
.topOpa .sbtn{ margin-left: 12px; position: relative; cursor: pointer;font-weight:500}
.topOpa .sbtn_brown{  font-size: 14px; margin-right: 5px;}
.topOpa .sbtn_brown .icon{ display: none;}
.topOpa .sbtn .icon{ margin-right: 8px; height: 26px;}

/* 购物车弹窗 */
.cartLay{ position: absolute; right: 0; top: 90%; padding-top: 15px ;width: 485px; display: none;}
.cartLay .inner{ background-color: #fff; box-shadow: 0 0 5px 0 #ddd; }
.cartLay .title{ padding: 20px 16px;border-bottom: 1px solid #E7E7E7;}
.cartLay .title .mc{ background-color: #053B69; display: block; font-size: 16px; text-align: center; color: #fff; padding: 0.4em 0; }
.cartLay .lists{ padding: 20px 0; max-height: 198px; overflow-y: auto;} 
.cartLayItem{ margin-bottom: 18px;}
.cartLayItem:nth-last-child(1){ margin-bottom: 0;}
.cartLayItem a{ display: flex; }
.cartLayItem a .tparea{ width: 120px; margin-right: 20px;}
.cartLayItem a .tparea .tp{ height: 70px; width: 100%; object-fit: contain;}
.cartLayItem a .des{ flex: 1; min-width: 0; text-align: left;}
.cartLayItem a .des .tit{ font-size: 13px;}
.cartLayItem a .des .info{ margin-top: 5px; font-size: 12px; color: #999; line-height: 1.6;}
.cartLayItem a:hover .des .tit{ color: #053B69;}
.cartLay .mandiv{ padding: 10px; box-shadow: -5px -5px 5px 0 #C2C2C240;}
.cartLay .mandiv .sbtn{}

/*PC导航 begin*/
.nav{  z-index:5; background-color: #053B69;}
.navul{ font-size:0; display: flex; justify-content: space-between;}
.navul li{ display:inline-block; font-size:16px;position:relative; flex: 1; text-align: center;}
.navul li::after{ content: ""; display: block; width: 2px; height: 18px; background-color: #fff; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.navul li:nth-last-child(1)::after{ display: none;}
.navul li>a{ font-weight:600; padding:0 20px; color: #fff; text-align:center; display:inline-block; line-height:60px; height:60px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#fff ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#fff !important;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}

/*PC导航end*/
.subnav{ position:absolute;display: none;   }
.subnavNormal{left:50%; margin-left: -60px; top:60px; width:160px;padding-top: 0px;}
.subnav>.nr{ padding:10px 0; box-shadow: 0 2px 10px 0 #333; background-color: #fff; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 1em; box-sizing: border-box; width:100%; font-size:16px; display:block;  color:#333;position: relative; }
.subnav .list{ position: relative;}
.subnav .list .arr{ font-size: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.subnav .list .nr{ width: 180px; position: absolute; left: 100%; top: 0; background-color: #fff; display: none; }
.subnav .list:hover>.nr{ display: block;}
.subnav .nr a:hover{  background-color: #F4F4F4; }

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#000; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 90%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 20px;}
.navlogo .tp{ max-width: 66%; height: 40px;}
.inav ul{ margin: 0 20px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 20px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px;   }
.act_inav{ border-color: #B9845A !important; color:#B9845A !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); color:#B9845A}
.inavul .nr{ display: none; padding:5px 0px 5px 20px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
.subnav .list{ position: relative;}
.subnav .list .arr{ font-size: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:20px !important;}
.banner .swiper-pagination-bullet{width:8px;height:8px;padding: 0;background-color:rgba(0, 0, 0, .4);  font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 5px !important;}
.banner .swiper-button-prev{ left:1%;}
.banner .swiper-button-next{ right:1%;} 
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
.banner .swiper-button-prev,.banner .swiper-button-next{opacity: 1;width:40px;  height:40px; line-height: 40px; top:50%; margin-top:-20px; color: #333;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 30px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color: #053B69;}
/*banner end*/
.search{ margin-top: 40px;}
.search form{ width: 800px; max-width: 94%; display: flex; box-sizing: border-box; padding: 8px; border: 1px solid #D6D6D6;}
.search .text{ flex: 1; font-size: 16px; padding-left: 10px; box-sizing: border-box;}
.search .tj{ width: 38px; height: 38px; padding: 0; text-align: center; line-height: 38px; font-size: 24px;cursor: pointer;}


.h_tit{ font-size: 36px; padding: 20px 0; font-weight: bold;}
.h_tit .icon{ margin-right: 15px; display: inline-block;vertical-align: middle;}
.h_pro{ padding-bottom: 40px;}
.h_pro .wrap{ display: flex; flex-wrap: wrap;}
.hproItem{ width: 23.5%; margin: 0 2% 2% 0;}
.hproItem:nth-child(4n){ margin-right: 0;}
.hproItem a{ display: block; border: 1px solid #E1E1E1; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 15px; background-color: #fff; }
.hproItem .tparea{ font-size: 0; overflow: hidden;}
.hproItem .tparea .tp{ width: 100%; height: 242px; object-fit: cover;}
.hproItem .des{ padding: 15px 0px 10px;  }
.hproItem .des .sn{ font-size: 12px; color: #707478;}
.hproItem .des .tit{ font-size: 16px;margin-top: 5px; line-height: 1.4; }
.hproItem .des .price{ font-size: 18px;  margin-top: 5px;color: #BE3D3D;}
.hproItem .des .mandiv{ margin-top: 15px;}
.hproItem .des .mandiv .sbtn{ width: 100%; font-size: 16px; box-sizing: border-box;}
.hproItem a:hover{ border-color:#053B69;}
.hproItem a:hover .des .tit{ color: #053B69;}
.hproItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_tit2{ padding: 40px 0;}
.h_tit2 .tit{ font-size: 32px; font-weight: bold; position: relative; padding-left: 30px;}
.h_tit2 .tit::before{ content: ""; display: block; width: 10px; height: 32px; background-color: #053B69; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.h_tit2 .info{ margin-top: 20px; font-size: 16px;}
.h_buyway{ background-color: #f4f4f4; padding: 50px 0;}
.h_buyway .wrap{ display: flex; flex-wrap: wrap;}
.hbwItem{ width:32%; margin: 0 2% 2% 0; background-color: #fff;}
.hbwItem:nth-child(3n){ margin-right: 0;}
.hbwItem .tparea{ font-size: 0; overflow: hidden;}
.hbwItem .tparea .tp{ width: 100%; height: 190px; object-fit: cover;}
.hbwItem .des{ padding: 20px; display: flex; align-items: center;  }
.hbwItem .des .num{ font-size: 20px;  color: #B9845A; width: 44px; height: 44px; line-height: 44px; margin-right: 16px; border-right: 1px solid #D2D2D3;}
.hbwItem .des .nr{ flex: 1; box-sizing: border-box; min-width: 0;}
.hbwItem .des .nr .p1{ font-size: 14px; }
.hbwItem .des .nr .p2{ font-size: 24px; line-height: 1.2; font-weight: bold;}

.h_reason{ padding: 20px 0;}
.h_tit3{ padding: 40px 0;}
.h_tit3 .tit{ font-size: 32px; font-weight: bold; position: relative}
.h_tit3 .info{ margin-top: 10px; font-size: 16px;}
.h_reason .wrap{ display: flex; flex-wrap: wrap;}
.hrItem{ width:32%; margin: 0 2% 4% 0; padding: 10px 0; background-color: #fff;}
.hrItem:nth-child(3n){ margin-right: 0;}
.hrItem .tparea{ font-size: 0; overflow: hidden; text-align: center;}
.hrItem .tparea .tp{ height: 142px; object-fit: contain;}
.hrItem .des{margin-top: 15px;  }
.hrItem .des .tit{ font-size: 18px;  text-align: center; font-weight: bold;}
.hrItem .des .nr{ font-size: 15px; margin-top: 5px; line-height: 1.8;}

.h_notice{ padding: 20px 0 80px;}
.h_notice .wrap{border-top: 1px solid #D2D2D3;  }
.hnItem{}
.hnItem a{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #D2D2D3; padding: 30px 25px; background-color: #fff; }
.hnItem .tparea{ width: 224px; margin-right: 40px; border: 1px solid #D9D9D9; font-size: 0; overflow: hidden;}
.hnItem .tparea .tp{ width: 100%; height: 120px; object-fit: cover;}
.hnItem .des{ flex: 1; min-width: 0; }
.hnItem .des .sn{ font-size: 12px; color: #707478;}
.hnItem .des .tit{ font-size: 18px; font-weight: bold; line-height: 1.4; }
.hnItem .des .time{ font-size: 16px;  font-weight: bold; margin-top: 5px;color: #053B69;}
.hnItem .des .nr{ font-size: 18px;  margin-top: 8px;color: #5c5c5c;}
.hnItem a:hover{ border-color:#053B69;}
.hnItem a:hover .des .tit{ color: #053B69;}
.hnItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.footer{ background-color: #E8E8E8;}
.f_t{ width: 94%; max-width: 100%; padding: 25px 0;}
.flogo_fnav{ display: flex; flex-wrap: wrap; justify-content: space-between; overflow-x: hidden; align-items: center;}
.flogo .tp{ height: 76px;}
.fnav{ }
.fnav a{ display: inline-block; position: relative; font-size: 16px; padding: 0 1.4em;}
.fnav a::after{content: ""; display: block; width:1px ; height: 16px; background-color: #333; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.fnav a:nth-last-child(1)::after{ display: none;}
.fnav a:hover{ color: #B9845A;}

.fadd_fquick{ margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; overflow-x: hidden; align-items: center;}
.fadd{ font-size: 13px; line-height: 1.6; color: #053B69;}
.fquick{}
.fquick a{ display: inline-block; font-size: 0; margin-left: 24px;}
.fquick a .icon{ height: 28px;}
.fquick a:hover .icon{ opacity: .8;}

.f_b{ background-color: #053B69; padding: 15px 0; overflow-x: hidden;}
.f_b .wp{ width: 94%; max-width: 100%; display: flex; justify-content: space-between; align-items: center;}
.flink{ margin-left: -20px;}
.flink a{ font-size: 14px; color: #fff; position: relative; padding: 0 20px;}
.flink a::after{ content: ""; display: block; width:1px ; height: 16px; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.flink a:nth-last-child(1)::after{ display: none;}
.flink a:hover{ font-weight: bold;}
.copyright{ font-size: 12px; color: #fff;}
.copyright a{ color: #fff;}
.copyright a:hover{ text-decoration: underline;}


/* 商品 */
.i_main{  min-height:400px;}
.turnpage{ margin:0 auto;font-size:0; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block;  padding:8px 8px; font-size:14px; margin:0 6px; border-radius: 50px; color:#333; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.turnpage a:hover,.current{ background-color:#fff !important; }
.procuct{ display: flex; flex-wrap: wrap; padding: 60px 0 20px;}
.p_l{ width: 248px; margin-right: 28px;}
.p_r{ flex: 1; min-width: 0;}

.lm{ padding: 15px; }
.lmPart{ font-size: 12px;}
.lmPart .title{ padding: 10px 15px;font-size: 12px; color: #fff; background-color: #053B69;}
.lmPart .title:hover,.actlmtitle{ background-color: #B9845A !important;}
.lmPartLay{ display: none;}
.lmItem{}
.lmItem .tit{ cursor: pointer; padding: 10px 15px;font-size: 12px;  position: relative;color: #053B69; border-bottom: 1px solid #EEEEEE;}
.lmItem .tit .iconfont{ position: absolute; font-size: 12px; color: #053B69; right: 14px; top: 50%; margin-top: -8px;}
.actlmtit{ background-color: #F4F4F4 !important; }
.actlmtit .iconfont{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.lmItem .nr{ display: none;  }
.lmItem .nr a{font-size: 12px; display: block;padding: 10px 24px; border-bottom: 1px solid #EEEEEE; }
.lmItem .nr a:hover,.actlma{ color: #B9845A !important; font-weight: bold !important    ;}
 
.sideNotice{ padding: 0 20px 15px; border: 1px solid #ddd;}
.sideNotice .title{ font-size: 15px; font-weight: bold; color: #053B69; font-weight: bold; border-bottom: 1px solid #ddd; padding: 0.4em 0;}
.sideNotice .wrap{ margin-top: 10px;}
.snItem{ padding: 8px 0;}
.snItem a{ display: block;}
.snItem .time{ font-size: 12px;}
.snItem .tit{ font-size: 13px; color: #053B69; line-height: 1.4;}
.snItem .tit:hover{ color: #0477cf;}



.location{ font-size:14px;}
.location a{color: #808080;}
.location a:hover{ color:#053B69;}
.act_loca{ color:#053B69 !important;}
.location .cutline{ margin:0 6px; font-style:normal;color:#808080;}

.isearch{}
.isearch form{  display: flex; box-sizing: border-box; border: 1px solid #ccc; overflow: hidden;}
.isearch .mc{ font-size: 16px; display: inline-block; font-size: 14px; text-align: center; line-height: 40px; background-color: #f4f4f4; width: 156px;}
.isearch .text{ flex: 1; font-size: 12px; padding-left: 10px; box-sizing: border-box;}
.isearch .tj{ width: 36px; height: 36px; padding: 0; text-align: center; line-height: 36px; font-size: 18px;cursor: pointer; margin: 2px 2px 0 0;}

.pro{}
.pro .wrap{ padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, .1); display: flex; flex-wrap: wrap;}
.pro .wrap .proItem{}
.proItem{ width: 23.5%; margin: 0 2% 2% 0;}
.proItem:nth-child(4n){ margin-right: 0;}
.proItem a{ display: block; border: 1px solid #E1E1E1; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 15px; background-color: #fff; }
.proItem .tparea{ font-size: 0; overflow: hidden; width: 120px ; margin: 0 auto;}
.proItem .tparea .tp{ width: 100%; height: 120px; object-fit: cover;}
.proItem .des{ padding: 10px 0px 0px;  }
.proItem .des .sn{ font-size: 11px; color: #707478;}
.proItem .des .tit{ font-size: 13px;margin-top: 5px; line-height: 1.4; }
.proItem .des .price{ font-size: 18px;  margin-top: 5px;color: #BE3D3D;}
.proItem .des .mandiv{ margin-top: 5px;}
.proItem .des .mandiv .sbtn{ width: 100%; font-size: 12px; box-sizing: border-box;}
.proItem a:hover{ border-color:#053B69;}
.proItem a:hover .des .tit{ color: #053B69;}
.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 商品-详情 */
.pdel{ margin-top: 10px; padding-bottom: 60px; display: flex; flex-wrap: wrap;}
.pdl{ width: 420px; max-width: 100%; margin-right: 5%;}
.pdr{ flex:  1; min-width: 0;}
.pSlide{ position:relative; z-index:3;  border: 1px solid #D2D2D3;}
.pSlide .swiper-slide{position:relative; overflow:hidden;}
.pSlide .swiper-slide .tp{ width:100%; height:auto; display:block;}
.pSlide .swiper-button-prev{ left:1%;}
.pSlide .swiper-button-next{ right:1%;} 
.pSlide .swiper-button-prev::after,.pSlide .swiper-button-next::after{ display: none;}
.pSlide .swiper-button-prev,.pSlide .swiper-button-next{opacity: 1;width:40px;  height:40px; line-height: 40px; top:50%; margin-top:-20px; color: #fff;}
.pSlide .swiper-button-prev .iconfont,.pSlide .swiper-button-next .iconfont{ font-size: 20px; }
.pSlide .swiper-button-prev:hover,.pSlide .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color: #053B69;}
.pdl .tip{ font-size: 22px;}
.pdl .tip .red{ font-size: 20px; color: #E21919;}

.pdr{}
.pdr .title{ border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.pdr .title .tit{ font-size: 30px; font-weight: bold; line-height: 1.3;}
.pdr .title .subtit{ font-size: 16px; margin-top: 8px;}
.para{ margin-top: 10px;}
.paraItem{ margin-bottom: 10px;}
.paraItem .wrap{ display: flex; flex-wrap: wrap; }
.paraItem .tit{ font-weight: bold; padding: 10px 0;}
.styleItem{ cursor: pointer; width: 78px; margin: 0 10px 10px 0; border: 1px solid #F2E9E7; box-sizing: border-box;}
.styleItem .tp{ width: 100%; height: 78px;}
.act_style{ border: 2px solid #B9845A !important;}
.colorItem{ margin: 0 10px 10px 0; padding: 0.4em 1.2em; border: 1px solid #F2E9E7; cursor: pointer; box-sizing: border-box; display: inline-block;}
.act_colorItem{ color: #B9845A; font-weight: bold; border-color: #B9845A;}

.paraCount{ display: flex; flex-wrap: wrap; margin-top: 20px;}
.paraCount .tit{ font-weight: bold; padding: 10px 0; margin-right: 16px;}
.textNumber{ width: 158px;display: flex; align-items: center; margin-right: 16px;}
.textNumber .text{ width: 60px; text-align: center; height: 46px; line-height: 46px; font-size: 20px;}
.textNumber .btn{ width: 46px; height: 46px; line-height: 46px; font-size: 18px; border: 1px solid #A6A6A6; border-radius: 50%; color: #A6A6A6; font-weight: bold; cursor: pointer; text-align: center; line-height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.textNumber .btn:hover{ color: #B9845A; border-color: #B9845A;}

/* お知らせ */
.lmmc{ background-color: #F0F1F3;}
.lmmc .name{ padding: 20px 0 70px; font-size: 32px; font-weight: bold; text-align: center;  }

.notice{ padding: 60px 0 10px;}
.notice .wrap{ border-top: 1px solid #D2D2D3;}
.noticeItem{ margin-bottom: 10px;}
.noticeItem a{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #D2D2D3; padding: 30px 25px; background-color: #fff; }
.noticeItem .tparea{ width: 224px; margin-right: 40px;  font-size: 0; overflow: hidden;}
.noticeItem .tparea .tp{ width: 100%; height: 120px; object-fit: cover;}
.noticeItem .des{ flex: 1; min-width: 0; }
.noticeItem .des .sn{ font-size: 12px; color: #707478;}
.noticeItem .des .tit{ font-size: 18px; font-weight: bold; line-height: 1.4; }
.noticeItem .des .time{ font-size: 16px;  font-weight: bold; margin-top: 5px;color: #053B69;}
.noticeItem .des .nr{ font-size: 18px;  margin-top: 8px;color: #5c5c5c;}
.noticeItem a:hover{ border-color:#053B69;}
.noticeItem a:hover .des .tit{ color: #053B69;}
.noticeItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.notice a:hover,.notice .current{ background-color: #f3f3f3 !important;}

/* お知らせ-詳細 */
.article{ padding: 10px 36px 10px;}
.artHeader{ text-align: center; padding: 30px 0; border-bottom: 1px solid #DFDFDF;}
.artHeader .tit{ font-size: 32px; line-height: 1.3;}
.artHeader .info{ margin-top: 25px;}
.artHeader .info .span{ font-size: 14px; color: #053B69;}
.artHeader .info .span::before{ margin-right: 5px; font-size: 18px;}
.artBody{ padding: 40px 0; border-bottom: 1px solid #DFDFDF;}
.artBody .wz{ font-size: 18px; line-height: 1.8;}
.artBody .tp{ display: block; margin: 0 auto;}
.pnpage{ padding: 35px 0; display: flex; justify-content: space-between;}
.pnpage .point{ }
.pnpage .point a{}
.pnpage .point a::before{}
.pnpage .point a:hover{ color: #053B69;}
.pnpage .backBtn{ padding: 0 30px; text-align: center; box-sizing: border-box; color: #053B69; flex: 1; }
.pnpage .backBtn:hover{ text-decoration: underline;}
/* 運営会社 */
.about{ position: relative; padding-bottom: 120px; }
.about::before{ content: ""; display: block ; width: 100%; height: 300px; background-color: #f9f8f8; position: absolute; left: 0; top: 0;}
.contact{ position: relative; z-index: 2;}
.i_tit1{ font-size: 34px; font-weight: bold; color: #053B69; padding: 1.5em 0;}
.contact .wrap{ padding: 50px 60px; box-shadow: 0 0 6px 0 #ddd;}
.cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cont .tparea{ width: 49%; margin-right: 3%;}
.cont .tparea .tp{ width: 100%;}
.cont .intro{ flex: 1;}
.cont .intro .tit{ font-size: 18px; color: #fff; background-color: #053B69; text-align: center; padding: 0.6em 0;}
.cont .intro .nr{ margin-top: 15px;}
.cont .intro .nr .list{ padding: 10px 0; font-size: 18px; line-height: 1.4;}
.map{ margin-top: 25px; height: 285px; position: relative; overflow: hidden;}
.map iframe{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.companyInfo{ margin-top: 20px;}
.companyInfo .wrap{ padding: 60px 10%;}
.cItem{ display: flex; justify-content: space-between; }
.companyInfo .attrmc ,.companyInfo .attrval{font-size: 16px;padding: 30px 0 30px 50px;box-sizing: border-box;}
.companyInfo .attrmc{margin-right: 20px;text-align: center;font-weight: bold;padding: 30px 0;width: 180px;border-bottom: 1px solid rgba(0, 0, 0, .3);}
.companyInfo .attrval{  border-bottom: 1px solid rgba(0, 0, 0, .1); flex: 1;}
.companyInfo .attrval .list{ line-height: 1.6;}
/* 買取の流れ */
.buyflow{}
.buyPart{}
.buyTitle{ padding: 28px 0 68px; background-color: #053B69; color: #fff; display: flex; justify-content: center; align-items: center;}
.buyTitle .tp{ width: 100px; height: 100px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  margin-right: 40px;}
.buyTitle .des{ padding-bottom: 10px; border-bottom: 4px solid #fff; position: relative; display: flex; align-items: center; font-weight: bold; color: #fff;}
.buyTitle .des .mc1{ width: 42px; display: inline-block; font-size: 18px; line-height: 1.2;}
.buyTitle .des .mc2{ font-size: 32px; color:#B9845A; text-shadow: 
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff;
}
.buyTitle .des .mc3{ font-size: 32px;}
.buyPart .wrap{ margin-top: -40px; z-index: 2; position: relative;}
.buyFlowItem{ margin-bottom: 32px; background-color: #fff; padding: 20px 35px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.buyFlowItem .title{ font-size: 28px; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; color: #B9845A;}
.buyFlowItem .title .no{ display: inline-block; font-size: 17px; padding: 0em 0.8em; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: inline-flex; align-items: center; background-color: #B9845A; color: #fff; position: relative; margin-right: 20px; }
.buyFlowItem .title .no .icon{ position: absolute; left: -8px; top: -4px;}
.buyFlowItem .title .no .num{ font-size: 20px; font-weight: bold; margin-left: 4px; font-style: normal;}
.buyFlowItem .title .sbtn{ padding: 0.2em 1em; font-weight: normal; margin-left: 30px;}
.buyFlowItem .nrarea{ margin-top: 20px; display: flex; flex-wrap: wrap;}
.buyFlowItem .nrarea .tparea{ width: 370px; margin-left: 15px;}
.buyFlowItem .nrarea .tparea .tp{ width: 100%;}
.buyFlowItem .nrarea .desc{ flex: 1; min-width: 0; line-height: 2;}
.buyFlowItem:nth-child(2) .tparea,.buyFlowItem:nth-child(3) .tparea,.buyFlowItem:nth-child(4) .tparea,.buyFlowItem:nth-child(6) .tparea,.buyFlowItem:nth-child(7) .tparea,.buyFlowItem:nth-child(8) .tparea,.buyFlowItem:nth-child(8) .tparea{ margin-top: -60px;}

/* お問い合わせ */
.feedback{ padding: 50px 0 80px;}
.feedback .zhu{}
.required{ color: #BE3D3D; margin-right: 4px;}
.feedbackForm{ margin-top: 20px; }
.feedbackForm .row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.feedbackForm .row .formItem{width: 48%;}
.formItem{ margin-bottom: 20px;}
.formItem .attrmc{ font-size: 14px; padding: 0.6em 0;font-weight:600}
.formItemMc_empty{ visibility: hidden;}
.formItem .attrval{}
.formItem .attrval .text,.formItem .attrval .textarea{ width: 100%; background-color: transparent; border: 1px solid #dcdcdc;}
.formItem .attrval .text{ padding: 0 15px; height: 50px; line-height: 50px;}
.formItem .attrval .textarea{ padding: 10px 15px; height: 220px; }
.required{ color: #f00; margin-left: 5px; font-style: normal;} 
.formConfirm{}
.formConfirm .sbtn{ font-size: 16px; padding: 0.8em 5em;}
.formConfirm .sbtn .iconfont{ margin-left: 20px; font-size: 14px;}
.agree{ margin-top: -10px; text-align: center; display: flex; align-items: center; justify-content: center;}
.agree .checkbox{ margin-right: 6px;}

/* よくある質問 */
.qua{ padding: 64px 0 100px;}
.join{ padding:44px 0 90px;}
.joindl{}
.joindl dt{ font-size:18px; background-color:#f8f8f8; line-height:1.4; padding:20px 30px 20px 90px; cursor:pointer; margin-bottom:20px; position:relative; color:#1a1a1a; position: relative; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.joindl dt .status{ width:30px; height:30px; font-size: 20px; transition: .3s; display:inline-flex; align-items: center; justify-content: center; position:absolute; right:10px; top:18px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.joindl dd{padding:20px 30px 20px 90px; font-size: 18px; display:none; position: relative;}
.joindl .letter{ display: block; position: absolute; left: 30px; top: 13px; width: 38px; height: 38px; text-align: center; line-height: 38px; color: #fff; background-color: #053B69; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.joindl dd .letter{ background-color: #B9845A;}
.joindl dd .wz{} 
.joindl dt:hover{ color:#053B69;}
.act_join{ color:#053B69 !important; margin-bottom:0px !important; }
.act_join .status{ transform:rotate(90deg) !important ; -webkit-transform:rotate(90deg) !important ; -moz-transform:rotate(90deg) !important ; -ms-transform:rotate(90deg) !important ; -o-transform:rotate(90deg) !important ; }
/* プライバシーポリシー *//* 買取利用規約 *//* 特定商取引法に基づく表示 */
.policy{ padding: 20px 0 80px;}
.policy .title{ font-size: 32px; padding: 0px 0 70px; border-bottom: 1px solid #ddd; }
.policy .nr{ margin: 40px auto 0; width: 800px; max-width: 100%;}
.policy .nr .tit{ font-size: 20px; padding: 15px 0; font-weight: bold;}
.policy .nr .wz{ font-size: 14px; line-height: 1.8;}
/* 登录注册忘记密码 */
.accountPup{ width: 690px; max-width: 94%; }
.closePup{ position: absolute; right:15px; top: 10px; line-height: 1;cursor: pointer; color: #999; display: inline-block; width: 34px; height: 34px;  }
.closePup:hover{ color: #333;}
.accountMain{ padding: 25px 50px; position: relative; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);}
.accountMain .title{ text-align: left; font-size: 20px;  position: relative;}
.plogo{}
.plogo .tp{ height: 98px;}
.account{ width: 635px; max-width: 94%; padding: 20px 20px 30px; box-sizing: border-box; margin: 0 auto;}
.accTitle{margin-top: 8px; padding: 8px 0;}
.acc_tit{  font-size: 20px; font-weight: bold;}
.acc_subtit{  font-size: 16px; margin-top: 5px;}
.accForm{ background-color: #f5f5f5; padding: 10px 30px;}
.accForm .formItem{ margin-bottom: 6px;}
.accForm .formItem .attrval .text{ height: 40px; line-height: 40px; border-radius: 3px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.accountMain .forget{ margin-top: 10px;}
.accountMain .forget a{ text-decoration: underline;}
.accountMain .forget a:hover{ color: #FF0000;}
.noAccount{ font-size: 15px; margin-top: 15px; text-align: center;}
/* .noAccount a{  color: #B48653;}
.noAccount a:hover{ text-decoration: underline;} */
.passwordInput{ position: relative;}
.passwordInput .iconfont{ font-size: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; z-index: 2; }

.yzm{ position: relative;}
.yzm .text{ padding-right: 120px;}
.yzm .sendBtn{ font-size: 14px; padding: 0.2em 3em; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; }
.accFooter{ margin-top:40px; color: #585858;}
.accLink{ text-align: center;}
.accLink a{ display: inline-block; margin: 0 2em; color: #585858; }
.accLink a:hover{ color: #053B69;}
.accCopy{ margin-top: 20px; text-align: center;}
.accCopy a{ color: #585858;}
.accCopy a:hover{ color: #053B69;}
.accLogin{} 
.accReg{ display: none;}
.accForgetPwd{ display: none;}


/* 公用弹窗 */
.commonTip{ background-color: #fff; width: 690px; max-width: 94%; overflow: hidden; position: fixed; z-index: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1); }
.commonTip .tit{ font-size: 22px; color: #fff; background-color: #053B69; text-align: center; padding:0.8em 0;}
.commonTip .nr{ padding: 30px; font-size: 16px; line-height: 1.8; text-align: center; }

.policyPup{ width: 690px; max-width: 94%; }
.policyMain{ padding: 25px 50px; position: relative; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);}
.policyDel{}
.policyDel .title{ font-size: 20px; text-align: center; padding: 15px 0;}
.policyDel .nr{ border: 1px solid #333; padding: 10px 0;}
.policyDel .nr .inner{ padding: 0 10px; height: 300px; overflow-y: auto;}
.policyDel .nr .tit{ font-size: 18px; margin-bottom: 8px; font-weight: bold; }
.policyDel .nr .wz{ font-size: 16px;}

/* 買取カート */
.cart{ padding: 50px 0 80px;}
.cartTable{ width: 100%;}
.cartTable td{border: 1px solid #e6e6e6;padding: 15px 20px; text-align: center;}
.cartTable td:nth-child(1){ width: 50%; text-align: left;}
.cartTable td:nth-child(2){ width: 25%;}
.cartTable td:nth-child(3){ width: 25%;}
.goodsItem{}
.goodsItem a{ display: flex; }
.goodsItem a .tparea{ width: 200px; margin-right: 20px;}
.goodsItem a .tparea .tp{ height: 200px; width: 100%; object-fit: cover;}
.goodsItem a .des{ flex: 1; min-width: 0; text-align: left; display: flex; flex-direction: column; padding: 15px 0; }
.goodsItem a .des .tit{ font-size: 18px;}
.goodsItem a .des .info{ margin-top: 5px; margin-top: auto; font-size: 16px; color: #999; line-height: 1.6;}
.goodsItem a:hover .des .tit{ color: #053B69;}
.cartTable .subtotal{}
.cartTable .subtotal{ font-size: 12px;}
.cartTable .subtotal .price{ font-size: 20px;}
.cartTable .textNumber2{  display: inline-flex; align-items: center; position: relative; margin: 0 auto;}
.cartTable .textNumber2 .mc{ margin-right: 10px;}
.cartTable .textNumber2 .text{ width: 60px; height: 30px; padding-right: 20px; text-align: center; border: 1px solid #ddd;}
.cartTable .textNumber2 .btns{ width: 20px;  position: absolute; right: 0; top: 0; }
.cartTable .textNumber2 .btns .btn{ display: block; width: 20px; height: 15px; line-height: 15px;}
.cartTable .opa .sbtn{ font-size: 12px; padding: 0.4em 2em; display: inline-flex; align-items: center;}
.cartTable .opa .sbtn::before{ font-size: 14px; margin-right: 0.6em;}

.cartFooter{ background-color: #F7F7F7; border: 1px solid #e6e6e6; padding: 20px 26px;}
.cartFooter .row1{  display: flex; flex-direction: column; align-items: flex-end;}
.cartFooter .row1 .total{ font-size: 12px;}
.cartFooter .row1 .total .price{ font-size: 20px;}
.cartFooter .row1 .agree{ font-size: 14px;  margin-top: 8px;}
.cartFooter .row1 .agree .checkbox{margin-right: 5px}
.cartFooter .row1 .agree a{ text-decoration: underline;}
.cartFooter .row1 .agree a:hover{ color: #053B69;}
.cartFooter .row2{ margin-top: 20px; display: flex; align-items: center;}
.cartFooter .row2 .sbtn:nth-child(1){ margin-right: auto;}
.cartFooter .row2 .sbtn:nth-child(n+1){ margin-left: 20px;}
.cartFooter .row2 .sbtn{ padding: 0.2em 1em; font-size: 20px;}

/* .マイページー買取履歴 */
.lm2{ padding: 48px 0;}
.lm2 .wp{ display: flex; align-items: center; justify-content: space-between;}
.lm2 a{ width: 30%; text-align: center; border: 1px solid #e0e0e0; padding: 0.4em 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }
.lm2 a .iconarea{ display: inline-block; font-size: 0;}
.lm2 a .iconarea .tp{ height: 34px; margin-right: 10px;}
.lm2 a .iconarea .tp1{ display: inline-block;}
.lm2 a .iconarea .tp2{ display: none;}
.lm2 a .mc{ font-size: 22px; color: #7E878F;}
.act_lm2,.lm2 a:hover{ background-color: #053B69  !important; border-color: #053B69 !important;}
.act_lm2 .iconarea .tp1,.lm2 a:hover .iconarea .tp1{ display: none !important;}
.act_lm2 .iconarea .tp2,.lm2 a:hover .iconarea .tp2{ display: inline-block !important;}
.act_lm2 .mc,.lm2 a:hover .mc{  color: #fff !important;}

.carthis{ padding-bottom: 40px;}
.carthis a:hover,.carthis .current{ background-color: #f3f3f3 !important;}
.chItemTable{ margin-bottom: 50px;}
.chItemTable th,.chItemTable td{ text-align: center; border: 1px solid #e0e0e0; padding: 15px 30px; box-sizing: border-box;}
.chItemTable th{background-color: #F7F6F7; font-size: 16px;}
.chItemTable td{ }
.chItemTable th:nth-child(1){ width:20% ;}
.chItemTable th:nth-child(2){ width: 50%;}
.chItemTable th:nth-child(3){ width: 10%;}
.chItemTable th:nth-child(4){ width: 20%;}
.chItemTable .tparea{ width: 80%; font-size: 0;}
.chItemTable .tparea .tp{ width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.chItemTable .des{ text-align: left;}
.chItemTable .des .tit{ font-size: 18px;}
.chItemTable .des .info{ margin-top: 20px; margin-top: auto; font-size: 16px; color: #999; line-height: 1.6;}
.no_price{ display: flex; justify-content: space-between; align-items: center;}
.chFooter{display: flex; justify-content: space-between; align-items: center}
.chFooter .status{ font-size: 16px;}
.chFooter .opa{}
.chFooter .opa .sbtn{ font-size: 16px; padding: 0.4em  1.5em; margin-left: 20px;}
.chFooter .opa .sbtn_brown_rim{ background-color: #fff}
.chFooter .opa .sbtn_brown_rim:hover{color: #B9845A;}

/* マイページー買取履歴-詳細 */
.carthisdel{ padding-bottom: 65px;}
.chItemTable .descript{ text-align: left    ;}
.chItemTable .descript .p1{ font-size: 16px;}
.chItemTable .descript .p2{ font-weight: normal;}
.chItemTable .descript .p3{ font-weight: bold;}

.vipInfo{ padding-bottom: 67px;}

.formItem .select{width: 100%; height: 40px; line-height: 40px; padding-left: 10px; background-color: transparent; border: 1px solid #dcdcdc;}
.vipInfo .formItem .width380{ width: 380px; max-width: 100%;}
.vipInfo .formItem .width80{ width: 80px;}
.vipInfo .formItem  .cutline{ margin:  0 8px;}
.radioGroups{}
.radioGroups .list{ padding: 5px 0;}
.radioGroups .list .radio{ margin-right: 6px;}
.formItem .upload{}
.formItem .upload .tp{ width: 146px; height: 146px; border: 1px solid #ddd;}
.formItem .upload .upBtn{ margin-top: 10px; display: block; position: relative;}
.formItem .upload .upBtn .text{ position: absolute; left: 0; top: 0; cursor: pointer; opacity: 0; width: 100%; height: 100%;}
.formItem .upload .upBtn .mc{}
.vipInfo .agree{ justify-content: flex-start; color: #666; margin-bottom: 15px;}
.vipInfo .agree .checkbox{ margin-right: 5px;}
.vipInfo .agree  a{ color: #000; text-decoration: underline; }
.vipInfo .agree  a:bover{ color: #0477cf; }

/* 店頭買取のお申し込み */
.buyapply{ width: 666px; max-width: 100%; margin: 0 auto; padding: 56px 0 60px;}
.baPart{ border: 1px solid #E6E6E6; margin-bottom: 60px;}
.baPart .c_tit{ background-color: #053B69; text-align: center; font-size: 16px; color: #fff; padding: 0.6em 0;}
.baPart .wrap{ padding: 15px 30px;}
.cusInfo .wrap{}
.cusInfo .wrap .p1{ font-size: 16px;}
.cusInfo .wrap .p2{ font-weight: normal;}
.cusInfo .wrap .p3{ font-weight: bold;}
.applyInfo .price{ font-size: 12px;}
.applyInfo .tableBox{overflow-x: auto;}
.applyInfo .cartTable th,.applyInfo .cartTable td{border: 1px solid #E0E0E0; padding:0.4em 1em;}
.applyInfo .cartTable th{ background-color: #F7F7F7; }
.applyInfo .cartTable td{}
.applyInfo .cartTable th:nth-child(1){ width: 60%;}
.applyInfo .cartTable th:nth-child(2){ width: 15%;}
.applyInfo .cartTable th:nth-child(3){ width: 25%;}
.changeBtn{ background-color: #EBEBEB; border-color: #bbb; padding:0.2em 1em; font-size: 12px; }
.payway{}
.payway .tip{ font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.payway .radioGroups .list{ font-size: 15px; color: #414141;}
.transferAccounts{ margin:10px 0 0 20px; background-color: #F7F7F7; padding: 12px 15px;}
.transferAccounts .title{ font-weight: bold;}
.transferAccounts .radioGroups{ display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.transferAccounts .radioGroups .list{ margin-right: 20px; }
.transferAccounts .formItem .attrmc{ margin-bottom: 4px; font-weight: bold; }
.baPart .formItem .text{ line-height: 38px; height: 38px;}
.book{}
.book .subtit{ font-size: 16px; margin-bottom: 15px; font-weight: bold;}
.book .formItem{ display: flex; align-items: baseline;}
.book .formItem .attrmc{ margin-right: 20px; font-size: 15px;}
.book .formItem .attrval{ flex: 1; min-width: 0;}
.payTotal{}
.payTotal .wrap{ padding: 24px 30px;}
.payTotal .list{ margin-bottom: 8px; padding: 10px 0; border-bottom: 1px solid #A6A6A6; display: flex; justify-content: space-between;}
.payTotal .mc{ font-size: 16px; font-weight: bold;}
.payTotal .mc2{ font-size: 22px;}
.payTotal .val{ font-size: 17px;}

.tips_tc4{text-align:center;padding-bottom:30px;}

.tips_tc4 a {text-align:center; margin: 10px 30px;border-radius: 10px;padding: 5px 15px;   color: #fff;
    background: #B9845A;}