.w1200{width: 64%;margin: auto;}
.Mgb{background-color: #4fb7d2;}
.Mgb1{background-color: #f88f32;}
.colora{color: #bababa;}
.color0{color: #000;}
.color3{color: #333;}
.colorM{color: #4fb7d2;}
.colorY{color: #f88f32;}
.py12{padding-top: 120px;padding-bottom: 120px;}
.py6{padding-top: 60px;padding-bottom: 60px;}
.py8{padding-top: 80px;padding-bottom: 80px;}
.mb6{margin-bottom: 60px;}
.i{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.con{width: 100%;min-height: 800px;position: relative;}
.wh18{width: 18px;height: 18px;}
.wh28{width: 28px;height: 28px;}
.wh30{width: 30px;height: 30px;}
.wh40{width: 40px;height: 40px;}
.wh90{width: 90px;height: 90px;}
.wh100{width: 100px;height: 100px;}

.over::-webkit-scrollbar {
    width: 10px; height: 10px;
}
.over::-webkit-scrollbar-thumb:hover {
  background-color: rgba(189, 189, 189, 0.5);
  background-clip: border-box;
  background-clip: padding-box;
  border-width: 3px;
  border-color: transparent;
  border-style: solid;
  border-radius: 5px;
  transition: all 0.3s;
}

.but-50{width: 100%;height: 50px;text-align: center;height: 50px;text-align: center;line-height: 50px;border-radius: 10px;cursor: pointer;}
.radius20{background-attachment: #fff;box-shadow:  0 6px 20px  rgba(0,0,0,0.2);}

/* 开屏页 */
.screen{width: 100%;height: 1060px;position: relative;}
.wh47{width: 47px;height: 47px;position: absolute;top: 20px;right: 50px;}
.arr{width: 64px;height: 64px;position: absolute;bottom: 50px;left: 50%;margin-left: -32px;}

/* 登录 */
.limg{width: 40%;height: 1080px;display: block;}
.login{width: 60%;position: relative;padding: 40px 100px;box-sizing: border-box;}
.logo{width: 200px;height: 80px;background-color: #4fb7d2;color: #fff;font-size: 26px;margin-bottom: 60px;}
.i1{width: 191px;height: 396px;position: absolute;bottom: 0;right: 20px;}
.lbox{background-color: #fff;box-shadow: 0 2px 16px 0 rgba(0,0,0,0.12);width: 60%;margin: auto;padding: 50px;box-sizing: border-box;}
.lbor{width: 100%;height: 50px;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;margin-top: 20px;}
.lbor input{font-size: 14px;width: 100%;height: 100%;padding: 0 20px;border: none;border-radius: 10px;box-sizing: border-box;}
.wh80{width: 80px;height: 80px;}

.wh24{width: 24px;height: 24px;}
.wh30{width: 30px;height: 30px;}
.wh51{width: 51px;height: 56px;margin-right: 20px;}
.colorR{color: #f72c52;}

/* 首页 */
.tList{border-left: 2px solid #f0f0f0;font-size: 16px;padding: 0 20px;right: 200px;line-height: 3;position: fixed;cursor: pointer;}
.w2{width: 2px;height: 50%;position: absolute;left: -2px;background-color: #4fb7d2;transition: all 0.3s;}
.box{background-color: #fff;box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2);border-radius: 20px;margin-bottom: 50px;}
.box .i3{height: 380px;max-width: 37%;display: inline-block;}
.wh6{width: 6px;height: 6px;display: inline-block;border-radius: 50%;background-color: #999;margin: 0 2px;}
.radius20-L{border-radius: 20px 0 0 20px;}
.radius20-R{border-radius:  0 20px 20px 0;}
.r1{width: 63%;padding: 40px;box-sizing: border-box;position: relative;}
.i4{width: 78px;height: 102px;position: absolute;right: 20px;bottom: 20px;}

.box1{width: 49%;margin-right: 2%;margin-bottom: 70px;padding:20px;box-sizing: border-box;background-color: #fff;box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2);border-radius: 20px;}
.box1:nth-child(2n){margin-right: 0;}
.tou{width: 90px;height:36px;line-height: 36px;text-align: center;border-radius: 8px;}
.pai{background-color: #fce8d5;border-radius: 6px;text-align: center;font-size: 14px;width: 80px;overflow: hidden;height: 26px;}
.wh4{width: 4px;height: 4px;background-color: #fff;border-radius: 50%;}
.pai .Mgb1{min-width: 45px;height: 100%;}
.i5{max-width: 30%;}
.i5 img{width: 100%;height: 240px;display: block;margin-top: -50px;margin-bottom: 20px;}
.box1 .r2{width: 66%;}

.w70{height: 700px;position: fixed;top: 80px;right: 50px;}


/* 我要投稿 */
.conbox{position: relative;width: 100%;height: 1000px;}
.conbox1{background-color: #fff;box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2);border-radius: 20px;padding: 60px 50px;font-size: 16px;box-sizing: border-box;}
.radius8{flex:1;border-radius: 8px;border: 1px solid #d2d2d2;padding: 15px 30px;box-sizing: border-box;margin-left: 10px;margin-bottom: 30px;}
.radius8 input{font-size: 16px;width: 100%;border: none;background-color: transparent;}
.radius8 textarea{font-size: 16px;width: 100%;height:160px;border: none;background-color: transparent;}
.shen{width: 200px;height: 60px;line-height: 60px;text-align: center;border-radius: 10px;font-size: 18px;margin-top: 40px;margin-bottom: 10px;}







page{
	min-width: 375px !important;
	}
@media only screen and (max-width:1920px){
	.w1200>.flex-wrap{min-height: auto!important;}
	.w1200{width: 1200px;margin: auto;}
	.i2 {width: 284px;height: 238px;}
	.mb6 {display: flex;}
	.pai{min-width: 80px;}
	.tou{min-width: 76px;}
	#footer_app{height: auto!important;}
	.box3 img {width: 100%; height: 240px;}
	.sdf {margin-left: 0!important;justify-content: center;}
	.listrr { margin-left: 0%;}
	.p-fXY>img {object-fit: cover;display: block;}
}

@media only screen and (max-width:1800px){
	.tList{margin-right: 0px;right: 100px}
}


@media only screen and (max-width:1650px){
	.box3 img {width: 100%; height: 220px;}
	
}
@media only screen and (max-width:1600px){
	.w1200{width: 72%;margin: auto;}
	.i5 {max-width:35%;}
	.box1 .r2 {width: 60%;}
	.i2 {width: 252px;height: 212px;}
	.i1 {width: 175px;height: 350px;}
	.sd_w1200{width: 86%!important;margin: auto;}
}
@media only screen and (max-width:1500px){
	.box3 img {width: 100%; height: 200px;}
}
@media only screen and (max-width:1400px){
	.box3 img {width: 100%; height: 180px;}
}
@media only screen and (max-width:1450px){
	.i5 {max-width:37%;}
	.box1 .r2 {width: 58%;}
	.lbox {width: 70%;}
	.i1 {width: 150px;height: 300px;}
	.sd_bgpt {display: none;}
}
@media only screen and (max-width:1320px){
	.sd_w1200{width: 95%!important;margin: auto;}
}
@media only screen and (max-width:1300px){
	.w1200{width: 75%;margin: auto;}
	.w70 {right: 0px;left: 40px;}
	.lbox {width: 80%;}
	
	.tList{margin-right: 0px;right: 10px}
}
@media only screen and (max-width:1250px){
	.w-25 {width: 50%;height: 82px;}
	.i1 {width: 120px;height: 240px;}
	.logo {width: 150px;height: 60px;}
}
@media only screen and (max-width:1200px){
	.lbox {width: 90%;}
	.box3 img {width: 100%; height: 165px;}
}
@media only screen and (max-width:1150px){
	.w1200{width: 68%;margin: auto;}
	.box .i3 {height: 300px;}
	.box1 .r2 {width: 50%;}
	.i5 {max-width:46%;}
	.i5 img {height: 200px;}
	.h500{height: 440px!important;}
	.h460{height: 400px!important;}
	.sd_right{width: 58%!important;}
	.sd_tab{width: 70px!important;}
	.box3 {width: 32%!important;}
	.box3:nth-child(3){margin-right: 0;}
	.box3 img {width: 100%; height: 190px;}
}
@media only screen and (max-width:1050px){
	.lbox {width: 100%;}
	.sou {width: 420px!important;}
	.p3>div:nth-child(2){overflow-x:scroll;white-space: nowrap;}
	.p3>div:nth-child(2)>.tr{min-width: 800px;}
	.p3>.d-flex {height: 1040px;position: relative;flex-wrap: wrap;justify-content: center;}
	.p3>.d-flex>.box2{width: 70%;height: 280px;}
	.p3>.d-flex>.bg1{position: absolute;top: 310px;}
	.p3>.d-flex>.bg2{position: absolute;top: 0px;}
	.p3>.d-flex>.bg3{position: absolute;top: 675px;}
	.sd_right{width: 54%!important;}
	.sd_tab{width: 60px!important;}
	.box3 img {width: 100%; height: 175px;}
}
@media only screen and (max-width:1000px){
	.w1200{width: 66%;margin: auto;}
	/* .box .i3 {height: 300px;} */
	.box1 {width: 100%;margin-right: 0;}
	.i5 {max-width:31%;}
	.i5 img {height: 260px;}
	.box1 .r2 {width: 65%;}
	.font-30{font-size: 20px;}
	.shu{width: 6px;height: 20px;margin: 6px 10px;}
	.py12{padding-top: 80px;padding-bottom: 80px;}
	.py10{padding-top: 60px;padding-bottom: 60px;}
	.mb8{margin-bottom: 40px;}
	.p46 {padding: 20px 30px!important;}
	.h500{height: 380px!important;margin-top: 40px!important;}
	.h460{height: 320px!important;margin-top: 40px!important;}
	.sou {width: 380px!important;}
	.sd_text{width: auto!important;}
	.box3 img {width: 100%; height: 160px;}
}
@media only screen and (max-width:950px){
	.login {width: 70%;padding: 40px 70px;}
	.sou {width: 350px!important;}
	.sd_right{width: 52%!important;}
	.sd_tab{width: 60px!important;}
	.sd_pt{width: 350px;height: 350px;}
	.sd_imglist {width: 350px;}
	.sd_subit {margin-top: 90px!important;}
	.box3 img {width: 100%; height: 150px;}
	.box3:nth-child(3){margin-right: 0;}
}
@media only screen and (max-width:900px){
	.box3{width: 49%!important;}
	.box3:nth-child(2){margin-right: 0%;}
	.box3:nth-child(3){margin-right: 2%;}
	.box3 img {width: 100%; height: 240px;}
	.addAddress {width: 600px!important;}
}
@media only screen and (max-width:880px){
	.sd_w1200 {width: 80%!important;}
	.sd_head{display: block;}
	.sd_left{margin: 0 auto;}
	.sd_pt {width: 70%!important;height: 40%;margin: 0 auto;display: block;}
	.sd_right{width: 90%!important;margin: 0 auto;}
	.sd_imglist {width: 70%!important;margin: 20px auto;}
	.sd_shop{position: static!important;justify-content: center!important;}
}
@media only screen and (max-width:850px){
	.i4 {width: 52px;height: 68px;}
	.box .i3 {height: 260px;}
	.i5 {max-width:33%;}
	.i5 img {height: 240px;}
	.box1 .r2 {width: 63%;}
	.r1 {padding: 20px;}
	.py8{padding-top: 40px;padding-bottom: 40px;}
	.i2 {width: 189px;height: 159px;}
	.limg {width: 100%;}
	.login {width: 70%;position: absolute;top: 10%;left: 50%;transform: translateX(-50%);}
	.i1 {display: none;}
	.sou {width: 325px;!important}
	.p3>.d-flex>.box2{width: 80%;height: 280px;}
	.box3 img {width: 100%; height: 220px;}
}
@media only screen and (max-width:800px){
	.sou {width: 330px!important;margin: 40px 0;}
	.sou input {width: 165px;}
	.box3 img {width: 100%; height: 200px;}
}
@media only screen and (max-width:750px){
	.h500{height: 320px!important;margin-top: 30px!important;}
	.h460{height: 260px!important;margin-top: 30px!important;}
	.w-25 {width: 100%;height: 52px;}
	.login {width: 80%;}
	.p3>.d-flex>.box2{width: 90%;height: 280px;}
	.box3 img {width: 100%; height: 180px;}
	.w1200>.j-end {display: block;}
	.sou1{width: 100%!important;margin-bottom: 20px;}
	.addAddress {width: 500px!important;}
	.addAddress>img{ bottom: -81px!important;right: -43px!important;width: 166px;height: 299px;}
}
@media only screen and (max-width:700px){
	.font-30{font-size: 18px;}
	.box {display: block;}
	.r1 {width: 100%;padding: 20px;height: 260px;}
	.box .i3 {max-width: 100%;width: 100%;height: 280px;}
	.shu{width: 4px;height: 18px;margin: 4px 5px;}
	.py12{padding-top: 60px;padding-bottom: 60px;}
	.py10{padding-top: 40px;padding-bottom: 40px;}
	.mb8{margin-bottom: 30px;}
	.i5 {max-width:70%;display: flex;}
	.i5 img {height: 180px;width: 60%;}
	.box1 .r2 {width: 100%;}
	.i2 {width: 126px;height: 106px;}
	.pai{margin-left: 20px;}
	.conbox1 {padding: 40px 40px;}
	.sd_text {width: 90%!important;}
	.box3 img {width: 100%; height: 170px;}
}
@media only screen and (max-width:650px){
	.box3 img {width: 100%; height: 156px;}
	.addAddress {width: 400px!important;}
	
	.tList{margin-right: 0px;display: none}
}
@media only screen and (max-width:605px){
	.tList{margin-right: -82px;margin-top: 30px;}
	.h500{height: 250px!important;}
	.h460{height: 200px!important;}
	.login {width: 90%;}
	.p3>.d-flex>.box2{width: 100%;height: 280px;}
	.sd_w1200 {width: 90%!important;}
	.box3{width: 80%!important;}
	.box3:nth-child(1){margin-right: 0%;}
	.box3{margin-left: 10%;}
	.box3 img {width: 100%; height: 265px;}
}
@media only screen and (max-width:550px){
	.tList{margin-right: -82px;margin-top: 30px;}
	.h500{height: 250px!important;}
	.h460{height: 200px!important;}
	.login {width: 100%;}
	.sd_w1200 {width: 100%!important;}
	.box3 img {width: 100%; height: 238px;}
	.sli {margin-right: 60px!important;}
	.addAddress {width: 300px!important;}
	.addAddress>img{ bottom: -67px!important;right: -39px!important;width: 123px;height: 260px;}
}
@media only screen and (max-width:500px){
	.w1200{width: 96%;margin: auto;}
	.py12{padding-top: 30px;padding-bottom: 30px;}
	.py10{padding-top: 20px;padding-bottom: 20px;}
	.mb8{margin-bottom: 20px;}
	.mb6 {display: block;}
	.tList{margin-right: 0px;right: 10px}
	.w70 {right:0;left: auto;}
	.w-25 {width: 100%;height: 62px;}
	.login {width: 100%;padding: 40px 40px;}
	.sd_imglist {width: 100%!important;}
	.sd_pt {width: 100%!important;height: 40%;}
	.box3{width: 70%!important;}
	.box3 {margin-left: 15%;}
	.box3 img {width: 100%; height: 242px;}
}
@media only screen and (max-width:475px){
	.login {width: 100%;padding: 20px 20px;}
	.box3 img {width: 100%; height: 220px;}
	
	.tList{margin-right: 0px;display: none;}
}
@media only screen and (max-width:450px){
	.login {width: 100%;padding: 20px 20px;}
	.box3 img {width: 100%; height: 200px;}
}

@media only screen and (max-width:400px){
	.w1200{width: 96%;margin: auto;}
	.py12{padding-top: 30px;padding-bottom: 30px;}
	.py10{padding-top: 20px;padding-bottom: 20px;}
	.mb8{margin-bottom: 20px;}
	.conbox1 {padding: 20px 20px;}
	.h500{height: 200px!important;}
	.h460{height: 150px!important;}
	.w-25 {width: 100%;height: 72px;}
	.lbox { padding: 40px;}
	.sd_subit {width: 120px;}
	.box3 img {width: 100%; height: 190px;}
}
@media only screen and (max-width:375px){
	.w1200{width: 96%;margin: auto;}
	.py12{padding-top: 30px;padding-bottom: 30px;}
	.py10{padding-top: 20px;padding-bottom: 20px;}
	.mb8{margin-bottom: 20px;}
	.lbox { padding: 30px;}
	.p-fXY {min-width: 375px !important;}
	/* .conbox{min-width: 375px !important;}
	.con{min-width: 375px !important;}
	#head_app{min-width: 375px !important;} */
	#app{min-width: 375px !important;}
}