@CHARSET "UTF-8";

*{ padding:0px; margin:0px;}

body{font-family:"微软雅黑"; font-family:"Microsoft YaHei"; color: #666; font-size:4vw;  text-align:center; padding:0px; margin:0px;  }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fiedldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}

ol,ul,li{list-style:none;}

a{ text-decoration:none; outline:none;  cursor:pointer;}

a:hover{opacity:0.7;}

.c333{ color: #333; }

.c666{ color: #666;}

.c999{ color: #999; font-size: 4vw};

.cfff{ color: #fff;}

.left{ float: left; }

.right{ float: right; }

button{ text-decoration:none; outline:none;  cursor:pointer;  margin: 0; padding: 0; }

button:hover{opacity:0.7;}

#bj{ width:100%; background-color: #f5f9fa; background-image:url(/images/sy_bj.jpg);  text-align:center;   background-position:center top; background-repeat:no-repeat;  }

#qbj{ width:100%; background-color: #fffdf5; background-image:url(/images/top.png);text-align:center; background-position:center top; background-repeat:no-repeat;}

#qbj_card_info{ width:100%; background-color: #fffdf5;text-align:center; background-position:center top; background-repeat:no-repeat;}

#qbg{  width:100%; background-color: #4e0088; }

#homeimg{ margin-top:8%; }

#homeimg  img{ width: 60%; }

#homexj img{ width: 30%; margin:7% 0; overflow: hidden; }

#homeqr{ width: 80%; overflow: hidden; padding: 0 10%; }

#homeqr5{ width: 90%; overflow: hidden; padding: 0 5%; }

#homeqr55{ width: 90%; overflow: hidden; padding: 0 5% 2% 5%;}

#homead img{ width: 100%; margin: 6% 0 ; }

#homebott{ width: 100%;   overflow: hidden;   background: #fff; border-top: 1px solid #eaeaea;  position:fixed;  bottom:0px;  z-index:1; }
/* height: 100px; */

#card img{ width: 90%; }

#years{ width: 84%; margin-left: 5%;  padding:3%; border:2px solid #2981ff; }

/* .ba30{ width: 24%; line-height:100px;  font-size:4vw;  text-align:center;  } */

.ba25{ width: 25%;   font-size:3.2vw; line-height: 5vw;  overflow: hidden; text-align:center;  padding: 25px 0; }

.homeqrs{ height: 90px; width: 90px; margin-top: 10px;}

.write{ width: 90%; background: #def5ff; padding: 5%; }

.th100{ text-align: left; line-height: 100px; height: 100px;  margin-left: 3%;}

.th120{ text-align: left; line-height: 120px; height: 120px;  margin-left: 3%;}

.top8{ margin-top:8%; }

.top5{ margin-top:5%; }

.top15{ margin-top:15%;}

.mbt5{ margin-bottom: 5%; }

.homebutton1 { line-height: 100px; margin: 2%; width: 100%; background:#fb6310;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; }

.homebutton2{ line-height: 100px;  margin: 2%; width: 100%; background:#01c82f;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; }

/* .homebutton3{ line-height: 100px;  margin: 2%; width: 100%; background:#2981ff;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; } */
.homebutton3{ line-height: 100px;  margin: 2%; width: 100%; background:#fb6310;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; }

.homebutton4{ line-height: 104px;  height: 104px;  width: 100%; background:#2981ff;  font-size:4vw;  border: 2px solid #2981ff; border-top-right-radius:100px; border-bottom-right-radius:100px;  outline:0;  color: #fff; }

.homebutton5{ line-height: 100px; height: 100px;  width:40%; background:#f5f9fa;  font-size:4vw;  border: 2px solid #2981ff;  border-radius:100px;  outline:0;  color:#2981ff; }

.homeinput{ height: 100px; line-height: 100px; padding:0 5%;    width: 90%; background:#fff; border: 2px solid #dfedff;  border-radius:30px; outline:0; font-size:4vw; }

.homeinput1{ height: 100px; line-height: 100px; padding:0 7%;  width: 86%; background:#fff; border: 2px solid #dfedff;  border-top-left-radius:100px; border-bottom-left-radius:100px;  outline:0; font-size:4vw; }

.homeinput2{ position:relative;  background-color: #fff; background-image:url("../images/select03.png" ); background-position:center right; background-repeat:no-repeat;  height: 100px; height: 100px; line-height: 100px; padding:0 5%;  width: 90%; border: 2px solid #dfedff;  border-radius:30px; outline:0; font-size:4vw; }

.homeinput3{ position:relative;  background-color: #fff; background-image:url("../images/select04.png" ); background-position:center right; background-repeat:no-repeat;  height: 100px; height: 100px; line-height: 100px; padding:0 5%;  width: 90%; border: 2px solid #dfedff;  border-radius:30px; outline:0; font-size:4vw; }

.homeinput4{ position:relative;  background-color: #fff; background-position:center right; background-repeat:no-repeat;  height: 100px; height: 100px; line-height: 100px; padding:0 5%;  width: 90%; border: 2px solid #dfedff;  border-radius:30px; outline:0; font-size:4vw; }

/* 弹窗 (background) */
.modal {
    display: none; /* 默认隐藏 */
    /*生成绝对定位的元素，相对于浏览器窗口进行定位。*/
    position: fixed; 
    z-index: 100; 
    left: 0;
    top: 0;
    /* padding-top: 200px;
    padding-bottom: 300px; */
    /*浮在全屏上*/
    width: 100%; 
    height:  100%; 
    /*overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。*/
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 10px;

}

/* 弹窗内容 */
.modal-content { 
    position: relative;
    /*弹窗背景色设置*/
    background-color: #fefefe;
    /* margin: auto;
    padding: 200px auto; */
    
    left: 50%; 
    top:50%;
     transform: translate3d(-50%, -50%, 0px); 
     -ms-transform: translate3d(-50%, -50%, 0px);
     -webkit-transform: translate3d(-50%, -50%, 0px); 
    width: 80%; 
    max-width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 25px;
}

/* 添加动画 */
@-webkit-keyframes animatetop {
    from { top:-200px; opacity:0 } 
    to { top:0; opacity:1 }
       }

@keyframes animatetop {
    from { top:-200px; opacity:0 }
    to { top:0; opacity:1 }
}

/* 关闭按钮 */
.close { color: #666; float: right;   font-size:6vw;  font-weight: bold; }

/* 关闭按钮 */
.close3 { color: #666; float: right;   font-size:6vw;  font-weight: bold; }

/* 关闭按钮 */
.close2 { color: #666; float: right;   font-size:6vw;  font-weight: bold; }


.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

.modal-header { display: block;  line-height: 30px;  height: 30px;  padding: 2px 10px;    color: white;  text-align: left; }

.modal-body { padding: 2px 16px; overflow: hidden; }

.modal-footer { display: block; line-height: 30px; padding:  10px;   color: white; }

/* 弹窗内容结束 */

#uboxstyle{ width:100%;  height:104px;}

#uboxstyle .select_box{width:100%;  height:104px; }

#uboxstyle select{  display:block;color:#333; font-size:4vw; width:100%; height:100px;  border: 2px solid #dfedff; background-color: #fff; background-image:url("/images/select01.png" ); background-position:center right; background-repeat:no-repeat;    padding:0 5%;line-height:100px;  border-radius:30px; text-align: left; -webkit-appearance:none; -moz-appearance:none; appearance:none; /*去掉下拉箭头*/}

#uboxstyle div.tag_select{display:block;color:#333; width:90%; height:100px;  border: 2px solid #dfedff; background-color: #fff; background-image:url("/images/select01.png" ); background-position:center right; background-repeat:no-repeat;    padding:0 5%;line-height:100px;  border-radius:80px; text-align: left; }

#uboxstyle div.tag_select_hover{display:block;color:#79A2BD; width:90%; height:100px;  border: 2px solid #dfedff; background-color: #fff;   background-image:url("/images/select01.png"); background-position:center right; background-repeat:no-repeat;    padding:0 5%; line-height:100px;  border-radius:80px;  text-align: left; }

#uboxstyle div.tag_select_open{display:block;color:#333; width:90%; height:100px; border-right: 2px solid #dfedff; border-bottom: 2px solid #fff;   border-left: 2px solid #dfedff;     border-top: 2px solid #dfedff; background-color: #fff;   background-image:url("/images/select02.png"); background-position:center right; background-repeat:no-repeat;    padding:0 5%; line-height:100px; border-top-left-radius:50px; border-top-right-radius:50px;  text-align: left; }

#uboxstyle ul.tag_options{ position:absolute; padding:0; margin:0; list-style:none; width:80%;   border: 2px solid #dfedff; background-color: #fff; border-bottom-left-radius:50px; border-bottom-right-radius:50px; padding:0 0 50px;  margin:0; }

#uboxstyle ul.tag_options li{background:#fff; display:block; width:90%; padding:0 5%; height:100px; text-decoration:none; line-height:100px; color:#79A2BD; }

#uboxstyle ul.tag_options li.open_hover{background:#e0ecfe; color:#fff; }

#uboxstyle ul.tag_options li.open_selected{background:#9dbeef; color:#fff; }

/* 下拉结束 */

.add{width: 110px; height: 100px; position:absolute; margin-top:-102px; right: 12%;}

/*填写资料结束*/

.recharge{ width: 80%; line-height: 10vw; text-align: left; padding: 0 5%; }

.teall{ text-align:left; }

.top2{ margin-top:2%; font-size: 2vw;}

.rechargem {width: 26%; height: 150px; background:#fff;  line-height: 150px; border-radius: 10px; margin:3%;  border: 2px solid #dfedff; }

.rechargem.activity{background-color: #2981ff;color: white;}

.ml5{margin-left: 5%;}

.images_box{
	width: 100%;text-align: center; clear: both; overflow: hidden;
}

.images_box img{display: inline-block; width: 90%;}

/* 弹窗 (background) */
.modala {
    display: none; /* 默认隐藏 */
    /*生成绝对定位的元素，相对于浏览器窗口进行定位。*/
    position: fixed; 
    z-index: 5; 
    left: 0;
    top: 0;
    /*设置弹窗位置*/
    padding-bottom: 0px;
    bottom: 0px;
    /*浮在全屏上*/
    width: 100%; 
    height:  100%; 
    /*overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。*/
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 10px;

}

/* 弹窗内容 */
.modala-content { 
    /*position: relative;*/
    /*弹窗背景色设置*/
    position: fixed; 
    background-color: #fefefe;
    margin: auto;
    padding: 5%;
    bottom: 0px;
    width: 90%; 
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* 添加动画 */
@-webkit-keyframes animatetop {
    from { bottom:-200px; opacity:0 } 
    to { bottom:0; opacity:1 }
       }

@keyframes animatetop {
    from { bottom:-200px; opacity:0 }
    to { bottom:0; opacity:1 }
}

/*充值结束*/
.close1{position: absolute; width: 12px; right: 10px; top: 10px; background: #4e0088;padding: 10px;}

.cardta{ text-align:left; line-height:8vw; background:#fff;  border-bottom:2px solid #e7e7e7; border-top:2px solid #e7e7e7; padding: 10px 20px; overflow:hidden; }

.mbt2{ margin-bottom:2%; }

.ff6c00{ color:#ff6c00; }

.c2981ff{color:#2981ff;}

/*卡充值结束*/

#dibox{ 
	width:100%;
	top:0px;
    overflow:auto;
    top:0px;
    position:absolute;
    z-index:10;
    bottom:270px;
    /*height: 1250px;*/
}

.wb100 {width:100%; display:table; position: relative;margin: 0; font-size: 4vw;}

.dialogue{  margin: 15px 3%; width: 96%;  }

.diaportrait {  margin: 5px 1%; width: 120px; height: 120px;  background: #fff; border-radius: 50%; border: 1px solid #78affe;}

.tiyears{ text-align: center; }

.diasi{ margin: 5px 1%; padding-top: 3.55px;  height: 120px; line-height: 120px; }

.nvmy{ min-width: 5%; background-color: #95ec69; padding:3%; display: inline-block; border-radius: 14px; margin:14px 1%; position: relative; }

.nvmy:after{  content: ''; border-right:14px solid transparent; border-left:14px solid transparent;  border-bottom:14px solid #95ec69; position: absolute; top: -14px;  right: 50px; }

.nvmy1{ min-width: 5%; background-color: #fff; padding:3%; display: inline-block; border-radius: 14px; margin:14px 1%; position: relative;}

.nvmy1:after{ content: '';  border-right:14px solid transparent; border-left:14px solid transparent;  border-bottom:14px solid #fff;position: absolute;  top: -14px; left:50px; }

.diaportraity{  margin: 5px 1%; width: 120px; height: 120px;  background: #fff; border-radius: 50%; border: 1px solid #f2f2f2;}

.botta{height:120px; background:#f8f8f8; width: 100%; border-bottom:1px #dcdcdc solid;  border-top:1px #dcdcdc solid;  }

.bottb{height:120px; background:#f8f8f8; width: 96%; padding: 0px 2%; }

#dialoguebott{ width:100%; position:absolute;  height: 270px;  bottom:0;}

.bottaty1{height:100px; line-height: 100px; padding: 0 3%; width: 64%;  font-size: 4vw;  background:#fff; border-radius: 10px; margin:10px 3%; outline: 0;}

.bottalo_ty1{height:104px;  line-height: 104px;  font-size: 4vw; width: 20%; background:#2980ff; color: #fff; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

.bottalo_ty2{height:104px;  line-height: 104px;  font-size: 4vw; width: 100%; background:green; color: #fff; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

.bottalo_ty3{height:104px;  line-height: 104px;  font-size: 4vw; width: 100%; background:red; color: #fff; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

.ba30{ width: 20%; line-height:100px;  font-size:4vw;  text-align:center;}

.bottb_img{height: 100px; width:100px;}

.tal { text-align: left; }

/* #head{height: 350px; width: 100%;   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2981ff), color-stop(1, #6072fc)); Saf4+, Chrome 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); IE} */

#head{height: 350px; width: 100%;   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7503), color-stop(1, #fa632c)); /* Saf4+, Chrome */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7503', endColorstr='#fa632c', GradientType='0'); /* IE*/}

.p40{ padding: 50px 2%; }

.l_h30{ line-height: 30px;  }

.portrait {border-radius:100px; width:200px; height:200px; border:2px solid #fa632c; background-color:#fff;}

.nc { height:200px; padding-left:2%; display:flex;  align-items:center;}

.fff { color:#fff; }

.news_z { height:200px; line-height:200px; color:#fff; }

.news_d { height:200px; width:5px; }

.news_b { height:100px; padding:10px 3%; background-color:#000; background-color:rgba(0,0,0,0.7); border-bottom-left-radius:100px; border-top-left-radius:100px;}

.news_z {  height:100px; line-height:100px; color:#fff; }

.news_d { height:100px; width:5px; }

#nav_a { position:relative; top:-50px;   width:90%;  padding:2%;  background:#fff;  height:auto;   overflow:auto;  border-radius:30px;  margin:0 auto;  box-shadow:0 0 8px #ecf0f1;  }

.w20 {  width:25%;   padding-top:5%;   padding-bottom:5%;  }

.cen { display:flex;  justify-content:center;  }

.myimg1 { width:60%; height:100%;  margin-bottom:20px; }

#content {  padding:5%;   width:90%;  height:auto;   overflow:auto;  background:#fff;  clear:#666;  margin-bottom:20px;     top: -100px;}

.nav_b { height:auto;  overflow:auto;  }

.w25 { width:33%;    padding-top:5%;  }

.myimg2 { width:50%; height:100%;  margin-bottom:20px; }

/*我的-是否有新消息园标*/
.msgnum {background-color: red;height: 50px;width: 55px;color: #fff; font-size: 25px;line-height: 40px;position: relative;left:5px;top:-5px;border-radius: 50%; text-align: center;}

#infrbox{  margin: 5%;   padding: 3%; line-height: 7vw; background: #fff; border-radius:20px;  text-align: left;  box-shadow: 0 0 10px #eeeeee;    }

.infrbox_a{padding:5px 20px; color: #333;  overflow: hidden;  }

.infrbox_b{padding:0px 20px; color: #999; overflow: hidden; }

.cff6c00{ color:#ff6c00;  }

.msgnum {background-color: red;height: 50px;width: 55px;color: #fff; font-size: 25px;line-height: 40px;position: relative;left:5px;top:-5px;border-radius: 50%; text-align: center;}

.nvmy1 img{ width:40px;}

.nvmy img{ width:40px;}

#tab{position:relative; width:100%;overflow: hidden;}

#tab .tabList ul li{ float:left; background:#fff;  /* background:-moz-linear-gradient(top, #fefefe, #ededed); 
    background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
    background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed)); */
    padding:5px 0;
    height: 120px;
    line-height: 120px;
    width:50%;
    text-align:center;
    margin-left:-1px;
    position:relative;
    cursor:pointer;
}

#tab .tabCon{
	position:relative;
    overflow: hidden;
   /*  position:absolute;
    left:-1px;
    top:120px; */
    border:1px solid #ccc;
    border-top:none;
    width:100%;
    margin-bottom: 200px;
    
}
.tabList{
	overflow: hidden;
}
.cur_hidden{
	display:none
}

#tab .tabCon div{ 
	width: 100%;
  	position:relative;
   /*  opacity:0;
    filter:alpha(opacity=0); */
}

#tab .tabList li.cur{ 
    color: #fff; 
    border-bottom:none;
    background:#4178f2;
}

#tab .tabCon div.cur{
    /* opacity:1;
    filter:alpha(opacity=100); */
}


.taosdn{ padding:2% 5%; border-bottom: 2px solid #eaeaea;
    width: 90%;
    overflow: hidden;
    background: #fff;
    text-align: left;
    line-height: 80px;
 overflow: hidden; background:#fff;  text-align: left;  line-height: 80px;  border-top: 2px solid #eaeaea; margin-bottom:5%;}

 #infrbox{  margin: 5%;   padding: 3%; line-height: 7vw; background: #fff; border-radius:20px;  text-align: left;  box-shadow: 0 0 10px #eeeeee;    }

.infrbox_a{padding:5px 20px; color: #333;  overflow: hidden;  }

.infrbox_b{padding:0px 20px; color: #999; overflow: hidden; }

.cff6c00{ color:#ff6c00;  }

#llmxq{ padding: 20px 5%; background: #fff;  text-align: left;  line-height: 80px; overflow: hidden;  margin: 40px 0;  }

.lxqa{ padding: 0px 20px; border: 2px solid #6fc756; color:#6fc756; margin-left: 20px; border-radius:20px; }

.homebutton6{ line-height: 100px; width: 100%; background:#ff6c00;  font-size:4vw;  border: 2px solid #ff6c00;  border-radius:80px; outline:0;  color: #fff; }

#infrbox_c{ width: 94%; overflow: hidden; padding: 0 3%; }

.bottalo_ty4{height:104px;  line-height: 104px;  font-size: 4vw; width: 90%; background:#2980ff; color: #fff; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

.bottalo_ty5{height:104px;  line-height: 104px;  font-size: 4vw; width: 100%; background-color:#4574fa;  background-image:url("../images/an1.png" ); background-position:center; background-repeat:no-repeat;  color: #fff; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

.bottalo_ty6{height:104px;  line-height: 104px;  font-size: 4vw; width: 100%; background-color:#d8d8d8;  background-image:url("../images/an2.png" ); background-position:center; background-repeat:no-repeat;  color: #000; border-radius: 10px; margin-top:10px; margin-right:3%; outline: 0;    border: 2px solid #dfedff; }

/* 20190907*/

.lihe8{line-height: 8vw;}

.hbr{ overflow: hidden; border-radius:10vw; background:#fff;  border: 3px solid #4587ff; width: 90%; margin: 0 auto; }

.hbrp{ overflow: hidden; border-radius:5vw;  border: 3px solid #e5e5e5; width: 90%;  padding: 5%;  margin: 0 auto;}

.ph20{ padding: 20px; }

#returnindex{position:absolute; left:20px;  top:30px; z-index: 100000; }

img{display:inline-block;vertical-align:middle}

.opa0_5{opacity: 0.5}

/*底部菜单 20191008*/
.footcaidan{ width: 100%;   overflow: hidden;   background: #fff; border-top: 1px solid #eaeaea;  position:fixed;  bottom:0px;  z-index:1; }

.ba30{ width: 30%;   font-size:3.2vw; line-height: 5vw;  overflow: hidden; text-align:center;  padding: 25px 0; }

.pr5{ padding-right: 5%; }

.pl5{ padding-left: 5%; }

.posit{ position:absolute; position:fixed; bottom: 0px; z-index: 2; left: 35%;  }

.applyllw{ line-height: 100px; width: 40%; background: #fb6310; font-size: 4vw; border: 2px solid #dfedff; border-radius: 80px; outline: 0; color: #fff; position: fixed; bottom: 220px; opacity: 0.95; z-index: 2; right: 40px;}

.pull_down{ line-height: 100px; width: 10%;  border-radius: 80px; outline: 0; position: fixed; bottom: 255px; opacity: 0.95; z-index: 2; right: 320px;}

/* 最新首页 20191008 */
#home29 img{ width: 100%; margin-bottom: 13%; }

#home29_1 img{ width: 94%; margin-bottom: 5%; text-align: center;}

#wbh20{ width: 100%; height: 150px; }

#bmmm{width: 100%;   overflow: hidden;   position:fixed;  bottom:30px;  z-index:1;}

.homebutton0930 { line-height: 100px; margin: 2%; width: 46%; background:#fb6310;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; }

.homebutton09301 { line-height: 100px; margin: 2%; width: 46%; background:#2981ff;  font-size:4vw;  border: 2px solid #dfedff;  border-radius:80px; outline:0;  color: #fff; }

#return1{position:absolute; left:20px;  position:fixed; top:30px; z-index: 10; }

.index_operation{position: absolute;  bottom: 1.5%; width: 85%; left: 7.5%;margin: 0 auto;}

/*商城*/

#sg_a{  width:94%;  padding: 0  3%;  background:#fff;  height:auto; }

#sg_product{ width:96%; padding: 2%;  overflow: hidden; margin-bottom:150px; }

#sg_product li{ margin-bottom:10px; }

.w50{ width: 46%; margin-bottom:4%; margin: 2%; font-size:3.6vw; text-align:left;  overflow: hidden; }

.sg_a{ width: 100%; overflow: hidden;  }

.bs1{ border:1px solid #d8d8d8;  }

#sg_Price{ width:94%; padding: 3%;  overflow: hidden; border-bottom:2px solid #d8d8d8;  text-align:left; }

.tacen{text-align:center; font-size:4vw; line-height: 8vw; color: #333; background: #f6f6f6;  }

.zx{ font-size:3.5vw; line-height: 8vw; }

#greturn1{position:absolute; left: 0;  position:fixed; top:30px; z-index: 10; }

#greturn2{position:absolute; right:0;   position:fixed; top:30px; z-index: 10; }

#gbmmm{width: 100%;   overflow: hidden; bottom:0px;  position:fixed;  z-index:1; border-top: 2px solid #dfedff; }

#gbmmm_shopping{width: 100%;   overflow: hidden; bottom:160px;  position:fixed;  z-index:1; border-top: 2px solid #dfedff; }

.gbutton1 { line-height: 100px;  width: 30%; background:#ffffff;  font-size:4vw;  outline:0;  color: #327bef; }

.gbutton2 { line-height: 100px;  width: 35%; background:#fe9402;  font-size:4vw;  outline:0;  color: #fff; }

.gbutton3 { line-height: 100px;  width: 35%; background:#fe0036;  font-size:4vw;  outline:0;  color: #fff; }

button{border: 0;  background-color: transparent;  outline: none;}

.fcec { font-size:6vw; color: #ea0032; }

.zx_a{ font-size:3.5vw; padding:10px; }

.zx_b{ font-size:3.5vw; padding: 10px; color:#327bef; text-align:right;  }

#sgduct{width:96%; padding: 2%; overflow: hidden;  text-align:left;}

.scw25{ width:25%;}

.scw73{ width: 73%; padding-left: 2%; text-align:left;}

.scw73 dd{padding:10px 0; }

.plus{ padding: 5px 10px;  width: 5%;  font-size:4vw;  background:#f4f4f4; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-right: 5%;}

.reduce{ padding: 5px 10px;  width: 5%;   font-size:4vw;   background:#f4f4f4; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
 
.suzi{ padding: 5px 10px;  width: 8%;  font-size:4vw;  background:#fff; border:1px solid #d8d8d8;}

.ggbutton1 { line-height: 100px;  width: 63%; padding-right: 2%; background:#ffffff;  font-size:4vw;  outline:0; text-align: right;}

.homeinput4{ height: 100px; line-height: 100px;  width: 86%; background:#fff; border: 2px solid #fff;  border-top-left-radius:30px; border-bottom-left-radius:30px;  outline:0; font-size:4vw; }

#flhi{overflow: hidden; width: 96%; padding: 2%; border:1px solid #d8d8d8;  }

.uldz{ padding:20px;  border-right:1px solid #d8d8d8;  color: #999;  } 

.ulxg{ padding:20px;  color: #999; text-align: left; } 

.ulxg li{ line-height:12vw;  width: 100%;  border-bottom:1px solid #d8d8d8; overflow: hidden;}

.ghomeinput1{  width: 100%; line-height:12vw;  font-size:4vw; }

#tab .tabList1 ul li{ float:left; background:#fff;   height: 120px; line-height: 120px; width:25%; text-align:center; margin-left:-1px; position:relative;  cursor:pointer;}

#tab .tabList1 li.cur{  color: #fff;    border-bottom:none;  background:#4178f2;}

.form_select{ width: 100%;  line-height:12vw;  font-size:4vw;  border:0px solid #fff;}

.jyzt{ overflow: hidden;  border-top:1px solid #bfbfbf;  border-bottom:1px solid #bfbfbf;    margin-bottom: 5%;  text-align: right; width: 96%; padding:0 2%;  line-height: 12vw; }

.c327bef{ color:#327bef;}

.showoldprice{text-decoration: line-through; margin-left: 15px; font-size: 2.5vw;}

.showoldprice_goodsinfo{text-decoration: line-through; font-size: 3.5vw; padding: 2%;}

._contents{display: none};

._contents1{display: block};

#tab .tabList ul li.tabHead{width: 16% !important;};

.gwc8{ width: 8%; }

.gwc25{ width: 25%; }

.gwc65{ width: 65%; }

.gwc65 dd{ padding-bottom: 18px; width: 100%; overflow: hidden; }

.gwc { padding: 2%; width: 96%; border-bottom: 1px solid #999; overflow: hidden;}

.checkbox{ display: none; }

.gwfx{ height: 45px; width: 45px; border: 1px solid #999; }

.tal{ text-align: left; }

.ggbutton5 { line-height: 100px;  width:42%; padding-right: 2%; background:#ffffff;  font-size:4vw;  outline:0; text-align: right;}

.gbutton4 { line-height: 100px;  width: 30%; background:#fe0036;  font-size:4vw;  outline:0;  color: #fff; }

/*抽奖页面*/
#lottery{ margin-top:10%; }

#lottery  img{ width: 90%; }

#lotterycloas{ margin-top:8%; }

#lotterycloas img{ width: 10%; }

#lottery3{ margin-top:10%; width: 80%; left: 10%; position: absolute; }

.lottery4{margin-top:25%;}

.lottery4 img{ width: 45%; }

.lo_a{ line-height: 12vw; font-size: 8vw; color: #ba5b03;}

.lo_b{ line-height: 16vw; font-size: 10vw; color: #e53508;}

.lo_c{ line-height: 6vw; font-size: 4vw; color: #e53508;}

#bj0622 {width: 100%;  background:url(../images/tbg.png) no-repeat center top;background-size: 100%;  overflow: hidden;  }

.sylogo {width: 58%; padding-top: 8%;}

#tobutton{ padding:6% 10%;   overflow: hidden;  }

.tag{ width:100%; line-height:100px; border:5px solid #ff4800; color:#ff4800;  position:relative; background-color:#fffedd; border-radius:100px;}

.arrow{ position:absolute; width:40px; height:40px; bottom:-40px; left:48%; }

.arrow *{ display:block; border-width:20px; position:absolute; border-style:solid dashed dashed dashed; font-size:0; line-height:0; }

.arrow em{border-color:#ff4800 transparent transparent;}

.arrow span{border-color:#fffedd transparent transparent; top:-7px;}

.tagbutton{width:100%; line-height:100px; border:5px solid #ff4800; color:#fff;  position:relative; background-color:#ff4800; border-radius:100px; margin-top: 20px;}

/* banner */
#lunbo{width: 100%;   overflow: hidden; }

.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 580px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 580px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}


#homebott_1{ width: 100%;   overflow: hidden;   background: #fff; border-top: 1px solid #eaeaea;  position:fixed;  bottom:0px;  z-index:1; }

.ba30{ width: 20%;   font-size:3.2vw; line-height: 5vw;  overflow: hidden; text-align:center;  padding: 25px 0; }

.posit{ position:absolute; position:fixed; bottom: 0px; z-index: 2; left: 40%;  }

/*码详情*/


#mxq ul{ width: 90%; padding: 0 5% 2% 5%;  background:#fff; overflow: hidden; margin-bottom: 2%;}

#mxq ul li{ width: 96%; padding:3% 0 ;  overflow: hidden;}

.b1{ border-bottom:solid 2px #cacaca;   }

.l3{ color: #333; padding-right: 30px; float: left; }

.r9{ color: #999; float: right; }

.c2981ff{ color: #2981ff; }

.mxybutton{width:90%; line-height:100px; margin:0 5%;  border:5px solid #ff4800; color:#fff;  position:relative; background-color:#ff4800; border-radius:100px; margin-top: 20px;}

input{  
	background:none;  
	outline:none;  
	border:none;
}

.mxqin{font-size:4vw; color: #999; padding-right: 10px; float: left;}


/* Hide the input */
input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.check-trail {
  display: flex;
  align-items: center;
  width: 3.1em;
  height: 1.5em;
  background: #2c3e50;
  border-radius: 2.5em;
  transition: all 0.5s ease;
  cursor: pointer;
}

.check-handler {
  display: flex;
  margin-left: 0.1em;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  background: #34495e;
  border-radius: 50%;
  transition: all 0.5s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.check-handler:before {  content: "\00D7";  color: white;  font-size: 0.7em; font-weight: bold;}

input[type="checkbox"]:checked + .check-trail { background: #16a085;}

input[type="checkbox"]:checked + .check-trail .check-handler { margin-left: 50%; background: #1abc9c;}

input[type="checkbox"]:checked + .check-trail .check-handler::before { content: "✔"; }

.ut{width: 10%;  }

.l9{ float: left; color: #999;  }

.r0f { color: #fff;  float: right;   font-size: 4vw;  border-radius: 20px;   background: #0080ff;}