@charset "utf-8";
/* ------------------------------------全局定义---------------------------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
* {
    margin: 0;
    padding: 0;
    /*固定页面字体大小*/
    -webkit-text-size-adjust:none;
    -webkit-font-smoothing: antialiased;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body {
    overflow: visible;
}

* html iframe, * html frame {
    overflow: auto;
}

* html frameset {
    overflow: hidden;
}

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body {
    color: #000;
    background: #f4f4f4;
    font: 0.12rem/0.22rem Verdana, Arial, sans-serif, "Times New Roman", 宋体;
    text-align: center;
}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
    margin: 0;
    padding: 0;
    /*box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-webkit-box-sizing: border-box;*/
}

table{
    /*width:30em;*/
    table-layout:fixed;                 /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}

td{
    width:100%;
    word-break:keep-all;             /* 不换行 */
    white-space:nowrap;            /* 不换行 */
    overflow:hidden;                  /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;            /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

input, select {
    font-size: 0.12rem;
    vertical-align: middle;
}

/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div {
    text-align: left;
    font-family: "Microsoft YaHei";
    font-size: 0.26rem;
}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea, input {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0rem;
}

/*
    作用描述：给INPUT添加美化的样式，兼容IE8,IE9,FF,chrome,safari等
    效果描述；
        - 1.边框带圆角
        - 2.指定INPUT高度
        - 3.INPUT文本上下居中，添加左边距
        - 4.背景色为白色
        - 5.当INPUT获得光标的时候，边框高亮显示天蓝色。
        - 6.IE7下没有高亮效果
        - 7.chrome下聚焦后边框是2px。
*/
.input[type="text"] {
    border: 0px solid #c3c3c3;
    border: 0px solid #c3c3c3 \9; /*IE*/
    width: 100%;
    height: 1rem; /*非IE高度*/
    height: 1rem \9; /*IE高度*/
    padding-left: 0.05rem; /*all*/
    line-height: 1rem \9; /*IE*/
    background-color: transparent;
    /*background-color:white;*/
    font-size: 0.28rem;
    color: #c3c3c3;
    outline: none;
    -moz-border-radius: 0.03rem; /*Firefox*/
    -webkit-border-radius: 0.03rem; /*Safari和Chrome*/
    border-radius: 0.03rem; /*IE9+*/
    /*margin-left: 0.24rem;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type="submit"] {
    border: none;
    background: none;
    background-color: transparent;
    cursor: pointer;
}

ul{
    width: 100%;
    white-space: nowrap;/*文本不换行*/
}

li {
    width:auto;
    margin:0;
    display:block;                     /*内联对象需加*/
    word-break:keep-all;           /* 不换行 */
    white-space:nowrap;          /* 不换行 */
    overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    border: solid 0px #ff0000;
    list-style-type: none;          /* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
    /*display:inline-block;*/       /*横排*/
    text-align: left;
}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img {
    border: 0 none;
    vertical-align: middle;

    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

button {
    border: none;
    cursor: pointer;
    font-size: 0.12rem;
    background-color: transparent;
}

select {
    border-width: 1px;
    _zoom: 1;
    border-style: solid;
    padding-top: 0.02rem;
    font-size: 0.12rem;
}

/*清除Css中select的下拉箭头样式*/
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url('__PUBLIC__/images/select_arrow.png') no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 0.14rem;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.clearfix {
    overflow: hidden;
    _zoom: 1;
    _height: 1%;
}
/*.clearfix:after{    !*在.clearfix后边追加一个隐藏的block,带一个clear:both属性*!*/
    /*content: "";*/
    /*display: block;  !*block宽度会横向填充满屏幕，在父元素的最后追加一个height:0，占满屏幕的看不见的细长条*!*/
    /*line-height: 0;*/
    /*clear: both;  !*这个最下边细长条左右两边都清除float*!*/
/*}*/
/*最优浮动闭合方案*/
/*.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/*.clearfix{*+height:1%;}*/
/*这个办法也有个弊端，改变css写法就ok了：*/
/*.content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/*.content{*+height:1%;}*/

/*很拉轰的浮动闭合办法*/
/*.clearfix{overflow:auto;_height:1%}*/

/*端友radom提供的方法*/
/*.clearfix{overflow:hidden;_zoom:1;}*/

/*!*所有主流浏览器都支持 :after 伪元素。*!*/
/*.clearfix:after {*/
/*visibility: hidden;*/
/*display: block;*/
/*font-size: 0;*/
/*content: ".";*/
/*clear: both;*/
/*height: 0;*/
/*}*/

/*!*只针对IE6/7*!*/
/*.clearfix {*/
/*zoom: 1;*/
/*}*/

/*普通浮动闭合写法*/
/*.clear {*/
/*clear: both;*/
/*font-size: 1px;*/
/*height: 0;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*}*/

/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited, a:hover, a:active {
    color: #a2a2a2;
    text-decoration: none;
}

/* 去掉链接的虚线框 */
a {
    outline: none;
    star: expression(this.onFocus=this.blur());
}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1 {
    font-size: 0.24rem;
}

h2 {
    font-size: 0.20rem;
}

h3 {
    font-size: 0.18rem;
}

h4 {
    font-size: 0.16rem;
}

h5 {
    font-size: 0.14rem;
}

h6 {
    font-size: 0.12rem;
}

.button {
    width: 1.26rem;
    height: 0.56rem;
    background-color: #cc3333;
    border-radius: 0.15rem;
    font-family: "Microsoft YaHei";
    font-size: 0.24rem;
    color: #ffffff;
    /*display: block;*/
}

.icon {
    margin: 0rem 0.24rem;
}

.title {
    font-family: "Microsoft YaHei";
    font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
}

.name {
    font-family: "Microsoft YaHei";
    font-size: 0.28rem;
    color: #5d5d5d;
}

.label {
    font-family: "Microsoft YaHei";
    font-size: 0.28rem;
    color: #5d5d5d;
    margin: 0rem 0.24rem 0rem 0.24rem;
}

.label-gray {
    font-family: "Microsoft YaHei";
    font-size: 0.28rem;
    color: #c3c3c3;
    margin: 0rem 0.24rem 0rem 0.24rem;
}

.text {
    font-family: "Microsoft YaHei";
    font-size: 0.24rem;
    color: #5d5d5d;
    /*margin: 0rem 0.24rem 0rem 0.24rem;*/
}

.text-gray {
    font-family: "Microsoft YaHei";
    font-size: 0.24rem;
    color: #b9b9b9;
    /*margin: 0rem 0.24rem 0rem 0.24rem;*/
}

/*.symbol {*/
    /*font-family: "Microsoft YaHei";*/
    /*font-size: 0.30rem;*/
    /*color: #ff6600;*/
/*}*/

/*.price {*/
    /*font-family: "Microsoft YaHei";*/
    /*font-size: 0.43rem;*/
    /*color: #ff6600;*/
/*}*/

.symbol {
    font-family: "Microsoft YaHei";
    font-size: 0.32rem;
    color: #ff9933;
}

.price {
    font-family: "黑体";
    font-size: 0.43rem;
    color: #ff9933;
}

.tag {
    font-family: 'Microsoft YaHei';
    font-size: 0.24rem;
    color: #cc3333;
    border: #cc3333 solid 0.01rem;
    padding: 0.05rem;
    border-radius: 0.05rem;
    margin-right: 0.20rem;
}

.tag1 {
    font-family: 'Microsoft YaHei';
    font-size: 0.18rem;
    color: #cc3333;
    border: #cc3333 solid 0.01rem;
    padding: 0.05rem;
    border-radius: 0.05rem;
    /*margin-right: 0.20rem;*/
}

.price1 {
    font-family: "黑体";
    font-size: 0.18rem;
    color: #cc3333;
    margin-left: 0.05rem;
    margin-right: 0.20rem;
}

.tag3 {
    font-family: 'Microsoft YaHei';
    font-size: 0.24rem;
    color: #996600;
    border: #996600 solid 0.01rem;
    padding: 0.03rem;
    border-radius: 0.05rem;
    margin: 0.05rem;
}

.symbol3 {
    font-family: "黑体";
    font-size: 0.24rem;
    color: #996600;
    margin-left: 0.05rem;
}

.price3 {
    font-family: "黑体";
    font-size: 0.36rem;
    color: #996600;
    /*margin-right: 0.20rem;*/
}

.tag4 {
    font-family: 'Microsoft YaHei';
    font-size: 0.24rem;
    color: #3366cc;
    border: #3366cc solid 0.01rem;
    padding: 0.03rem;
    border-radius: 0.05rem;
    margin: 0.05rem;
}

.symbol4 {
    font-family: "黑体";
    font-size: 0.24rem;
    color: #3366cc;
    margin-left: 0.05rem;
}

.price4 {
    font-family: "黑体";
    font-size: 0.36rem;
    color: #3366cc;
    /*margin-right: 0.20rem;*/
}

.content {
    width: 100%;
    line-height: 100%;
    background-color: #ffffff;
}

.box {
    width: 0.46rem;
    height: 0.46rem;
    display: table;
    text-align: center;
    border: 0rem solid #d3d3d3;
    background: #fff;
    margin: 0rem 0.24rem 0rem 0.24rem;
}

.box span {
    display: table-cell;
    vertical-align: middle;
}