/*页面自适应设置*/
@media screen and (min-width: 720px) {
html { font-size: 100px; }
}
 @media screen and (max-width: 640px) and (min-width: 600px) {
html { font-size: 88.89px; }
}
 @media screen and (max-width: 600px) and (min-width: 414px) {
html { font-size: 83.33px; }
}
 @media screen and (max-width: 414px) and (min-width: 412px) {
html { font-size: 57.5px; }
}
 @media screen and (max-width: 412px) and (min-width: 384px) {
html { font-size: 57.22px; }
}
 @media screen and (max-width: 384px) and (min-width: 375px) {
html { font-size: 53.33px; }
}
 @media screen and (max-width: 375px) and (min-width: 360px) {
html { font-size: 52.08px; }
}
 @media screen and (max-width: 360px) and (min-width: 320px) {
html { font-size: 50px; }
}
 @media screen and (max-width: 320px) {
html { font-size: 44.44px; }
}
/*===========================================通配=====================================*/

* { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; display: block; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, dl { list-style: none; }
html, li { list-style: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
*, *:after, *:before { box-sizing: inherit; }
html { width: 100%; max-width: 800px; margin: 0 auto; }
body { /*overflow: hidden;*/
width: 100%; position: relative; max-width: 800px; margin: 0 auto; font-family: "Microsoft YaHei"; font-size: 0.265rem; background-color: #fff; }
.container { width: 100%; max-width: 800px; margin: 0 auto; }
b, i { font-style: normal; font-weight: normal; }
a { outline: none; text-decoration: none !important; color: #444; -o-transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; transition: .2s ease; }
a:link, a:visited { text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: none; outline: none; }
.after:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; font-size: 0; line-height: 0; }
.hide { display: none; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; }
.out { overflow: hidden; }
/*========================================================================================================*/


@keyframes clickfirst {  0% {
 transform: translateY(6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @-webkit-keyframes clickfirst {  0% {
 transform: translateY(6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @-moz-keyframes clickfirst {  0% {
 transform: translateY(6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes clicksecond {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes clicksecond {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes clicklast {  0% {
 transform: translateY(-6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
 @-webkit-keyframes clicklast {  0% {
 transform: translateY(-6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
 @-moz-keyframes clicklast {  0% {
 transform: translateY(-6px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
 @keyframes outfirst {  0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond {  0% {
 transform: translateY(0);
 opacity: 0;
}
 100% {
 transform: translateY(4px);
 opacity: 1;
}
}
 @keyframes outlast {  0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(12px) rotate(0deg);
}
}
 @-webkit-keyframes ReturnToNormal {  0% {
 -webkit-transform: scale(0.1, 1);
 -ms-transform: scale(0.1, 1);
 transform: scale(0.1, 1);
}
 100% {
 -webkit-transform: scaleX(1, 1);
 -ms-transform: scale(1, 1);
 transform: scaleX(1, 1);
}
}
 @keyframes ReturnToNormal {  0% {
 -webkit-transform: scale(0.1, 1);
 -ms-transform: scale(0.1, 1);
 transform: scale(0.1, 1);
}
 100% {
 -webkit-transform: scaleX(1, 1);
 -ms-transform: scale(1, 1);
 transform: scaleX(1, 1);
}
}
@font-face { font-family: 'DIN-Light'; src: url(../bjdy2/fonts/DIN-Light.otf); }
@font-face { font-family: 'digifacewide'; src: url(../bjdy2/fonts/digifacewide.ttf); }
/*=============================================公用导航头结束=======================================*/
.my_banner {margin: 5px 0;}
.my_main { padding: 0 0.25rem; margin-bottom: 10px; }
.my_main .my_mainbox { padding: 0 0.22rem 0.3rem; border: 1px solid #dfdfdf; border-radius: 10px; box-shadow: 0 0 0.2rem #ccc; }
.my_title { height: 0.6rem; display: flex; justify-content: center; align-items: center; }
.my_title span { display: block; width: 1.36rem; height: 1px; background-color: #dedede; }
.my_title p { font-size: 0.25rem; font-family: "Microsoft YaHei"; color: #333; margin: 0 0.6rem; }
.my_price .my_pricebox { width: 100%; padding: 0 0.36rem; height: 1.4rem; background: url(../Images/pricebg.png) no-repeat center; background-size: 100% 100%; position: relative; }
.my_price .my_pricebox p { font-size: 0.25rem; color: #333333; text-align: right; position: absolute; right: 0.3rem; bottom: 0.2rem; }
.my_price .my_pricebox p i { display: block; font-size: 0.25rem; color: #333333; width: 0.25rem; height: 0.25rem; }
.my_price .my_pricelist {    padding-top: 5px; height: 1rem; border: 1px solid #e2e2e2; border-top: none; border-radius: 5px; box-sizing: border-box; }
.my_price .my_pricelist ul { overflow: hidden; padding-top: 0.1rem; }
.my_price .my_pricelist ul li { width: 50%; float: left; font-size: 0.25rem; color: #1B1D1D; text-align: center; line-height: 0.4rem; }
.my_price .my_pricelist ul li span { color: #666666; }
.my_ipt { margin-top: 0.25rem; }
.my_iptbox { width: 100%; height: 0.98rem; margin-bottom: 0.2rem; position: relative; }
.my_iptbox input { width: 100%; height: 100%; border: none; outline: none; background-color: #e8e8e8; border-radius: 8px; padding: 0 0.32rem; font-size: 0.26rem; color: #000000; }
.baojia_bnt { background: #7c4747 !important; color: #FFF !important }
.my_iptbox select { width: 100%; height: 100%; border: none; outline: none; background-color: #e8e8e8; border-radius: 8px; padding: 0 0.32rem; font-size: 0.26rem; color: #000000; }
.my_iptbox span { width: 100%; height: 100%; background-color: #e8e8e8; border-radius: 8px; padding: 0 0.32rem; font-size: 0.26rem; color: #000000; display: block; line-height: 0.98rem; }
.my_iptbox i { display: block; font-size: 0.27rem; color: #000000; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0.3rem; }
.my_hide { width: 100%; overflow: hidden; z-index: 99999 !important; padding: 0.3rem; background-color: #fff; border-bottom: 1px solid #ccc; display: none; }
.my_hide h3 { font-size: 0.3rem; line-height: 0.6rem; overflow: hidden; margin: 0; color: #101010; background-color: #F9F9F9; }
.my_hide h3 span { display: block; width: 0.06rem; height: 0.3rem; margin: 0.15rem 0; background-color: #ff6f20; float: left; margin-right: 0.2rem; }
.my_hide .my_list { overflow: hidden; }
.my_hide ul { float: left; width: 25%; margin: 0; }
.my_hide ul li { text-align: center; margin: 0.1rem 0.07rem; }
.my_hide ul li a { display: block; text-align: center; line-height: 0.6rem; font-size: 0.2rem; color: #1B1D1D; border-radius: 3px; background-color: #f4f4f4; }
.my_hide ul .myhidecolor a { background-color: #ff6f20; color: #fff; }
.my_iptbox #my_btn { background-color: #ff6f20; color: #fff; font-size: 0.32rem; box-shadow: 2px 2px 3px -1px #afafaf; }
.my_iptbox label { display: block; font-size: 0.2rem; color: #913300; text-align: center; line-height: 0.98rem; }
.mymain { padding: 0 0.25rem; display: flex; justify-content: center; margin-top: 0.9rem; }
.mymain img { width: 6.67rem; height: 10.14rem; }
.my_last { padding: 0 0.25rem 0.8rem; margin-top: 0.4rem; }
.my_last p { font-size: 0.2rem; color: #a2a2a2; text-align: center; line-height: 0.4rem; margin: 0; }
.my_totop { width: 100%; padding: 0 0.5rem; margin-top: 0.4rem; }
.my_totop a { display: block; width: 100%; height: 0.8rem; font-size: 0.24rem; color: #fff; text-align: center; line-height: 0.8rem; background-color: #ff6f20; border-radius: 10px; }
.layui-layer-content { overflow: initial; }
.layui-layer-btn .layui-layer-btn0 { width: 100%; height: 0.6rem; line-height: 0.6rem; background-color: #ff6f20 !important; border-color: #ff6f20 !important; margin: 0; }
/*input==============>>>>city*/
#PoPy { z-index: 99999999999999 !important; position: absolute !important; }
._citys { width: 100%; display: inline-block; border: 2px solid #eee; padding: 0.05rem; position: relative; background-color: #fff; z-index: 99999999 !important; }
._citys span { color: #ff6f20; height: 15px; width: 15px; line-height: 13px; text-align: center; border-radius: 3px; position: absolute; right: 5px; top: 5px; border: 1px solid #ff6f20; cursor: pointer; }
._citys0 { width: 100%; height: 0.8rem; display: inline-block; border-bottom: 2px solid #ff6f20; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 0.8rem; font-size: 0.3rem; color: #888; width: 2rem; text-align: center; cursor: pointer; }
.citySel { background-color: #ff6f20; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 0.2rem 0; }
._citys1 a { width: 24%; height: 0.6rem; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 1%; margin-top: 0.1rem; line-height: 0.6rem; text-align: center; cursor: pointer; font-size: 0.25rem; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #ff6f20; }
/*===========================add============*/
.clearfix { overflow: hidden; margin-right: 0.2rem; }
.clearfix:before { content: '\0020'; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; content: '\0020'; display: block; height: 0; overflow: hidden; }
.num-window div { float: right; width: 0.45rem; height: 1.4rem; margin: 0 0.05rem;/*padding: 0.25rem 0;*/
}
.num-window div img { width: 100%; margin: 0.25rem 0; width: 0.45rem; height: 0.9rem; }