﻿@charset "UTF-8";

html,body{height:100%;}
html{font-size:20px;overflow-y:scroll;}
body {
  width: 100%;
  font:normal 1rem/200% "微软雅黑", helvetica, arial;
  background: #FFF;
  /*min-width:320px;*/
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:0.6rem;
  line-height:1rem;
  color:#000;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:"微软雅黑", helvetica, Arial, sans-serif;
}

header, section, footer { display: block; margin: 0; padding: 0 }

br { display: block; line-height:0; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
  font-family:"微软雅黑", helvetica, Arial, sans-serif;
}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;border-radius: 0; }
textarea {-webkit-appearance: none;} 

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { border-collapse: collapse; border-spacing: 0;/* table-layout:fixed;*/}
th,td{word-wrap:break-word;word-break:break-all; text-align:left;}
img { border: 0; max-width: 100%; vertical-align:top;}
a {text-decoration:none;cursor:pointer;}

.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

.pr {position: relative;}
.pa {position: absolute;}
.fl{float:left;}
.fr{float:right;}

.db{display:block;}

.col_gray{color:#999;}
.col_gray_1{color:#666;}
.col_red{color:#F20000;}
.col_blue{color:#1576FE;}
.col_orange{color:#FF7F00;}
.col_white{color:#FFF;}
.col_green{color:#00AF00;}

.font_song{font-family:"宋体", Arial, sans-serif;}
.text_c{text-align:center;}
.text_r{text-align:right;}

form{height:100%;}

#pgcontainer{position:relative;min-height:100%;}
.imgbar,.imgbar img{border:0;font-size:0;line-height:0; vertical-align:top;}

.itemPage{background:url(../images/bg.jpg) no-repeat 0 0 #FFF;background-size:100% auto;padding:1rem 0 0;}
.itemPage .itemTop{}
.itemPage .itemTop .div_time{position:absolute;width:48%;height:1.3rem;bottom:0;right:0;font-size:0.75rem;color:#FFF;line-height:1.3rem;text-align:center;z-index:1;}

.itemFooter{background:#F5F5F5;padding:0.5rem 0.75rem;font-size:0.65rem;line-height:1rem;color:#666;}

.itemCont{padding:0 0.75rem;}
.divTitle{margin:0.75rem 0;}
.divTitle h5{font-size:0.9rem;line-height:1.4rem;}

.div_column {margin:1rem 0 1.75rem 0;}
.column_tit{height:1.8rem;background:url(../images/titbg1.png) no-repeat 0 0;background-size:100% auto;}
.column_tit h5{width:56%;font-size:0.9rem;line-height:1.4rem;color:#FFF;text-align:center;padding:0 0.9rem 0 1.125rem;}

.div_column .box{border:solid 1px #000;border-radius:0.25rem;margin:0.75rem 0 0;overflow:hidden;}
.div_column .box h5{font-size:0.9rem;color:#FFF;text-align:center;line-height:1.5rem;background:#C00000;} 
.div_column .div_table{overflow-x:auto;}
.div_column .div_table table{border-collapse:collapse;border-spacing:0;border-collapse: separate;*border-collapse: collapse;border-left:0;table-layout:fixed;border:none;}
.div_column .div_table th,.div_column .div_table td{font-weight:normal;font-size:0.75rem;line-height:1rem;vertical-align:middle;}
.div_column .div_table th{text-align:center;padding:0.15rem 0.5rem;}
.div_column .div_table td{background:#FFF;padding:0.3rem 0.5rem;}
.div_column .div_table tr td:nth-of-type(1){text-align:center;}

.div_column .div_table td *{font-size:0.75rem;line-height:1rem;}
.div_column .div_table .fixed_colum{position:sticky;left:0;z-index:3;}

.ywjx .div_table th,.ywjx .div_table td{border-top:solid 1px #000;border-right:solid 1px #000;}
.ywjx .div_table th{background:#C00000;color:#FFF;}

.tips{font-size:0.6rem;line-height:1rem;text-align:center;}
.div_column .box .tips{background:#C00000;color:#FFF;padding:0.1rem 0;border-top:solid 1px #000;}

.div_aric{padding:0 0 0.1rem 0;}

.aric_tit{height:1.4rem;background:url(../images/titbg2.png) no-repeat 0 0;background-size:100% auto;margin:1rem 0 0.75rem 0;overflow:hidden;}
.aric_tit b{display:inline-block;height:1.4rem;font-size:0.8rem;line-height:1.4rem;overflow:hidden;}
.aric_tit b.fl{width:16%;text-align:center;color:#fff;}
.aric_tit b.fr{width:78%;padding:0 0.25rem 0 0;}

.div_aric .txtdiv p,.div_aric .txtdiv p *{font-size:0.75rem;line-height:1.3rem;}
.div_aric .txtdiv p{margin:0.5rem 0;}
.div_aric .txtdiv p img{display:block;max-width:100%;height:auto;margin:0 auto;}

.zjgz .div_table{border-radius:0.25rem;margin:0.75rem 0 0;}
.zjgz .div_table td{text-align:center;padding:0.2rem 0.5rem;}
.zjgz .div_table tr td:nth-last-of-type(1){text-align:left;}

.zjgz .box1{border:solid 1px #FF9E94;}
.zjgz .box1 th,.zjgz .box1 td{border-top:solid 1px #FF9E94;border-right:solid 1px #FF9E94;}
.zjgz .box1 th{color:#FF6767;}
.zjgz .box1 tbody tr:nth-of-type(2n) td{background:#FDEAEA;}
.zjgz .box1 td b{color:#FF0000;}

.zjgz .box2{border:solid 1px #A6D0FF;}
.zjgz .box2 th,.zjgz .box2 td{border-top:solid 1px #A6D0FF;border-right:solid 1px #A6D0FF;}
.zjgz .box2 th{color:#61B7FF;}
.zjgz .box2 tbody tr:nth-of-type(2n) td{background:#EAF4FD;}
.zjgz .box2 td b{color:#1380E5;}

.zjgz .div_table th{border-top:none;padding:0.3rem 0.5rem;background:#FFF;}

.div_column .div_table tr th:nth-last-of-type(1),.div_column .div_table tr td:nth-last-of-type(1){border-right:none;}

.zjgz .tips{color:#999;margin-top:0.5rem;}

.listPage{background:#FFF;background-size:100% auto;padding:0 0 2.75rem 0;}
.listPage .divTag{border-bottom:solid 1px #E2E2E2;}
.listPage .divTag ul{/*width:52%;*/margin:0 auto;text-align:center;padding:0.75rem 0;}
.listPage .divTag ul li{display:inline-block;width:20%;height:1.4rem;font-size:0.75rem;line-height:1.4rem;text-align:center;color:#AFAFAF;background:#EEEEEE;border-radius:0.7rem;margin:0 0.4rem;cursor:pointer;}
.listPage .divTag ul li.cur{background:#FFEBEB;color:#FF5252;}
.listCont{position:relative;border-radius:0.5rem 0.5rem 0 0;background:#FFF;margin-top:-0.5rem;z-index:2;}
.listCont .ulBox li{border-bottom:solid 1px #E2E2E2;}
.listCont .ulBox a{padding:1rem 0.75rem;}
.listCont .ulBox .div_time{font-size:0.75rem;line-height:1rem;color:#E80101;}
.listCont .ulBox .div_tit h3{font-size:0.9rem;line-height:1.3rem;}
.listCont .ulBox .div_tit{margin:0.5rem 0 0;}
.listCont .ulBox .img{margin:0.8rem 0 0;}
.listCont .ulBox .img{width:100%;height:auto;}

.f-sub{position:fixed;width:100%;left:0;bottom:0;background:#282828;z-index:10;}
.f-sub a{}
.f-sub div.fl{width:67%;text-align:center;padding:0.6rem 0 0;}
.f-sub div.fl{font-size:0.75rem;color:#FFF;line-height:1.6rem;}
.f-sub .sub_now div.fl b{font-size:1rem;line-height:1.4rem;color:#DBBD92; letter-spacing:0.1rem;}
.f-sub .sub_again div.fl b{display:inline-block;font-size:1.5rem;line-height:1.6rem;color:#D20000;background:url(../images/num_bg.png) repeat-x 0 0 #D0D0D0;border-radius:0.125rem;margin:-0.1rem 0.2rem 0;padding:0 0.2rem;vertical-align:top;}
.f-sub div.fr{width:auto;height:2.75rem;}
.f-sub div.fr img{width:auto;height:100%;}

.bdPage{background:#FFF;}
.close_link{padding:0.9rem;}
.close_link img{width:0.9rem;height:0.9rem;}
.mainCont{width:80%;margin:0 auto;padding:1.5rem 0;}

.wz{font-size:1rem;line-height:1.5rem;}
.bdPage .ul_form {margin:2rem 0 0;}
.bdPage .ul_form li{margin:0 0 0.85rem;}
.bdPage .ul_form li input{height:2rem;border-radius:0.25rem;}
.bdPage .ul_form .li_text input,.bdPage .ul_form .btn input{width:100%;background:#F5F5F5;font-size:0.75rem;padding:0 0.9rem;}
.bdPage .ul_form .li_text .fl{width:60%;}
.bdPage .ul_form .li_text .fr{width:36%;background:#FEC1C1;color:#FFF;font-size:0.7rem;padding:0;}

.bdPage .ul_form .li_ts{font-size:0.7rem;line-height:1rem;color:#F00;}

.bdPage .ul_form .li_btn{margin-top:1.75rem;}
.bdPage .ul_form .checkboxsty{position:relative;}
.bdPage .ul_form .checkboxsty input{}

.bdPage .ul_form .checkboxsty label,.bdPage .ul_form .checkboxsty span{float:left;display:block;height:1rem;}
.bdPage .ul_form .checkboxsty label{position:relative;width:1rem;margin-right:0.2rem;}
.bdPage .ul_form .checkboxsty label input[type=checkbox]{position: absolute;opacity:0;visibility: hidden;z-index:0;}
.bdPage .ul_form .checkboxsty label .icon{display:inline-block;position:relative;width:1rem;height:1rem;background-image:url(../images/unchecked-1.png);background-size:1rem 1rem;background-position:0 center;cursor: pointer;background-repeat:no-repeat;z-index:2;}
.bdPage .ul_form .checkboxsty label input[type=checkbox]:checked + .icon {background-image:url(../images/select-1.png);}

.bdPage .ul_form .checkboxsty span,.bdPage .ul_form .checkboxsty span a{font-size:0.7rem;line-height:1rem; color:#666;}
.bdPage .ul_form .checkboxsty span a{color:#FF5656;}
.bdPage .ul_form .btn {margin:0.7rem 0 0;}
.bdPage .ul_form .btn input{background:#D20000;color:#FFF;}

.orderPage{background:#282828;padding:0 0 2.5rem 0;}
.orderPage .wz{color:#FFF;font-weight:bold;}
.orderPage .divbar p{font-size:0.7rem;color:#999;line-height:1rem;margin:0.25rem 0 0.5rem 0;}
.orderPage .divbar p.p_fonts,.orderPage .divbar p.p_fonts span{font-size:0.75rem;color:#FFF;line-height:1.2rem;}
.orderPage .divbar p.p_fonts{margin-top:0.5rem;}
.orderPage .divbar p.p_fonts span{padding:0 0.25rem 0 0;}
.orderPage .mainCont{padding-top:0.25rem;}
.orderPage .ul_form{margin-top:1rem;margin-bottom:1.5rem;}
.orderPage .ul_form li{margin:0 0 0.75rem 0;}
.orderPage .ul_form .radiosty label{position:relative;display:block;}
.orderPage .ul_form .radiosty label input[type=radio]{position: absolute;opacity:0;visibility: hidden;z-index:0;}
.orderPage .ul_form .radiosty label .icon{display:block;position:relative;background-image:url(../images/unchecked-2.png);background-size:1.2rem 1.2rem;background-position:0.8rem center;cursor: pointer;background-repeat:no-repeat;padding:0 0.8rem 0 2.5rem;border:solid 1px #999999;border-radius:0.25rem;z-index:2;}
.orderPage .ul_form .radiosty label .icon span{display:inline-block;height:2.25rem;font-size:0.9rem;line-height:2.25rem;color:#999999;}
.orderPage .ul_form .radiosty label input[type=radio]:checked + .icon {background-image:url(../images/select-2.png);border-color:#FFF;}
.orderPage .ul_form .radiosty label input[type=radio]:checked + .icon span{color:#FFF;}

/*.orderPage .ul_form .new_user label .icon{border-color:#EBB273;}
.orderPage .ul_form .new_user label .icon span{color:#EBB273;}*/
.orderPage .ul_form .radiosty .imark{position:absolute;left:-0.175rem;top:-0.3rem;z-index:3;}
.orderPage .ul_form .radiosty .imark img{width:3.75rem;height:auto;}

.fbtn{position:fixed;width:100%;left:0;bottom:5%;z-index:10;}
.fbtn a{width:80%;height:2.25rem;margin:0 auto;background:#D20000;font-size:0.9rem;line-height:2.25rem;text-align:center;color:#FFF;border-radius:1.125rem;}

.listPage .itemTop .alink{display:block;position:absolute;top:45%;right:12%;height:1.2rem;font-size:0.75rem;line-height:1.2rem;color:#FFF;padding:0 0.9rem 0 0.5rem;background-color:rgba(85,0,2,0.3);background-image:url(../images/icon-1.png);background-repeat:no-repeat;background-position:95% center;background-size:0.6rem auto;border-radius:0.25rem;}

.xszz {border-bottom:solid 0.5rem #EEE;padding:0.5rem 0 1.25rem 0;}
.xszz .tit{font-size:0.9rem;line-height:1.5rem;width:92%;margin:0 auto 0.4rem auto;}
.xszz .box{background:url(../images/bg2.jpg) no-repeat 0 0 #FF8E66;background-size:100% auto;border-radius:0.25rem;padding:0.5rem 0.6rem;width:92%;margin:0 auto;}
.xszz .box strong,.xszz .box span,.xszz .box .txtdiv{color:#FFF;}
.xszz .basic_info{padding:0 0.2rem 0.5rem;border-bottom:solid 1px #FFF;}
.xszz .stock_name{height:2.3rem;}
.xszz .stock_name strong,.xszz .stock_name span{line-height:2.3rem;}
.xszz .stock_name strong{font-size:1rem;}
.xszz .stock_name span{font-size:0.65rem;}
.xszz .h_rise{background-color:#FFF;border-radius:0.25rem;padding:0.2rem 0.25rem;text-align:center;}
.xszz .h_rise p,.xszz .h_rise p b{font-size:0.65rem;line-height:0.9rem;color:#D80000;}
.xszz .h_rise p b{font-size:0.75rem;line-height:1rem;}
.xszz .txtdiv{font-size:0.65rem;line-height:1rem;padding:0.6rem 0.2rem 0.1rem;}

.itemPage .zjgz .aric_tit{background:url(../images/titbg3.png) no-repeat 0 0;background-size:100% auto;}
.itemPage .zjgz .aric_tit b.fl{width:20.5%;}
.itemPage .zjgz .aric_tit b.fr{width:73.5%;}

.itemPage .zjgz .div_tit{background:url(../images/icon-2.png) no-repeat 0 center;background-size:0.6rem auto;font-size:0.9rem;line-height:1.2rem;font-weight:bold;color:#FF0000;padding:0 0 0 1rem;margin-top:1rem;}

.zjgz .wz{font-size:0.75rem;/*color:#F00;*/line-height:1.3rem;margin-top:0.5rem;}


/* 定制滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
  width:0.3rem;
  height:0.3rem;
  background-color: #F9F9F9;
}
 
/* 定制滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  border-radius:0.2rem;
  background-color: #CCC;
}
 
/* 定制滚动条滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
  background-color: #C1C1C1;
}
 
/* 对于Firefox */
::-moz-scrollbar {
  width:0.3rem;
  height:0.3rem;
}
 
::-moz-scrollbar-thumb {
  background-color: #CCC;
}
 
/* 对于IE和Edge */
::-ms-scrollbar {
  width:0.3rem;
  height:0.3rem;
}
 
::-ms-scrollbar-thumb {
  background-color: #CCC;
}

.itemTop .div_link{position:absolute;width:58%;top:8%;left:50%;margin-left:-29%;}
.itemTop .div_link a{height:1.3rem;background-color:rgba(255,255,255,0.8);font-size:0.7rem;color:#D80000;line-height:1.3rem;text-align:center;border-radius:0.25rem;padding-right:0.4rem;}
.itemTop .div_link span{display:block;position:absolute;top:0;right:0;font-size:0.65rem;line-height:1.3rem;padding:0 0.25rem;cursor:pointer;}

.orderPage .wximg{width:90%;margin:1.5rem auto 1rem auto;}
.orderPage .wximg .imgL{float:left;width:4.2rem;height:4.2rem;border-radius:0.25rem;background:#FFF;margin:0 0.5rem 0 0;border:solid 0.1rem #CCC;overflow:hidden;}
.orderPage .wximg .imgL img{width:4rem;height:4rem;}
.orderPage .wximg .txt p{font-size:0.7rem;line-height:1.05rem;text-align:center;color:#CCC;padding:0.25rem 0 0;}

.orderPage .div_bding{background:#FF5252;background:linear-gradient(180deg, #FF5252 0%, #FF3333 100%);border-radius:0.25rem;text-align:center;padding:0.5rem 0;margin:0 0 1.5rem;}
.orderPage .div_bding p{font-size:1rem;line-height:1.2rem;color:#FFF;padding:0.5rem 0;}
.orderPage .div_bding p b{font-size:1rem;line-height:1.2rem;color:#FF0;}
.orderPage .div_bding p a{display:inline-block;height:2rem;font-size:1rem;line-height:2rem;font-weight:bold;color:#FF3C3C;background:#FD7628;background:linear-gradient(180deg, #fff 0%, #FFF1BE 100%);padding:0 1.2rem;border-radius:1rem; letter-spacing:1px; vertical-align:top;}

.f-return{position:fixed;bottom:15%;right:0.5rem;z-index:5;}
.f-return img{width:2rem;height:2rem;}

.listPage ul.xs_list{width:92%;border:none;margin:0 auto;padding-bottom:0.3rem;}
.listPage ul.xs_list li{margin-top:0.4rem;margin-bottom:0.8rem;}
.listPage ul.xs_list .box{width:100%;}
.listPage ul.xs_list li .div_time{font-size:0.75rem;color:#000;line-height:1.2rem;margin:0 0 0.3rem;}

.bg_black{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:10;}
.fmsg .fbox{position:fixed;width:64%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:1.25rem 0 1rem 0;background-color:#FFF1E5;border:solid 0.125rem #F07D26;border-radius:0.5rem;z-index:12;}
.fmsg .txt{text-align:center;}
.fmsg .txt p{font-size:1rem;line-height:1.5rem;font-weight:bold;color:#D20000;}
.fmsg .btn{text-align:center;margin:1rem 0 0 0;}
.fmsg .btn a{display:inline-block;font-size:0.75rem;line-height:1.5rem;border:solid 1px #727272;color:#666;padding:0 0.75rem;}

.f-discount{position:fixed;width:100%;left:0;bottom:0;background:#282828;z-index:10;}
.f-discount a{}
.f-discount div.fl{width:62%;padding:0.2rem 0.75rem 0;}
.f-discount div.fl p,.f-discount div.fl p b{font-size:0.75rem;line-height:1rem;color:#FFF; }
.f-discount .flash-sale{margin-top:0.175rem;}
.f-discount .flash-sale span{display:inline-block;border:solid 1px #FECE98;border-radius:0.2rem;overflow:hidden;}
.f-discount .flash-sale span img,.f-discount .flash-sale span i{display:inline-block;height:1.25rem;vertical-align:top;}
.f-discount .flash-sale span img{width:auto;height:1.25rem;}
.f-discount .flash-sale span i{font-size:0.9rem;color:#FECF99;line-height:1.25rem;font-style:normal;padding:0 0.5rem;}

.f-discount div.fr{width:auto;height:3rem;}
.f-discount div.fr img{width:auto;height:100%;}

.orderPage .ul_form .div_discount label .icon{padding-top:0.4rem;padding-bottom:0.3rem;}
.orderPage .ul_form .div_discount label .icon span,.orderPage .ul_form .div_discount label .icon span i{display:block;height:auto;}
.orderPage .ul_form .div_discount label .icon span.fl{padding-top:0.4rem;}
.orderPage .ul_form .div_discount label .icon span.fr i{text-align:right;}
.orderPage .ul_form .div_discount label .icon span.fr i,.orderPage .ul_form .div_discount label .icon span.fr em{font-size:0.65rem;color:#999;line-height:1rem;font-style:normal;}
.orderPage .ul_form .div_discount label .icon span.fr em{ text-decoration:line-through;}
.orderPage .ul_form .div_discount label .icon span.fr b{display:inline-block;color:#EC0000;font-size:0.9rem;line-height:1rem;padding:0 0 0.15rem 0.25rem;vertical-align:top;}
.orderPage .ul_form .div_discount label .icon span.fr i img{width:2.6rem;height:auto;}

@media screen and (min-height:800px) {
	
}

@media screen and (min-width:750px) {
	body{background: #F2F2F2;}
	#pgcontainer{width:750px;margin:0 auto;}
	.f-sub,.fbtn,.f-discount{width:750px;left:50%;margin-left:-375px;}
	.f-return{left:50%;margin-left:270px;}
	.fmsg .fbox{width:480px;}
}
