﻿/* 全局 */
html {
    -overflow-y: scroll;
}
body {
    -webkit-text-size-adjust: none;
    color: #666;  /* 颜色方案：字体颜色 */
    background: #fff; /* 颜色方案：背景颜色 */
    font-size: 14px;
    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
    line-height: 1.666;
}

body, input, textarea {
    font-family: arial;
}

header, footer, section, aside, article, nav, hgroup, figure, figcaption, body, h1, h2, h3, 

h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, 

menu, pre {
    margin: 0;
    padding: 0;
}

table, th, td, img, fieldset {
    border: 0;
}

time, mark, output, meter, address, cite, em, code, var, dfn, ins, i, th, caption {
    font-style: normal;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, th {
    font-size: 100%;
    font-weight: normal;
}

input, select, button, textarea, table {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

q:before, q:after {
    content: "";
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, caption {
    text-align: left;
}

header, footer, section, aside, article, nav, hgroup, figure, figcaption {
    display: block;
}

/* 颜色方案：链接文字的颜色 */
a:hover, a:visited, a:link, a:active {
    color: #000;
    text-decoration: none;
    outline: none;
}
img {
    display: block;
    max-width:100%;
    margin:0px auto;
}
input {
    -webkit-appearance: none;
}
.fill {
    width:100%;
}
.hide {
    display:none;
}
.circle {
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    margin: 0px auto;
}
.clearfix {
	display: block;
	clear:both;
    height:0px;line-height:0px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* 布局 */
.m-body {
position: relative;
width:100%;
min-width: 320px;
max-width: 640px;
overflow: hidden;
z-index: 2;
_zoom: 1;
margin:0px auto;
padding-bottom:52px;
}
.m-body-hd {
z-index: 2;
}
/* 轮播 */
.m-slider {
    width: 93%;
    max-width: 640px;
    min-width: 320px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    margin-left: 3%;
    margin-right: 3%;
}

    .m-slider .hd {
        width: 100%;
        height: 11px;
        position: absolute;
        z-index: 1;
        bottom: 5px;
        text-align: center;
    }

        .m-slider .hd ul {
            display: inline-block;
            height: 5px;
            padding: 3px 5px;
            background-color: rgba(255,255,255,0.7);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            font-size: 0;
            vertical-align: top;
        }

            .m-slider .hd ul li {
                display: inline-block;
                width: 5px;
                height: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                background: #8C8C8C;
                margin: 0 5px;
                vertical-align: top;
                overflow: hidden;
            }

            .m-slider .hd ul .on {
                background: #FE6C9C;
            }

    .m-slider .bd {
        position: relative;
        z-index: 0;
    }

        .m-slider .bd li img {
            width: 100%;
            max-width: 640px;
            border-radius: 8px;
        }

.m-navbar {
    position:fixed;top:0px;z-index:9;
    width:100%;height:50px;border-bottom:1px #333 solid;line-height:50px;background:#fff;
}
.m-navbar .item {
    display:block;width:25%;text-align:center;float:left;font-family:'Microsoft YaHei';color:#333;font-weight:700;
}
.m-navbar .active {
    color:#F23635;
}
.m-subbar {
    width:100%;height:30px;
    /*border-bottom:1px #999 solid;*/
    line-height:30px;background:#fff;
}
.m-subbar .item {
    display:block;width:25%;text-align:center;float:left;font-family:'Microsoft YaHei';color:#666;font-weight:500;
    background:#f3f3f3;
}
.m-subbar .active {
    /*background:#e0e0e0;
    border-bottom:1px #F23635 solid;*/
    color:#0079fe
}
.m-content {
    color:#666;line-height:1.6;background:#fff;padding:10px 5px;
}
.m-content p {
    margin:12px;
}
.m-content b {
    margin:0px;padding:0px;
}

/* 按钮 */
 .btns {
    margin: 15px 10px 10px;
}
.w-button {
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #00AAEE;/*#3399FE;*/
    border-width: 0;
    border-style: solid;
    border-color: #1B7DE0;
    padding: 0 15px;
    text-align: center;
    height: 30px;

    border-radius: 3px;
    cursor: pointer;
    text-decoration: none!important;
    outline: none;
}
.w-button-simple {
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #db3652;
    border: 0;
    border-radius: 20px;
}

.w-button-simple-white {
    background: #fff;
    border:1px #D5D5D5 solid;
    color: #0079fe;
}

.w-button-red {
    background: #db3652;
    border-color: #b6243d;
}

.w-button-green {
    background: #1FB89A;
    border-color: #048E77;
}

.w-button-gray {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee));
    color: #808080;
    border-color: #d8d8d8;
}

.w-button-s {
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.w-button-l {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    
}

.w-button-xl {
    padding: 0 35px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    border-radius: 4px;
}

.w-button-aside {
    background: #E2E2E2;
    border-color: #C6C6C6;
    color: #3C3C3C;
    
}

.w-button-empty {
    background: none;
    border:1px #1B7DE0 solid;
    color: #1B7DE0;
    
}

.w-button-square {
    display: block;
    padding: 0;
    width: 27px;
    height: 27px;
    background: #db3652;
    border: 0;
    position: relative;
}

.w-button-round {
    display: block;
    padding: 0;
    width: 32px;
    height: 32px;
    background: #db3652;
    border: 0;
    border-radius: 50%;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
}
.w-button-backToTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    background: #c5c5c5;
    z-index: 10;
    -webkit-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in;
}

.w-button-backToTop:before, .w-button-backToTop:after {
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
}

.w-button-backToTop:before {
    top: 15px;
    left: 16px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.w-button-backToTop:after {
    top: 13px;
    left: 23px;
    width: 0;
    height: 23px;
    border-left: 3px solid #fff;
}

.w-button-disabled {
background: #cecece!important;
color: #999!important;
border-color: #b0b0b0!important;
cursor: default;
}

.w-textarea, .w-input {
display: inline-block;
+display:inline;
+zoom:1;
position: relative;
width: auto;
}

.w-textarea .w-input-placeholder, .w-input .w-input-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    color: #999;
}

.w-textarea-input, .w-input-input {
    padding: 8px;
    border: 1px solid #ABABAB;
    border-radius: 3px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.05) inset;
    outline: none;
}

.w-input-tips {
    margin-top: 3px;
    font-size: 12px;
    display: block;
}

.w-input-disabled .w-input-input {
    background: #f0f0f0;
    color: #999;
}

.w-input-err .w-input-input, .w-textarea-err .w-input-input {
    background: #FBE2E2;
    border-color: #C7605F;
}

.w-number {
    padding: 0 24px;
    position: relative;
    display: inline-block;
    +display:inline;
    +zoom:1;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
}

.w-number-input {
    font-size: 14px;
    text-align: center;
    width: 45px;
    border: 1px solid #e0e0e0;
    height: 22px;
    padding: 2px 4px;
    outline: none;
}

    .w-number-input:focus {
        background: #ffffe1;
    }

.w-number-btn {
    font-size: 18px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-decoration: none;
    position: absolute;
    right: 0;
    text-align: center;
    overflow: hidden;
    background: #F5F5F5;
    color: #9e9e9e;
    border: 1px solid #e0e0e0;
}

.w-number-btn:hover {
        background: #f8f8f8;
        color: #333;
        text-decoration: none;
}
.w-number-btn-plus {
    right: 0;
    top: 0;
}

.w-number-btn-minus {
    left: 0;
    top: 0;
}

.w-table {
    text-align: left;
    border: 1px solid #ddd;
    border-top-width: 2px;
    border-collapse: collapse;
}

    .w-table caption, .w-table td, .w-table th {
        padding: 8px 15px;
        font-weight: normal;
    }

    .w-table caption {
        text-align: left;
    }

    .w-table td {
        border-bottom: 1px solid #ddd;
    }

    .w-table thead, .w-table tfoot {
        background: #f2f2f2;
    }

.w-table-chk {
    width: 16px;
}

.w-table-opt {
    text-align: right;
}

.w-table td b {
    color: #39f;
}

.w-table td em {
    color: #DD344F;
}

.w-bar {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 14px;
    line-height: 45px;
    /*color:#525252;*/
    color:#666;
    margin-bottom: -1px;
    border: solid #D5D5D5;
    border-width: 1px 0;
    background: #fff;
}

.w-bar-ext {
    position: absolute;
    right: 42px;
    top: 0;
    color: #a9a9a9;  
}

.w-bar-extText {
    position: absolute;
    right: 42px;
    top: 0;
}

.w-bar-hint {
    font-size: 12px;
    color: #8f8f8f;
}

.w-bar-input {
    width: 100%;
    height: 38px;
    background: none;
    border: none;
    color: #333;
    outline: none;
    padding: 0;
    margin: 0;
}

textarea.w-bar-input {
    display: block;
    margin: 14px 0;
    resize: none;
}

.w-bar-label {
    width: 6em;
    float: left;
}

.w-bar-control {
    overflow: hidden;
    position: relative;
}

.w-bar-input-clear {
    display: none;
    float: right;
    margin-right: -10px;
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-family: sans-serif;
    text-align: center;
    background: #dcdcdc;
    color: #fff;
    border-radius: 100%;
    border: 10px solid #fff;
}

.ico-back, .ico-prev, .ico-next, .ico-fold, .ico-unfold {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid;
    background: none;
}
.ico-next {
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.txt-suc {
    color: #35BC00;
}

.txt-impt, .txt-err {
    color: #DA3752;
}

.txt-main {
    color: #333;
}

.txt-red {
    color: #db3652;
}

.txt-gray {
    color: #999;
}

.txt-blue {
    color: #0079fe;
}

.txt-orange {
    color: #ff9b00;
}

.txt-green {
    color: #528d00;
}

.txt-yxgreen {
    color: #20b89a;
}

.txt-dark {
    color: #666;
}

/* 标签 */

.tag {
    padding:3px 5px;color:#666;border:1px #666 solid; border-radius: 3px;margin-right:2%;font-size:12px;
}
.tag-container .tag:last-child{
    margin-right:0px;
}
.tag-orange {
    color:#ea5520;border-color:#ea5520;
}
.tag-green {
    color:#12A83A;border-color:#12A83A;
}
.tag-blue {
    color:#03B3FC;border-color:#03B3FC;
}
.tag-purple {
    color:#E009C9;border-color:#E009C9;
}
.tag-gray{
    color:#999;border-color:#999;
}
.tag-red{
    color:red;border-color:red;
}
.tag-rose {
      color:#e61c64;border-color:#e61c64;
}
.tag-cancel {
      color:#999;border-color:#999; border-radius: 11px;padding:3px 11px;
}

/* navbar */
.m-navbar {
    height:50px;width:100%;border-bottom:1px #333 solid;line-height:50px;color:#333;
}
.m-navbar .item {
    width:25%;text-align:center;
}

/* 页脚 */
.m-foot-bar {
    position:fixed;bottom:0px;width:100%;z-index:9;height:48px;
    border-top: 1px solid #fdfdfd;
    background:#F7F7FA;/*#F0F4F9;*/
    line-height:1.3;
    padding-top:5px;
}
.m-foot-bar .item {
    width:25%;text-align:center;float:left;
}

.m-foot-bar .item span {
    display:block;color:#888;font-size:12px;
}
.m-foot-bar .iconfont {
    font-size:24px;color:#888;
}
.m-foot-bar .active span,.m-foot-bar .active .iconfont {
    color:#2AAC26;
    /*color:#F33738*/
}
/* cells */
.m-cells{
/*margin-top: 1.17647059em;*/
line-height: 1.41176471;
font-size: 14px;
overflow: hidden;
position: relative;
}
    .m-cells .content {
        line-height:1.666;
    }
.m-cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.m-cell .iconfont {
    font-size:14px;
}
.m-cells .title {
    font-size:16px;color:#666;font-family:'Microsoft YaHei';
}
.m-cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.m-cell{
	margin: 0px;
    display:block;
	color:#999;font-size:14px;
    padding: 10px 15px;
    position: relative;background-color: #FFFFFF;
}

.m-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    /*left: 15px;*/
    }
.m-cell .icon-arrow-right,.weui_cell .icon-arrow-right {
    float:right;font-size:14px;
}
.m-cells .active,.weui_cell .active{
    color:#F23635;
}
a.m-cell,a.weui_cell {
     color: #666;
}


/* 选择区域 */
.selection {
    background:#fff;padding:10px;
}
.selection .item {
    display:block;padding:3px 7px;margin-right:2%;font-size:12px;float:left;
    color:#999;
}
.selection .active{
   border-radius:13px;background:#ea5520;color:#fff;
}


/* 评论 */
.weui_actionsheet .box {
    background:#fff;padding:10px 15px;
}
.weui_actionsheet .action{
    margin-bottom:10px;
}
.weui_actionsheet .action a{
    color:#666;
}
.weui_actionsheet .action .cancel{
    float:right;color:#999;
}

/* 功能按钮 */
.features a{
    font-size:12px;color:#F23635;
    display:block;float:left;border:1px #D9D9D9 solid;padding:3px 12px;color:#999;margin-right:1.5%;
    border-radius:13px;
}
.features a:last-child {
    margin-right:0px;
}
.features .iconfont{
    color:#F33738
}
.address a,a.address {
    color:#999;
}

/*  分享相关样式  */
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 999;
}
.m-more {
    margin-bottom:10px;
}
.m-more a,.m-more div {
    display:block;
    
    text-align:center;padding:5px;font-size:14px;color:#999;
    background:#fff;
    /*border-radius:5px;border:1px #D5D5D5 solid;margin:0px 0px;*/
}
.m-more .no-more,.m-more .loading {
    display:none;
}
.data-empty {
    width:100%;text-align:center;padding:20px 0px;
}
.weui_toast_my .content {
    margin:15px auto;
}
.weui_toast_my {
    position: fixed;
    z-index: 3;
    width: 7.6em;
    /*min-height: 7.6em;*/
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40,40,40,.75);
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
a.weui_btn {
    color:#fff;
}
.qua{
    padding:3px 5px;color:#666;border:1px #666 solid; border-radius: 3px;margin-right:2%;font-size:12px;
  /*
  -webkit-transform:skew(-20deg);
  -moz-transform:skew(-20deg);
  -o-transform:skew(-20deg);
  -ms-transform:skew(-20deg);
  transform:skew(-20deg);
  background:#E5C3B2;*/
}