a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#f3f3f3;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

body { background:#fff;}
.head-bar { background:#0E50BD; border-bottom:none; display:none}
.head-bar-title { color:#fff; font-weight:400;}
.head-bar img { filter: grayscale(100%) brightness(500%);}
.gird-4 { background:#fff;padding: .2rem .1rem;}
.gird-4 li {width: 25%; height: 1.8rem;float: left;display: flex;justify-content: center;align-items: center;position:relative;}


.b10 {height:.2rem;clear:both;overflow:hidden;width:100%}
.b60 {height:1.2rem;clear:both;overflow:hidden;width:100%}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.blank52 {height:52px;clear:both;overflow:hidden;width:100%}
.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { width:100%; height:3.5rem;display: flex;justify-content: center;overflow: hidden;}
.m-focus .m-focus-box .swiper-wrapper img { width:auto; height:3.5rem;display: block;}

.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.16rem;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 .1rem;width:.2rem;height:.2rem;background:rgba(255,255,255,0.6);}
.swiper-pagination-bullet-active {opacity: 1;background:rgba(0,0,0,0.5);width:.2rem;height:.2rem;}


.com-bar{position:fixed;z-index:9;bottom:0;background:#0E50BD;width:100%;height:1.1rem;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; height:1.1rem; text-align:center}
.com-bar li i{margin: auto;display: block;width:.4rem;height:.4rem;margin-top:.16rem;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("img/fix-back.png")}
.com-bar .btn-sell i{background-image:url("img/icon-action.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar .btn-qq i{background-image:url("img/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: .26rem;text-align: center;margin-top:.1rem}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:1.1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1.1rem;overflow:hidden;width:100%}

.f7f7f7{overflow:hidden;margin-bottom:.2rem; background:#fff;}
.white{overflow:hidden;margin-bottom:.2rem; background:#fff;}
.intro{font-size:.28rem;line-height:.5rem;overflow:hidden;padding: .3rem;color:#333;}
.intro p{text-indent:.6rem;color:#333}
.intro img{width:100%;height:auto}
.more a{width: 2.4rem;height: .6rem;color: #333;font-size: .26rem;display: block;text-align: center;line-height: .6rem;margin-bottom:.3rem;margin-top: .3rem;border-radius:.08rem;border:#dadada 1px solid}
.more{width:2.4rem;margin:0px auto 0px;}
.more i{font-style: normal;font-family: "宋体";}
.box dt{text-align:center;font-size: .4rem;color: #222;display: block;text-transform : uppercase;overflow:hidden;padding:.2rem 0;font-weight:700}
.box dt span { border-bottom: .16rem solid #F9F871;height: .68rem;line-height: 1.16rem;display: inline-block;padding:0 .1rem;}
.box dt em {font-style: normal;color: #666;display:block;font-size:.2rem;font-weight:normal;}
.news-list-box ul {overflow:hidden;padding:0 .3rem}
.news-list-box ul li img{width:2.4rem;border-radius:.06rem}
.news-list-box ul li{position: relative;overflow:hidden;padding: .3rem 0;border-bottom:#eee 1px solid}
.news-list-box ul li h5{font-size:.29rem;margin-bottom:.2rem; color:#333; font-weight:400;}
.news-list-box ul li em{font-size:.24rem;line-height:.4rem;color:#777;text-align:left; font-style:normal; color:#999;}
.news-list-box ul li .left{width:2.4rem; float:right;margin-left:.3rem;}
.news-list-box ul li .right{overflow:hidden;font-size:.32rem;}
.s-box{overflow:hidden;position:relative;}
.s-box ul{width:100%;padding:0 .3rem;box-sizing: border-box;}
.s-box ul li { float:left; width:48.5%;margin-right:3%;margin-top:.2rem;overflow:hidden; background:white;border-radius:.08rem;}
.s-box ul li:nth-child(2n+2) { margin-right:0;}
.s-box ul li .pic { width:100%;}
.s-box ul li .pic img { width:100%;border-radius:.08rem}
.s-box ul li .text { width:100%;box-sizing: border-box;padding:.2rem;}
.s-box ul li .text strong { color:#333; font-size:.28rem; display:block; font-weight:400;text-align:center}
.s-box ul li .text p { display:block; overflow:hidden; text-align:center;font-size:.28rem}
.s-box ul li .text p span { width:100%; float:left; font-size:.24rem; color:#999;margin-top:.2rem;text-align:center}
.s-box ul li .text p.price{color:red;font-size:.32rem}
.s-box ul li .text p.price i{font-style: normal;font-size:.24rem;}
.contact-us{padding:.3rem;line-height:.5rem; text-align:center;overflow:hidden; color:#999;}
.contact-us a { color:#999;}
.contact-us p{margin:0}
.ui-album {
    background: #ffffff;
    color: #FFFFFF;
}


.cdx-box{background:white;overflow:hidden;position:relative;padding-bottom:.2rem}
.cdx-box ul{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap; background:white}
.cdx-box ul li{ display:inline-block;white-space:normal;width:36%;margin:.0rem .05rem 0 .15rem;overflow:hidden;text-align:center;border:1px solid #eee; padding:.2rem; box-sizing:border-box;}
.cdx-box ul li img{cursor: pointer;transition: all 0.6s;width:100%}


/*======================*/

.op-nav-out{width:100%;height:52px;position:relative;top:0;left:0;z-index:199}
.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}
.op-nav{height:32px;z-index:109;width:100%;font-size:16px;width:100%;padding:10px 0 10px 0px;background: linear-gradient(49deg,#0F53C3,#01358B);color: #fff;position:fixed;top:0;left:0;}

.op-nav .left{float:left;width:25px;padding-left:10px;position:absolute;top:0;left:0;padding-top:15px;}
.op-nav .center{margin:0px 50px 0px 30px; text-align:center;line-height:32px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.op-nav a{color:#fff}
.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}

.icon_box {
	width:20px;
	height:20px;
	cursor:pointer;
}
.icon_box span {
	width:20px;
	height:2px;
	background:white;
	display:block;
	margin-top:5px;
	transition:all .1s;
	-webkit-transition:all .6s;
	transform-origin:0px center;
}
.icon1 {
	transform:rotate(45deg)!important;
}
.icon2 {
	width:0!important;
	margin-left:3px!important;
}
.icon3 {
	transform:rotate(-45deg)!important;
}



.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;}
.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.8);right:0;top:52px;overflow:hidden;border-radius:0 0 0px 5px;padding:8px 0}
.menu-pop-n-ati{width:120px;height:auto;transition:width .3s,height .1s;}
.menu-nav-n{overflow:hidden}
.menu-nav-n ul{overflow:hidden;z-index:2000}
.menu-nav-n li{width:100%;height:42px;line-height:42px;text-indent:15px; font-size:14px;}
.menu-nav-n a{color:#fff;display:block; position:relative}
.menu-nav-n ul li img { width:18px;position: relative;top: .1rem; margin-right:.1rem;filter: grayscale(100%) brightness(300%);}

.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.1);position:fixed;top:0;left:0;z-index:105; display:none}


.m-swiper-tab-box { padding:10px 0; background:#f9f9f9;}
.m-evaluation-tab li { width: auto; min-width: 90px; height: 28px; float: left; line-height: 28px; text-align: center; -moz-border-radius: 15px; border-radius: 15px; background: #fff; margin-left: 10px; border:1px solid #e6e6e6;}
.m-evaluation-tab li a { padding: 0 20px; display: block; font-size: 12px; color: #595959;}
.m-evaluation-tab li.active { background: #0E50BD;border:1px solid #0E50BD;}
.m-evaluation-tab li.active a { color: #fff;}

/*****整体固定布局样式 end****/
.ui-stores{
    width:384px;
    height:713px;
    background:#f0f0f0;
    border-radius:4px;
    float:left;
    margin-left:100px;
    margin-top:10px;
    border:1px solid #d0d0d0;
    position:fixed;
    z-index:1;
}
.ui-phone-container{
    /*border:1px solid #d0d0d0;
    width:277px;
    height:452px;
    position:relative;
    top:69px;
    left:17px;
    background:#fff;
    overflow-y:auto;
    overflow-x:hidden;
*/
}
.ui-phone-container-page{
    background-size:cover;
}
.ui-block{
    width:100%;
    margin:0px;
    padding:0px;
}
 
.ui-component{
    width:76px;
    height:96px;
    margin:10px;
    float:left;
    cursor:move;
    z-index:1;
}
.ui-component-item{
    margin-top:0px;
    position:relative;
    max-width:640px;
}

.ui-component a{
    display:block;
    width:76px;
    height:76px;
    text-decoration:none;
    background-repeat: no-repeat;
}
        
.ui-component span{
    display:inline-block;
    text-align:center;
    width:100%;
    height:20px;
    line-height:20px;
}
        
.ui-configration{
    min-height:1px;
}
.ui-configration.hover{
    border-color:#668dc6;
    border-width:1px;
    border-style:none solid solid solid;
}
.ui-sort{
    width:100%;
    position:absolute;
}
.ui-hide{
    visibility:hidden;
}
        
        
        
.ui-component-edit-back{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#000;
    position:absolute;
    z-index:2;
    opacity:0.7;
}
.ui-component-edit-line{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    border:3px dashed #F77D00;
    position:absolute;
    z-index:3;
    cursor:move;
}
        
.ui-component-edit-buttons{
    position:absolute;
    height:20px;
    top:8px;
    text-align:right;
    display:none;
    z-index:4;
    width:100%;
}
.ui-component-edit-buttons a{
    display:inline-block;
    width:30px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
    text-align:center;
    margin-right:5px;
    font-weight:bold;
    font-size:12px;
}

.ui-visible{
    opacity:1;
}
.ui-visible .show{
    display:none;
}
.ui-visible .hide{
    display:inline-block;
}
.ui-hidden{
    opacity:0.5;
}
.ui-hidden .show{
    display:inline-block;
}
.ui-hidden .hide{
    display:none;
}


img.ui-img-placeholder{
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    border:none;
}
.edit-eye{
    background-image:url(../Images/eye.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-remove{
    background-image:url(../Images/cross.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-down{
    background-image:url(../Images/sort-down.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}
.edit-up{
    background-image:url(../Images/sort-up.png);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    background-color:#fff;
    width:25px;
    cursor:pointer;
    height:25px;
}

.edit-async{
    height:40px;
    line-height:40px;
    float:left;
}
.edit-async div.checkbox{
    width:30px;
    height:30px;
    display:block;
    float:left;
}
.edit-async div.checkbox input{
    margin:15px;
}
.edit-async div.tips{
    margin-left:35px;
    font-size:1.4em;
    font-weight:bold;
    color:#666;
}
.piao{
position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    max-width: 640px;
    background-color: white;
}
.f_content {
    padding-left: 5%;
}

 .frbox{ width: 94.5%; max-width: 600px; height: auto; float: left;overflow: hidden;}
		.name,.telbox{ width: 94.5%; height: 60px; background: #fff; border: 1px solid #ddd; float: left; margin-top: 10px; padding: 5px; box-sizing: border-box;}
		.name input.uname{ width: 43%; height: 48px; border: 0; line-height: 48px; padding: 0 5px; font-size: 16px;outline: none;}
		.name label {display: inline; cursor: pointer; margin-right: 20px;}
		.name .sex {display: none;}
		.name .sex + label span {-webkit-appearance: none;background-color: #fff;border: 1px solid #aaa;padding: 9px;border-radius:50px;display: inline-block;position: relative; top: 5px;}
		.name .sex:checked + label span{ border-color: #004dac;}
		.name .sex:checked + label span:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background:#004dac;left: 3px;}
		.telbox input.tel{width: 98%; height: 48px; border: 0; line-height: 48px; padding: 0 5px; font-size: 16px;outline: none;}
		.btns{ width: 100%; padding: 0;    padding-left: 5%;}
		.btns .subbtn{ width:90%; height: 60px; cursor: pointer; margin-top: 10px; font-size: 24px; float: left;background:#4e6ef2; color: #fff; text-align: center; border: 0;}
		.telbox{ position: relative;}
		.yzmbox{ width: 40%; height: 50px; z-index: 999; padding: 4px; border: 0; position: absolute; top: 0; right: 0;}
		.yzmbox input{ border: 0;height: 50px; line-height: 50px; display: block; float: left; width: 50%;}
		.yzmbox img{ display: block; float: right;}
		.hidden{ display: none;}
		.float-tel{position:fixed;z-index:9;bottom:90px;width:45px;height:45px;display:block;right:10px;}
.float-tel a{display:block;background:#252677 url(/m/img/710549ae76e7d06e2f8c59fc4da03437.png) no-repeat center;background-size:50% 50%;height:45px;width:45px;border-radius:50%;font-size:0;}