/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}

}

.mainFull{width: 100%;max-width: 768px;margin: 0 auto;}

/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:#fff;position:relative;z-index:999;width:100%;display: block;top: 0;display: flex;align-items: center;justify-content: space-between;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:70px;margin-top:0;line-height: 70px;}
.sp_nav img{width: 100%;vertical-align: middle;}
.sp_nav span{display:block;background:#0188FB;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height: 100%;font-size:14px;line-height:40px;top:0;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;display: block;}
.nav_show{right: 0;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#777;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #5d9ce9;}
.sjj_nav ul li ul li a{color:#777;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#777;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#5d9ce9}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}

.headLink{float: right;line-height: 70px;margin-left: auto;}
.headLink a{display: inline-block;font-size: 14px;color: #333;margin-left: 10px;}
.headLink a:hover{color: #5d9ce9;}

.sjj_nav_top{height: 70px;background: #5d9ce9;color: #fff;width: 100%;padding: 0 10px;box-sizing: border-box;}

/*mSearch*/
.mSearch{position: relative;width: calc(100% - 20px);height: 35px;overflow: hidden;margin: 20px 10px;}
.mSearch input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 60px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 25px;background: none;outline: none;}
.mSearch button{background: #5d9ce9;width: 60px;height: 35px; position: absolute; top: 0;right: 0;border-radius: 0 25px 25px 0;color: #fff;font-size: 14px;border: none;}

/*swiper*/
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.alibtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.5s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}

/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #5d9ce9;width:20px;}

.comPage{padding: 20px 10px;box-sizing: border-box;}
.iTit{text-align: center;font-size: 20px;font-weight: bold;position: relative;color: #000;}
.iTit span{display: inline-block;position: relative;padding: 0 10px;}
.iTit span:after{position: absolute;bottom: -10px;width: 100%;height: 20px;background: #5d9ce9;content: "";left: 0;z-index: -1;}
.iTxt{text-align: center;margin: 10px 0 20px;font-size: 14px;color: #666;}

.iSwiperBtn{position: relative;padding-bottom: 55px;}
.iSwiperBtn .swiper-button-next,
.iSwiperBtn .swiper-button-prev{width: 50px;height: 35px;top: auto;bottom: 10px;border: 1px solid #666;background-size: 15px;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}
.iSwiperBtn .swiper-button-next{right: calc(50% - 55px);}
.iSwiperBtn .swiper-button-prev{left: calc(50% - 55px);}

.i1Warp{width: 100%;}
.i1List{width: 100%;}
.i1List .item{width: calc(50% - 10px);margin: 0 5px;}
.i1List .item .part{display: block;padding-bottom: 10px;width: 100%;}
.i1List .item .part .img{width: 100%;height: 160px;display: flex;justify-content: center;align-items: center;background: #eee;}
.i1List .item .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.i1List .item .part .t1{font-size: 14px;color: #666;height: 40px;line-height: 20px;text-align: center;overflow: hidden;margin-top: 10px;}

.i2Swiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.i2Swiper .swiper-pagination-bullet-active{background: #5d9ce9;width:20px;}

.i3Tit{padding: 10px 0;border-bottom: 1px solid #eee;font-size: 16px;color: #333;}
.i3Tit i img{width: 20px;vertical-align: middle;margin-left: 10px;}

.i3List ul li{line-height: 50px;border-bottom: 1px dashed #d2d2d2;}
.i3List .part{display: flex;justify-content: space-between;padding-left: 15px;box-sizing: border-box;align-items: center;font-size: 14px;color: #333;position: relative;}
.i3List .part:before{width: 6px;height: 6px;background-color: #5d9ce9;border-radius: 50%;position: absolute;left: 0;top: 23px;content: "";}
.i3List .part .t1{flex: 1;}
.i3List .part span{display: inline-block;margin-left: 20px;}
.i3Img{width: 100%;margin-bottom: 10px;}
.i3Img img{width: 100%;}

.i4List{margin: 10px 0;}
.i4List ul li{margin: 15px 0;}
.i4List .part{display: block;display: flex;justify-content: space-between;align-items: center;}
.i4List .part .img{width: 30%;}
.i4List .part .img img{width: 100%;}
.i4List .part .desc{width: 67%;}
.i4List .part .t1{font-size: 14px;color: #333;font-weight: bold;}

.i5Warp{width: 100%;}
.i5List{width: 100%;}
.i5List .item{width: calc(50% - 10px);margin: 0 5px;padding-bottom: 10px;}
.i5List .item .img{width: 100%;height: 160px;display: flex;justify-content: center;align-items: center;border: 1px solid #eee;}
.i5List .item .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.i5List .item .desc .t1{font-size: 14px;color: #000;height: 20px;line-height: 20px;overflow: hidden;margin-top: 10px;}
.i5List .item .desc a{color: #5d9ce9;}

.i6TitEn{font-size: 16px;color: #000;text-align: center;}
.i6Tit{font-size: 20px;color: #000;text-align: center;margin: 10px 0 15px;}
.i6Desc{font-size: 14px;color: #000;}
.i6List ul li{width: 50%;padding: 5%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.i6List ul li .icon {width: 60px;display: inline-block;}
.i6List ul li .icon img{width: 100%;}
.i6List ul li .desc{width: calc(100% - 70px);font-size: 14px;color: #333;}
.i6List ul li .desc a{color: #333;}
.i6List ul li .t1{display: block;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.i6List ul li .t1:after{position: absolute;left: 0;bottom: 0;width: 30px;height: 1px;background: #5d9ce9;content: "";}

.footer{background: #f7f7f7;border-top: 5px solid #5d9ce9;text-align: center;color: #555555;/*margin-bottom: 66px;*/font-size: 14px;}
.footBtm{position: fixed;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 99;width: 100%;max-width: 768px;background: #5d9ce9;}
.footBtm ul li{width: 33.3%;height: 66px;}
.footBtm .part{display: block;width: 100%;height: 100%;}
.footBtm .part img{width: 100%;height: 100%;}

.pro1{width: 100%;}
.pro1Tit{font-size: 30px;color: #777;text-align: center;}
.ertcon{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 20px 0;}
.ertcon span{display: block;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;}
.ertcon .p1{background: #555555;width: 60%;}
.ertcon .p2{background: #5d9ce9;width: 40%;}

.pro1Search{width: 100%;height: 50px;position: relative;overflow: hidden;border: 1px solid #ccc;}
.pro1Search input{width: 100%;height: 50px;position: absolute;top: 0;left: 0;outline: none;background: transparent;padding: 0 110px 0 10px;box-sizing: border-box;}
.pro1Search .but1{width: 110px;height: 50px;border: none;position: absolute;top: 0;right: 0;background: #5d9ce9;text-align: center;}
.pro1Search .but1 img{width: 100%;height: 100%;object-fit: cover;padding: 0;margin: 0;}

.s-whole{ width: 100%;text-align: center;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0;}

.s-whole .contshow {
	width: 49%;
	display: inline-block;
	background-color: #F6F6F6;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
}

.s-whole .cur .sjx {
	transform: rotate(180deg);
}

.s-whole .tit {
	color: #333333;
	display: inline-block;
	overflow: hidden;
}

.s-whole .sjx {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../images/sjx.png) no-repeat center;
	background-size: 10px auto;
	transition: all 0.5s;
	margin-left: 5px;
}


.ovyhd{overflow-y: hidden;}
.item_options {
	display: none;
	position: relative;
	width: 100%;
	color: #333;
	overflow: hidden;
	overflow-y: auto;
	z-index: 99999;
	max-height: 60vw;
	background-color: #F6F6F6;
	/*top: 12vw;*/
	border-bottom: 2px solid #5d9ce9;
}

.item_options ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    height: 12vw;
    line-height: 12vw;
    font-size: 3.5vw;
    color: #555555;
    float: left;
    width: 50%;
    padding: 0 10px 0 10px;
    text-align: center;
}
.item_options ul li a{
    display: block;
}
.item_options ul li .on{
    color: #5d9ce9;
}
.item_options ul li:not(:last-child):before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
}

.item_options ul li:nth-child(2n):after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    left: 0;
    top: 13px;
    bottom: 13px;
}
.item_options2{
    display: none;
    position: absolute;
    width: 100%;
    color: #333;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
    max-height: 47vw;
    background-color: #F6F6F6;
    top: 15vw;
    border-bottom: 1vw solid #5d9ce9;
}

.item_options2 ul li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    height: 12vw;
    line-height: 12vw;
    font-size: 3.5vw;
    color: #555555;
    float: left;
    width: 50%;
    padding: 0 10px 0 10px;
}
.item_options2 ul li .on{
    color: #5d9ce9;
}
.item_options2 ul li:not(:last-child):before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
}

.item_options2 ul li:nth-child(2n):after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    left: 0;
    top: 13px;
    bottom: 13px;
}

.pro1List{width: 100%;margin: 20px 0;}
.pro1List ul li{margin-bottom: 20px;border: 1px solid #ccc;}
.pro1List dl{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;}
.pro1List dl:last-child{border: none;}
.pro1List dl dt{width: 30%;}
.pro1List .tit{width: 100%;text-align: center;height: 100%;padding: 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;background: #5d9ce9;color: #fff;font-size: 16px;}
.pro1List dl dd{width: 70%;}
.pro1List .txt{width: 100%;height: 100%;padding: 10px;box-sizing: border-box;color: #333;font-size: 16px;background: #F6F6F6;}
.pro1List .txt a{color: #333;}

.pro1List dl:nth-child(even) dd .txt{background: #fff;}

.case .s-whole{justify-content: center;}

.publist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.case-item{
    width: 49%;
    float: left;
    margin-bottom: 20px;
}
.case-item:nth-child(3n){
    margin-right: 0px;
}
.case-item .lsimg{
    width: 100%;
    height: 180px;
    border: 1px solid #898989;
    transition: all .5s;
    overflow: hidden;
    box-sizing: border-box;
}
.case-item .lsimg img{
    width: 100%;
    height: 100%;
    display: block;
    transition: 1s;
}
.case-item .desc{width: 100%;background-color: #898989;transition: all .5s;padding: 10px;box-sizing: border-box;}
.case-item:hover .desc{
    background-color: #5d9ce9;
}
.case-item .lstit{
    font-size: 16px;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    transition: all .5s;
}

.case-item .btmCom{width: 100%;margin-top: 5px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center; color: #fff;font-size: 12px;color: #fff;border-top: 1px solid #999;padding-top: 10px;}
.case-item:hover .btmCom{border-top: 1px solid rgba(255,255,255,0.1);}
.case-item .price1{color: #fff;display: block;}
.case-item .price1 i{font-size: 12px;}
.case-item .price2{padding-top: 5px;display: block;opacity: 0.6;}
.case-item .price2 i{text-decoration: line-through;}
.case-item .btmCom a.btn{display: inline-block;padding: 5px 8px;background: #333;color: #fff;font-size: 12px;border-radius: 5px;}
.case-item:hover .btmCom a.btn{background: #fff;color: #5d9ce9;}

.case-item:hover .lsimg{
    border: 1px solid #5d9ce9;
}
.case-item:hover .lsimg img{
    transform:scale(1.1);
}

.paging {
    text-align:center;
    padding-top: 20px;
    position: relative;
}
.paging a{
    padding:5px 10px;
    border:1px solid #555555;
    color: #555555;
    border-radius:1px;
    margin:0 1px;
    font-size: 12px;
    transition: ease-in 0.3s;
}
.paging span{
    margin:0 5px;
}
.paging a:hover,
.case_lisst .cate-box a:hover{
    border:1px solid #5d9ce9;
    color: #ffffff!important;
    background-color: #5d9ce9;
}
.currPage{
    border:1px solid #5d9ce9!important;
    color: #5d9ce9!important;
}


.prodWarp{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.prodWarp .left{width: 100%;margin-bottom: 20px;}
.prodWarp .right{width: 100%;}

/*swiper*/
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

.prodWarp .title{font-size: 18px;color: #000;font-weight: bold;margin-top: 20px;}
.prodWarp ul.list{margin-top: 20px;}
.prodWarp ul.list li{width: 100%;margin: 20px 0;font-size: 14px;color: #666;}
.prodWarp ul.list li strong{font-weight: normal;}

.prodWarp .btn-numbox {overflow: hidden; margin-top: 20px;display: flex;align-items: center;}
.prodWarp .btn-numbox li .number,
.prodWarp .kucun {display: inline-block;font-size: 14px; color: #666; vertical-align: sub;}
.prodWarp .btn-numbox .count {overflow: hidden;display: flex;margin-left: 20px;}
.prodWarp .btn-numbox .count .num-jian,
.prodWarp .input-num,
.prodWarp .num-jia { display: inline-block;width: 28px; height: 28px; line-height: 26px;text-align: center; font-size: 18px; color: #999; cursor: pointer;border: 1px solid #e6e6e6; }
.prodWarp .btn-numbox .count .input-num {width: 58px;height: 28px;color: #333; border-left: 0;border-right: 0;}
.prodWarp .btm{width: 100%;padding-top: 20px;margin-top: 20px;border-top: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;}
.prodWarp .btm a{display: inline-block;border: 1px solid #e1251b;background: #ffecec;color: #e1251b;border-radius: 1px;font-size: 16px;text-align: center;padding: 12px 20px;}
.prodWarp .btm a:first-child{background: #e1251b;color: #fff;margin-right: 10px;}
.prodWarp .btm a:hover{opacity: 0.6;}

.prodContent{overflow: hidden;font-size: 15px;color: #555;}
.prodContent img{width: auto;max-width: 100%;}
.prodContent h3{font-size: 18px;color: #333;text-align: center;font-weight: normal;}
.ncd1{text-align: center;margin: 10px 0;font-size: 12px;color: #555;}
.line_a{margin: 10px 0;border-bottom: 1px dashed #ccc;}

.pMenu{margin: 20px 0;}
.pMenu a{display: inline-block;background: #555555;color: #fff;font-size: 13px;padding: 5px 10px;margin: 0;}

.pLine{width: 100%;height: 20px;background: #f5f5f5;}

.newList{width: 100%;margin: 20px 0;}
.newList ul li{margin-bottom: 20px;}
.newList .part{display: flex;justify-content: space-between;position: relative;padding-right: 30px;box-sizing: border-box;}
.newList .part .img{width: 30%;}
.newList .part .img img{width: 100%;}
.newList .part .desc{width: 68%;}
.newList .part .t1{font-size: 16px;color: #000;}
.newList .part .time{font-size: 12px;color: #a0a0a0;margin-top: 6px;}
.newList .part .info{font-size: 12px;color: #555;margin-top: 6px;}
.newList .part .more{position: absolute;right: 0;bottom: 15px;}





.hTop{width: 100%;background: #f3f3f3;border-bottom: 1px solid #e5e5e5;}
.hTop .warp{display: flex;justify-content: space-between;align-items: center;height: 30px;line-height: 30px;}

.vipWarp{width: 100%;margin: 20px 0;}
.vipWarp .wapper{max-width: 1000px;width: 100%;margin: 0 auto;}
.vipLogo{margin: 20px 0;font-size: 0px;overflow: hidden;}
.vipLogo img{max-width: 100%;max-height: 80px;width: auto;height: auto;}
.vipTit{width: 100%;line-height: 40px;font-size: 18px;color: #666;border-bottom: 2px solid #5d9ce9;padding-bottom: 2px;}
.vipBox{width: 100%;margin: 20px 0;border: #ddd solid 1px;min-height: 280px;padding: 10px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: flex-start;}

.loginLeft{width: 600px;}
.vipBox table tr td { height: 40px; line-height: 40px; padding-left: 10px;box-sizing: border-box; }
.loginLeft table tr td{ height:45px; line-height:45px; font-size:14px;font-family:'Microsoft YaHei';}
.loginLeft table{width: 100%;}
.loginLeft table tr td strong{ font-weight:normal; font-size:12px; color:#999;}

.loginLeft table tr td span{ font-size:12px; color:#c00;}
.loginLeft span b{ color:#054ba7;font-weight:normal; font-size:12px;}
#spanUserName b{ color:#054ba7;font-weight:normal; font-size:12px;}
.loginLeft a span{font-size:12px;}
.input_text{ height:30px; line-height:30px; border:#e5e5e5 solid 1px; width:200px;}

#button1Log{background: #E4393C;color: #FFF; height: 36px; width: 201px; text-align: center; border: none; border-radius: 3px;cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 16px;}

.code_01 {width: 60px;height: 30px;line-height: 30px;border: #e5e5e5 solid 1px;}
.btnlogin {background: #E4393C;color: #FFF;height: 36px;width: 201px;text-align: center;border: none;border-radius: 3px;cursor: pointer;font-family: 'Microsoft YaHei';font-size: 16px;}
#txt_codeTip {float: left;margin-left: 13px;margin-top: 5px;}



.loginRight{width: 350px;border-left: #f4f4f4 solid 1px;}
.loginRight dl dd strong{ color:#000;}
.loginRight dl dd{ margin:3px 0; line-height:20px;}
.loginRight dl{ margin:0 30px; margin-top:10px;margin-bottom:10px;}
.loginRight dl dd a{ display:block; border:#e4393c dotted 1px; border-radius:3px; height:20px; width:100px; text-align:center; line-height:20px; color:#e4393c;}
.loginRight dl dd a:hover{ font-weight:bold; text-decoration:underline;}



.uCenter{display: flex;justify-content: space-between;flex-wrap: wrap;min-height: 200px;margin: 10px 0;align-items: flex-start;}
.uCentLeft{width: 220px;background: #f7f7f7;padding: 15px;box-sizing: border-box;}
.uCentLeft dl{ padding-bottom:15px;}
.uCentLeft dl dt{ line-height:30px; font-weight:bold; color:#333; height:30px; font-size:12px; border-bottom:#ddd solid 1px;}
.uCentLeft dl dd{ line-height:22px; height:22px;}

.uCentRight{width: calc(100% - 240px);}
#shenming{ line-height:28px; height:28px;  padding-left:15px; background:#eee; color:#e4393c; font-size:12px;}
.uCenterDesc{word-break: break-all;word-wrap: break-word;margin: 10px 0;}

.shoppingcart{width: 100%;}
.shopTit{width: 100%;display: flex;justify-content: space-between;align-items: center;margin: 30px 0 10px;}
.shopTit .tit{font-size: 18px;height: 36px;line-height: 36px;color: #e2241b;font-weight: bold;border-bottom: 1px solid #e2241b;}
.shopcartBack{font-size: 15px;color: #f60;display: inline-block;}


.gouwu_shangpin table{width: 100%;display: block;min-height: 600px;}
.gouwu_shangpin tbody{display: block;}
.cpListTb {background: #f3f3f3;border: 1px solid #e9e9e9;display: block;}


.cpList th {height: 32px;padding: 5px 0;font-size: 12px;color: #666;font-weight: normal;}
.cpList tr {display: block;}
.cpli {margin-top: 10px;border: 1px solid #f2f2f2;border-top: 2px solid #abaaaa;padding: 15px 0;overflow: hidden;display: table;width: 100%;}
.cpTutd {width: 80px;height: 80px;padding-left: 10px;display: block;float: left;}
.cpTutd img {border: 1px solid #eee;display: block;width: 80px;height: 80px;}
.cpliTit01 {display: block;float: left;width: 196px;margin-left: 10px;}
.cpliTit01 a {display: block;height: 40px;line-height: 20px;overflow: hidden;color: #666;font-size: 12px;}
.cpliFenlei {float: left;width: 150px;display: block;margin-left: 5px;}
.cpliFenlei span {display: block;line-height: 20px;overflow: hidden;color: #666;text-align: center;font-size: 12px;}
.cpjiage {display: block;float: left;width: 160px;text-align: center;}
.cpjiage label {display: block;height: 20px;line-height: 20px;font-size: 12px;color: #666;text-align: center;}
.numTd {display: block;width: 82px;float: left;margin-left: 29px;}
.numTd>span {display: block;height: 20px;line-height: 20px;text-align: center;font-size: 12px;color: #aaa;}


.xiaoji {display: block;float: left;width: 130px;text-align: right;color: #000;margin-left: 10px;font-size: 13px;}
.xiaoji b {display: block;}
.caozuo {width: 75px;display: block;float: left;text-align: center;/* margin-left: 40px; */}
.caozuo a {display: block;color: #666;font-size: 12px;line-height: 20px;}
.zongji {margin-top: 15px;border: 1px solid #f0f0f0;}
.qlCp {display: block;float: left;height: 50px;margin: 0 15px 0 25px;line-height: 50px;color: #666;font-size: 12px;cursor: pointer;}
.Jiesuan {display: block;float: right;height: 50px;width: 94px;text-align: center;line-height: 50px;background: #e64346;color: #fff;font-weight: normal;font-size: 18px;cursor: pointer;}
.daji {float: right;margin: 0 10px;height: 50px;}
.dajiT {height: 46px;padding-top: 4px;}
.dajiT>label {display: block;height: 46px;float: left;color: #666;font-size: 12px;line-height: 43px;}
.dajiT>label b {color: #e2241b;font-size: 16px;}
.dajiTR {display: block;float: left;height: 20px;padding-top: 2px;position: relative;margin: 0 0 0 10px;}
.dajiTR img {display: block;height: 18px;margin-top: 10px;}
.dajiTR>span {display: none;position: absolute;bottom: 22px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 1px 3px 15px -1px rgb(124 124 124 / 50%);padding: 10px 15px;font-size: 12px;color: #666;text-align: center;background: #fff;width: 130px;left: -70px;}
.num02 {display: block;margin: 0 5px;height: 50px;/* line-height: 50px; */float: right;color: #666;font-size: 12px;}
.num02 label {display: block;height: 45px;line-height: 45px;padding-top: 5px;}
.num02 span {color: #f00;}

.gouwu_shangpin .count{overflow: hidden;display: flex;width: 80px;height: 20px;border: 1px solid #cbcbcb;padding: 0px;margin: 0px;}
.gouwu_shangpin .count .num-jian,.input-num,.num-jia{ display: inline-block;width: 18px; height: 20px; line-height: 16px;text-align: center; font-size: 18px; color: #999; cursor: pointer;border: 1px solid #e6e6e6;box-sizing: border-box;}
.gouwu_shangpin .count .num-jian,.num-jia{background: #eee;}
.gouwu_shangpin .count .input-num {width: 46px;height: 20px;color: #333; border-left: 0;border-right: 0;font-size: 14px;}

.spTit{width: 288px;padding-left:40px !important;text-align: left;}
.flTit{width: 150px;}
.djTit{width: 160px;text-align: center;}
.slTit{width: 82px;padding-left:29px !important;}
.xjTit{width: 130px;padding-left:10px !important;text-align: right;}
.czTit{width: 75px;text-align: center;}


/*閫氱敤琛ㄥ崟*/
.common-form{}
.common-form div.contentWrap{padding-right:20px}
.common-form ul li{color:#444; clear:both; vertical-align:middle}
.common-form ul li span.text{width:60px}
.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}
.common-form .set table td,.common-form .set table th{padding-left:12px}
.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}
.common-form .set table td{ padding:3px 0 3px 5px}
.common-form .set table td.y-bg{background: url(../images/set_y_line.png) repeat-y right top}
.common-form .set table td input{ background-image:none; height:18px; font-size:12px}
.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;height:18px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;background: #FFF url(../images/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"瀹嬩綋";font-size:12px;}
.input-focus{background: #FFF url(../images/input_focus.png) repeat-x; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
/*琛ㄦ牸琛ㄥ崟*/
.table_form{font-size:12px}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:4px 0 4px 8px}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee; }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}


/*琛ㄥ崟楠岃瘉*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red;}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}




@media only screen and (max-width: 1200px) {
.loginLeft{width: 65%;}
.loginRight{width: 35%;}
.cpli{width: 100%;}

.spTit{width: 215px;padding-left:20px !important;box-sizing: border-box;}
.flTit{width: 100px;}
.djTit{width: 100px;text-align: center;}
.slTit{width: 82px;padding-left:10px !important;}
.xjTit{width: 60px;padding-left:10px !important;}
.czTit{width: 60px;text-align: center;}

.cpTutd{padding-left: 20px;width: 70px;height: 70px;}
.cpTutd img{width: 100%;height: 100%;object-fit: cover;}
.cpliTit01{width: 110px;}
.cpliFenlei{width: 100px;}
.cpjiage{width: 100px;}
.numTd{width: 82px;margin-left: 10px;}
.xiaoji{width: 60px;}
.caozuo{width: 60px;}

}



@media only screen and (max-width: 980px) {
.loginLeft table tr td{font-size: 12px;}


}


@media only screen and (max-width: 780px) {


.vipWarp .wapper{padding: 0 5px;box-sizing: border-box;}
.vipBox{flex-wrap: wrap;}
.loginLeft{width: 100%;}
.loginRight{width: 100%;}
.uCenter{flex-wrap: wrap;}
.uCentLeft{width: 100%;margin-bottom: 20px;}
.uCentRight{width: 100%;}



}



@media only screen and (max-width: 580px) {
.vipBox{padding: 10px 5px;}
.loginLeft table tr{display: flex;flex-wrap: wrap;}
.loginLeft table tr td{display: block;width: 100%;text-align: left;padding-left: 0;}
#txt_codeTip{margin-left: 2px;}
.onShow, .onFocus, .onError, .onCorrect, .onLoad, .onTime{margin-left: 2px !important;font-size: 12px;}
.loginRight dl{margin: 10px;}
.cart{width: 100%;overflow-x: auto;}
.gouwu_shangpin{width: 680px;}
.gouwu_shangpin table{min-height: auto;}
.disnone{display:none !important}
.loginLeft table tr table td{width: auto;}
.onShow{display: none !important;}
.loginLeft table tr td{height: 30px;line-height: 30px;}
.input_text{width: 100%;}
#button1Log{width: 100%;}

}