/*style -webkit scrollbar*/
::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgb(193,193,193);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(102,102,102,0.4);
}
body{
    -webkit-tap-highlight-color:rgba(238, 238, 238, .5)
}
a:link,
a:visited{
    text-decoration: none;
}
a:hover,
a:active{
    text-decoration: none;
}
::-webkit-input-placeholder{
    color: #9e9e9e;
}
:-moz-placeholder{ /* Firefox 18- */
    color: #9e9e9e;
}
::-moz-placeholder{ /* Firefox 19+ */
    color: #9e9e9e;
}
:-ms-input-placeholder {
    color: #9e9e9e;
}
.grid-white{
    background-color: #ffffff;
}
.grid-gray{
    background-color: #f3f4f6;
}
.grid-darkblue{
    color: #fff;
    background-color: #5d6b85;
}
.grid-transparent{
    background-color: transparent;
}
.grid-opacity50{
    background-color:rgba(0,0,0,.5);
}
.fullscreen{
    min-height: 568px;
    overflow: hidden;
    *zoom: 1;
    /*border: 1px solid #e4e4e4;*/
    -webkit-border-image: url("/assets/images/border_image.png") 1 1 stretch;
    border-image: url("/assets/images/border_image.png") 1 1 stretch;
}
.page-logo{
    display: block;
    margin: 30px auto 42px;
}
.pos-1px{
    position: relative;
    top: 1px
}
.pos-neg1px{
    position: relative;
    top: -1px
}
.rmb{font-family: arial;font-style: normal}
.high{color: #ea5404!important}
.red{color: #ea5404!important}
.darkred{color: #ff0000!important;}
.green{color: #2aa41d!important}
.lightblue{color: #e0ecfc!important}
.darkblue{color: #5d6b85!important}
.lightgray{color: #666666!important;}
.darkgray{color: #838383!important}
.gray{color: #9e9e9e!important}
.white{color: #ffffff!important}
.black{color: #161616!important}
.darkblack{color: #000!important}
.green{color: #339925!important}
.gold{color: #a17046!important}
.default-color{color: #3f3f3f!important}
.bg-white{background-color: #ffffff!important}
.border-default{border: 1px solid #e4e4e4}
.link-none{cursor: default}
.link-default{color:#108ee9}
.link-red{color: #ea5404}
.link-gray{color: #838383}
.link-black{color: #161616}

[class^="link-"]:link,
[class^="link-"]:visited{
    text-decoration: underline;
}
.link-blue{color: #108ee9}
.link-blue:link,
.link-blue:visited{
    text-decoration: none;
}
.link-red:link,
.link-red:visited{
    text-decoration: none;
    border-bottom: 1px solid #ea5404;
}

.ui-loading,
.ui-empty,
#J_loading{
    margin: 25px 0;
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 14px;
}

/*button.css*/
.button-primary{
    color: #ffffff;
    border-color: #ea5404;
    background-color: #ea5404;
}
a.button-primary:link,
a.button-primary:visited{
    color: #ffffff;
}

.button-primary:hover,
.button-primary:active{
    color: #ffffff!important;
    background-color: #d24d03
}

.button-default{
    color: #838383;
    border-color: #9e9e9e;
    background-color: #ffffff;
}
a.button-default:link,
a.button-default:visited{
    color: #838383;
}
a.button-default:hover,
a.button-default:active{
    color: #838383!important;
    background-color: #ffffff;
}

.button-transparent{
    color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
}
a.button-transparent:link,
a.button-transparent:visited{
    color: #ffffff;
}
.button-hollow{
    color: #9e9e9e;
    border-color: #9e9e9e;
    background-color: transparent;
}
a.button-hollow:link,
a.button-hollow:visited{
    color: #9e9e9e;
}
.button-white{
    color: #ea5404;
    border-color: #ea5404;
    background-color: #ffffff;
}
a.button-white:link,
a.button-white:visited{
    color: #ea5404;
}
.button-green{
    color: #80ab09;
    border-color: #80ab09;
    background-color: #ffffff;
}
a.button-green:link,
a.button-green:visited{
    color: #80ab09;
}
.button-red{
    color: #ea5404;
    border-color: #ea5404;
    background-color: transparent;
}
a.button-red:link,
a.button-red:visited{
    color: #ea5404;
}
.button-mid{
    padding: 4px 10px;
}
.button-sm{
    padding: 4px;
}
.button-m{
    padding: 2px 5px;
}

.button-copycode{
    width: 42px;
    height: 18px;
    border: 1px solid #ea5404;
    color: #ea5404;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 10px;
}
.button-addplus{
    position: relative;
    display: block;
    padding: 0;
    min-width: 25px!important;
    width: 25px;
    height: 25px;
    text-indent: -9999em;
    background: url(//static.yoro.com/assets/images/icons_addplus.png) no-repeat 0 0;
    background-size: 25px;
}
.button-addplus.selected{
    background-position: 0 -25px;
}
.button-addplus.selecting:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(//static.yoro.com/assets/images/loading.gif) no-repeat center;
    background-size: 16px;
}

/*top-header.css*/
.header-wrapper{
    position: relative;
}
.top-header{
    position: relative;
    height: 44px;
    background-color: #322f2c;
}
.top-header .title{
    padding: 9px 44px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    overflow:hidden; white-space:nowrap;text-overflow:ellipsis
}
.top-header .back,
.top-header .action{
    position: absolute;
    color: #404040;
}
.top-header .back{
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    background: url(/assets/images/arrow_left_white.png) no-repeat center;
    background-size: 10px;
}
.top-header .back .fa{
    display: none;
}

.top-header .action{
    top: 6px;
    right: 12px;
}

.top-action{
    display: block;
    padding: 7px 0;
    width: 100%;
    text-align: center;
    font-size: 15px;
    border-color: #ea5404;
    background-color: #ea5404;
}
.top-action:link,
.top-action:visited{
    color: #ffffff;
}
.top-action .fa{
    display: inline-block;
    margin-right: 3px;
}
.top-close{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 0 7px;
    width: 50px;
    text-align: center;
}
.browser-wechat .top-header{
    display: none
}
.browser-wechat .top-close{
    display: block;
}

.browser-wechat .wechat-mask{
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #efefef;
    background: #fcf8e3;
}
/*top-summary*/
.top-summary{
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    color: #ea5404;
    background-color: #ffffff;
}

/*i-countdown*/
.i-countdown{

}
.i-countdown b{
    position:relative;
    top:2px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    font-weight:500;
    font-size: 16px;
    color: #5d6b85;
    background-color: #ffffff;
    border-radius: 4px;
}

/*tab.css*/
.tab-container{
    background-color: transparent;
}
.tab-nav{
    background-color: #ffffff;
}
.tab-nav:after{
    clear: both;
}
.tab-nav:before, .tab-nav:after{
    content: " ";
    display: table;
}
.tab-nav li{
    position: relative;
    float: left;
    width: 50%;
    padding: 0 15px;
    font-size: 15px;
    color: #838383;
}
.tab-nav-three li{
    padding: 0 12px;
    width: 33.3333%;
}
.tab-nav-four li{
    padding: 0 12px;
    width: 25%;
}
.tab-nav-five li{
    padding: 0 12px;
    width: 20%;
}
.tab-nav-category li{
    padding: 0 12px;
    width: 38%;
}
.tab-nav-category li.trigger-category{
    width: 24%;
}
.tab-nav li:after{
    content: '';
    position: absolute;
    right: -1px;
    top: 50%;
    margin-top: -11px;
    width: 0;
    height: 22px;
    border-left: 1px solid #e4e4e4;
}
.tab-nav li:last-child:after{
    border-left: none;
}
.tab-nav li a{
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
    color: #838383;
}
.tab-nav .active a{
    border-bottom: 2px solid #ea5404;
    color: #ea5404;
}
.tab-nav li .arrow-hollow{
    position: absolute;
    left: 50%;
    bottom: -17px;
    margin-left: -10px;
}
.tab-nav-row li span{
    display: block;
    margin-bottom: 3px;
    font-size: 21px;
    color: #161616;
}
.tab-nav-row .active span{
    color: #ea5404;
}
.tab-content{
    overflow: hidden;
    *zoom: 1;
}

.tab-nav-cusordefault li a{
    cursor: default;
}
/*ol-number*/
.ol-number {
    list-style-type: decimal;
    padding-left: 25px;
}

.ol-number li {
    margin: 10px 0;
}

/*list-stripe*/
.list-stripe {
    padding: 0 12px;
}

.list-stripe .item {
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
    overflow: hidden;
    *zoom: 1;
}

.list-stripe .item:last-child {
    border-bottom: none;
}

.list-stripe .item .attr,
.list-stripe .item .value {
    padding-left: 4px;
    padding-right: 4px;
}

.list-stripe .item .attr {
    float: left
}

.list-stripe .item .value {
    float: right
}

.express-wrapper {
    position: relative;
    display: block;
    padding: 15px 15px 15px 0;
    overflow: hidden;
    *zoom: 1;
}

.express-wrapper .fa-angle-right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
}

.line-title {
    margin: 30px 35px 25px;
    position: relative;
    height: 1px;
    border-top: 1px solid #c7c7c7;
}

.line-title .ltitle {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -10px;
    width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    background-color: #f3f4f6;
}

.page-nav-title {
    margin: 12px 0 3px;
    padding: 0 12px;
    font-weight: 500;
    color: #838383;
}

/*list-menu*/
.list-menu {
    padding-left: 12px;
    margin-bottom: 16px;
    background-color: #fff;
}

.list-menu .item {
    font-size: 15px;
}

.list-menu .item:last-child {
    border: none;
    -webkit-border-image: none;
    border-image: none;
}

.list-menu .item-attr {
    padding: 12px 0;
}

.list-menu .item-trigger {

}

.list-menu .item-selbank {
    padding-right: 6px;
    height: 47px;
}

.list-menu .item-selbank .style-select {
    width: 100%;
    padding: 0;
    border: none;
    height: 46px;
}

.list-menu .item-selbank .style-select:focus,
.list-menu .item-selbank .style-select:active {
    border: none;
}

.list-menu .item .attr {
    color: #161616;
}

.list-menu .item .attr-avatar {
    line-height: 50px;
}

.list-menu .item .val {
    float: right;
    padding-right: 30px;
    color: #9e9e9e;
}

.list-menu .item .title, .list-menu .item .info {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-menu .item .title {
    margin-bottom: 2px;
    font-size: 15px;
}

.list-menu .item-trigger .trigger {
    position: relative;
    display: block;
    padding: 12px 0;
}

.list-menu .item-trigger .note {
    position: absolute;
    left: 24px;
    top: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -1px;
    color: #ffffff;
    background-color: #fa3c30;
}

.list-menu .item-trigger .icon {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 2;
    width: 46px;
    height: 46px;
    border-radius: 3px;
}

.list-menu .item-trigger .icon-bubbles {
    background: #2880d9 url(/assets/images/icon_bubbles.png) no-repeat center center;
    background-size: 28px;
}

.list-menu .item-trigger .arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    color: #ababab;
}

.list-menu .item-trigger .time {
    position: absolute;
    right: 12px;
    top: 12px;
}

.i-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-image: url(/assets/images/sprite_icon.png);
    background-repeat: no-repeat;
    border-radius: 2px;
}

.list-menu .item-trigger .i-icon {
    position: absolute;
    left: 6px;
    top: 10px;
}

.i-icon-nav1 {
    background-color: #fa746e;
    background-position: 0 0;
}

.i-icon-nav2 {
    background-color: #a7ca47;
    background-position: 0 -25px;
}

.i-icon-nav3 {
    background-color: #fb9227;
    background-position: 0 -50px;
}

.i-icon-nav4 {
    background-color: #de76c0;
    background-position: 0 -75px;
}

.i-icon-nav5 {
    background-color: #ff826d;
    background-position: 0 -100px;
}

.i-icon-nav6 {
    background-color: #80a8eb;
    background-position: 0 -125px;
}

.i-icon-nav7 {
    background-color: #f27a45;
    background-position: 0 -150px;
}

.i-icon-nav8 {
    background-color: #91bc63;
    background-position: 0 -175px;
}

.i-icon-nav9 {
    background-color: #65d4d0;
    background-position: 0 -200px;
}

.i-icon-nav10 {
    background-color: #8a4e80;
    background-position: 0 -225px;
}

.i-icon-nav11 {
    background-color: #fb9227;
    background-position: 0 -550px;
}

.i-icon-nav12 {
    background-color: #f27a45;
    background-position: 0 -275px;
}

.i-icon-nav13 {
    background-color: #80a8eb;
    background-position: 0 -300px;
}

.i-icon-nav14 {
    background-color: #de76c0;
    background-position: 0 -325px;
}

.i-icon-nav15 {
    background-color: #ff826d;
    background-position: 0 -350px;
}

.i-icon-nav16 {
    background-color: #80a8eb;
    background-position: 0 -375px;
}

.i-icon-nav17 {
    background-color: #8a4e80;
    background-position: 0 -400px;
}

.i-icon-nav18 {
    background-color: #65d4d0;
    background-position: 0 -425px;
}

.i-icon-nav19 {
    background-color: #fb9227;
    background-position: 0 -450px;
}

.i-icon-nav20 {
    background-color: #8a4e80;
    background-position: 0 -475px;
}

.i-icon-nav21 {
    background-color: #f1b33c;
    background-position: 0 -500px;
}

.i-icon-nav22 {
    background-color: #f27a45;
    background-position: 0 -525px;
}

.i-icon-nav23 {
    background-color: #fb9227;
    background-position: 0 -550px;
}

.i-icon-nav24 {
    background-color: #eaa13a;
    background-position: 0 -575px;
}

.i-icon-nav25 {
    background-color: #578aff;
    background-position: 0 -600px;
}

.i-icon-nav26 {
    background-color: #fdb70e;
    background-position: 0 -625px;
}

.i-icon-nav27 {
    background-color: #63c01f;
    background-position: 0 -650px;
}

.i-icon-nav30 {
    background-color: #80a8eb;
    background-position: 0 -675px;
}

.i-icon-nav177 {
    background-color: #fdb70e;
    background-position: 0 -625px;
}
.i-icon-navrule{
    background: url(/assets/images/icon_rule.png) no-repeat 0 0;
    background-size: 24px;
}
.i-icon-complain{
    background: url(/assets/images/icon-complain.png) no-repeat 0 0;
    background-size: 24px;
}
.i-icon-blue {
    background-color: #80a8eb;
}

.i-icon-orange {
    background-color: #ff7745;
}

.i-diy-wechat {
    background-image: url(/assets/images/sprite_logos.png);
    background-position: 0 0;
}

.list-form .item-loading {
    position: relative
}

.list-form .item-loading .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #9e9e9e;
    background-color: rgba(102, 102, 102, .2);
}

.list-form .item-loading .fa-spin {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

/*list-ol*/
.list-ol {
    list-style-type: decimal;
    padding-left: 25px;
}

.list-ol .item {
    margin-bottom: 6px;
}

/*list-form*/
.list-form .item {
    font-size: 15px;
}

.list-form .form-input,
.list-form .form-textarea,
.list-form .form-select {
    padding: 12px;
    width: 100%;
    border: none;
    font-size: 16px;
    line-height: 1.3;
}

.form-textarea {
    height: 93px;
    resize: none;
    overflow: hidden;
    word-break: break-all;
}

.form-input[readonly],
.form-textarea[readonly] {
    color: #838383;
    background-color: #fbfbfb;
}

.form-label {
    cursor: pointer
}

.list-form .form-input:focus,
.list-form .form-textarea:focus,
.list-form .form-select:focus {
    outline: none;
}

.list-form .form-select {
    height: 49px;
    color: #aaa;
}

.list-form .form-select-active {
    color: #3f3f3f;
}

.list-form .form-select-district {
    width: 32%
}

.list-form .item .note {
    padding: 12px;
    border-top: 1px solid #e4e4e4;
    font-size: 13px;
    color: #666666;
    background-color: #f3f4f6;
}

.list-form .item-label {
    position: relative;
}

.list-form .item-label label {
    position: absolute;
    left: 12px;
    top: 14px;
}

.list-form .item-label .form-input {
    padding-left: 100px;
    padding-right: 36px;
    text-align: right;
}

.list-form .item-label .phone-code {
    padding-left: 72px;
}

.list-form .item-new,
.list-form .item-upload {
    position: relative;
}

.list-form .item-new label,
.list-form .item-upload label {
    position: absolute;
    left: 12px;
    top: 15px;
    color: #838383;
}

.list-form .item-new .form-input {
    padding-left: 80px;
    text-align: left;
}

.list-form .item-upload {
    overflow: hidden;
    *zoom: 1
}

.list-form .item-upload .form-uploader {
    position: relative;
    margin: 15px 15px 15px 80px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.list-form .item-select {
    padding-right: 6px;
}

/*uploader*/
.upload-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.list-form .item-code {
    position: relative;
}

.list-form .item-code .button-sendcode {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px;
    color: #ea5503;
    font-size: 16px;
}

.list-form .item-code .button-sendcode:active {
    color: #d24d03;
}

.list-form .item-code .button-sendcode:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 1px;
    height: 200%;
    border-left: 1px solid #e4e4e4;
    color: #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.list-form .item-code .form-input {
    padding-right: 156px;
}

/*table-score*/
.table-score th,
.table-score td {
    text-align: center;
}

.table-score th {
    font-size: 21px;
    font-weight: 500;
    color: #161616;
}

.table-score td {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #9e9e9e;
}

/*list-defs*/
.list-defs {
    background-color: #fff;
}

.list-defs .item {
    margin: 0 12px;
    padding: 12px 0;
    overflow: hidden;
    font-size: 13px;
}

.list-defs .item-header {
    margin: 0 12px;
    padding: 12px 0;
    text-align: center;
    font-size: 15px;
}

.list-defs-grid .item-header,
.list-defs-grid .item {
    margin: 0;
    padding: 12px 15px;
}

.list-defs .item .attr,
.list-defs .item .val {
    padding-left: 4px;
    padding-right: 4px;
}

.list-defs .item .attr {
    float: left;
}

.list-defs .item .val {
    float: right;
}

.list-defs .item-pro {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.list-defs .item-pro .list-items {
    background-color: #f6f6f6;
}

.list-defs .item-fl .val {
    display: block;
    margin-left: 75px;
    float: none;
}

.list-defs .item-action {
    position: relative;
    padding-right: 85px;
}

.list-defs .item-action .action {
    position: absolute;
    right: 3px;
    top: 10px;
    width: 75px;
    height: 24px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
}

.list-defs .item-button {
    padding-right: 12px;
}

.list-defs .item-button .button {
    float: left;
    margin-left: 12px;
    padding: 9px 20px;
    width: 46%;
    width: calc(50% - 12px);
}

.list-defs .item-action a.action:link,
.list-defs .item-action a.action:visited {
    color: #ffffff;
    background-color: #ff5b54;
}

.list-defs .item-action a.action:hover,
.list-defs .item-action a.action:active {
    color: #ffffff;
    background-color: #f1476f;
}

.list-defs .item-action .action-success,
.list-defs .item-action .action-success:hover,
.list-defs .item-action .action-success:active {
    color: #ffffff;
    background-color: #2aa41d;
}

.list-defs .item-number .attr {
    margin-top: 8px;
}

.list-defs .view-more {
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    color: #9e9e9e;
    background: #f5f5f5;
    cursor: pointer;
}

.label-high{
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    background-color: #ea5404;
}

/*list-items*/
.list-items {
    padding: 10px 12px;
    font-size: 13px;
    background-color: #fff;
}

a.list-items {
    position: relative;
    display: block;
}

.list-items .i-cover {
    float: left;
}

.list-items .i-infor {
    position: relative;
    z-index: 2;
    padding-left: 8px;
    height: 75px;
    overflow: hidden;
}

.list-items .i-infor .title {
    display: block;
    margin: 0 0 6px;
    height: 34px;
    overflow: hidden;
}

.list-items .i-infor a.title:link,
.list-items .i-infor a.title:visited {
    color: #161616;
}

.list-items .i-infor a.title:hover,
.list-items .i-infor a.title:active {
    color: #ea5404;
}

.list-items .i-infor .price b {
    margin-left: 1px;
}

.list-items .tr-action {
    position: absolute;
    right: 0;
    top: 0;
}

.list-items .br-action {
    position: absolute;
    right: 0;
    bottom: 0;
}
.list-items .cr-action {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
}

.list-items .i-infor .button {
    min-width: 87px;
    font-size: 13px;
}

.list-items .rc-arrowr {
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -22px;
    width: 32px;
    height: 44px;
}

.i-action {
    overflow: hidden;
    *zoom: 1;
}

.i-action dd {
    float: left;
    width: 50%
}

.i-action-three dd {
    width: 33.3333%
}

.i-action dd .item {
    display: block;
    padding: 12px 0;
    text-align: center;
    font-size: 13px;
    line-height: 1.3846
}

.i-action dd a.item:link, .i-action dd a.item:visited {
    color: #3f3f3f;
    text-decoration: none
}

.i-action .i_cog,
.i-action .i_view {
    display: inline-block;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px
}

.i-action .fa {
    font-size: 15px
}

.i-action .i_cog {
    background-image: url(/assets/images/icon_cog.png)
}

.i-action .i_view {
    background-image: url(/assets/images/icon_view.png)
}

/*fixed-high*/
.fixed-high {
    position: fixed;
    bottom: 150px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    padding-top: 8px;
    line-height: 1.2;
    font-size: 14px;
    overflow: hidden;
    border: 1px solid #ea5404;
    background: rgba(255, 90, 84, 0.9);
    border-radius: 50px;
}

a.fixed-high:link, a.fixed-high:visited {
    color: #fff;
}

/*store-action*/
.fixed-action {
    position: fixed;
    z-index: 101;
    bottom: 0;
    width: 100%;
    max-width: 7.5rem;
}

.fixed-action-wrapper {
    padding: 13px;
    text-align: right;
    background-color: #ebeff2;
}

.fixed-action-wrapper .button {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

/*guide-nav*/
.guide-nav {
    width: 100%;
    height: 55px;
    overflow: hidden;
    background-color: #fff;
}

.guide-nav li {
    float: left
}

.guide-nav li a {
    display: block;
    height: 55px;
    text-align: center;
}

.guide-nav li .icon {
    padding-top: 32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 22px;
}

.guide-nav li .icon-back {
    background-image: url(/assets/images/icon_back_black.png);
}

.guide-nav li .icon-store {
    background-image: url(/assets/images/icon_store_black.png);
}

.guide-nav li .icon-cart {
    background-image: url(/assets/images/icon_cart_black.png);
}
.guide-nav li .icon-cart2 {
    background-image: url(/assets/images/icon_cart2_black.png);
    background-size: 18px;
}
.guide-nav li .icon:link,
.guide-nav li .icon:visited {
    color: #838383
}

.guide-nav li .icon:hover,
.guide-nav li .icon:active {
    color: #9e9e9e
}

.guide-nav li .h-red,
.guide-nav li .h-orange {
    height: 58px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
}

.guide-nav li .h-red:link,
.guide-nav li .h-red:visited {
    background-color: #ea5404;
}

.guide-nav li .h-red:hover,
.guide-nav li .h-red:active {
    background-color: #d24d03;
}

.guide-nav li .h-orange:link,
.guide-nav li .h-orange:visited {
    background-color: #fe9402;
}

.guide-nav li .h-orange:hover,
.guide-nav li .h-orange:active {
    background-color: #f2910c;
}

.guide-nav li .icon-txt {
    display: inline-block;
    margin: 14px 0;
    padding-left: 33px;
    height: 32px;
    line-height: 25px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 28px 20px;
}

.guide-nav li .icon-txt-cart {
    background-image: url(/assets/images/icon_cart.png);
}

.guide-nav li .button {
    width: 100%;
    border-radius: 0;
    padding: 16px 0 15px;
    font-size: 16px;
    height: 58px;
}

.guide-nav li .overview {
    padding: 0 12px;
    text-align: right;
    background-color: #fff;
    color: #ea5404;
}

.guide-nav li .overview-line {
    height: 55px;
    line-height: 55px;
    white-space: nowrap;
}

/*list-address*/
.address-msg {
    font-size: 14px;
    color: #3f3f3f;
}

.address-msg dt {
    position: relative;
    margin: 12px 0 3px;
    color: #161616;
}

.address-msg dt b {
    font-size: 15px;
}

.address-msg .phone {
    margin-left: 15px;
}

.address-msg .address {
    margin: 3px 0;
}

/*list-tip*/
.list-tip {
    margin: 15px 0;
}

.list-tip li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 10px;
    color: #ea5404;
}

.list-tip li:last-child {
    margin-bottom: 0
}

.list-tip li:before {
    content: '*';
    position: absolute;
    left: 0;
    top: 3px;
}

/*panel.css*/
.layout-status {
    color: #ffffff;
    background-color: #5d6b85;
}

.layout-tip {
    color: #ea5404;
    background-color: #ffefc9;
    overflow: hidden;
}

.panel-default {
    padding: 15px 12px;
}

/*panel-status*/
.panel-status {
    position: relative;
    padding: 12px 20px 12px 40px;
}

.panel-lightred {
    padding: 12px;
    font-size: 14px;
    color: #ea5404;
    background-color: #ffefc9;
}

.panel-status .icon {
    position: absolute;
    left: 15px;
    top: 15px;
}

/*layout-info*/
.layout-info {
    padding: 0 12px;
    overflow: hidden;
    *zoom: 1;
}

.layout-info .title {
    margin-bottom: 12px;
    padding: 12px 0;
    font-size: 18px;
    text-align: center;
    color: #161616;
}

.layout-info .item {
    float: left;
    margin-bottom: 6px;
    width: 50%;
    font-size: 14px;
}

.layout-info .item:last-child {
    margin-bottom: 0;
}

.layout-info .item .attr {
    margin-right: 1px;
    color: #838383;
}

.layout-info .item .value {
    color: #161616;
}

.layout-info-anchor {
    padding-bottom: 12px;
}

.layout-info-anchor .item {
    padding-bottom: 0;
}

.layout-info-anchor .item a {
    display: block;
    padding: 8px 0;
}

.layout-info-grid .item {
    width: 100%;
}

.contact-tel {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    font-size: 14px;
    background-color: #f8f8f8;
}

.contact-tel:link, .contact-tel:visited {
    color: #ea5404;
}

/*layout-stripe*/
.layout-stripe {
}

.layout-stripe .title {
    padding: 12px 0;
    font-size: 18px;
    text-align: center;
    color: #161616;
    border-bottom: 1px solid #e4e4e4;
}

.layout-stripe .item {
    padding: 10px 30px;
    font-size: 14px;
    color: #161616;
    background-color: #f9f8f8;
}

.layout-stripe .item:nth-child(odd) {
    background-color: #f3f4f6;
}

/*partner-list*/
.partner-list {
    padding: 0 12px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    *zoom: 1;
    background: #f9f8f8 url(/assets/images/partner_bg.png?v=1) repeat 0 0;
}

.partner-list .title {
    padding: 6px 0 5px;
}

.partner-list .item {
    float: left;
    padding: 6px 0 5px;
    width: 33.3333%;
    color: #838383;
}

@media only screen and (max-width: 767px) {
    .partner-list .item {
        width: 50%;
    }
}
.add-partner {
    position: absolute;
    right: 0;
    top: 0;
}

/*page-tip*/
.page-tip {
    position: relative;
    margin-top: 5px;
    padding: 0 12px 0 40px;
    color: #ea5404;
    font-size: 14px;
}

.page-tip:before {
    content: '注：';
    position: absolute;
    left: 12px;
    top: 0;

}

/*panel-query*/
.panel-query {
    padding-left: 24px;
    padding-right: 24px;
}

/*panel-address*/
.panel-address {
    position: relative;
    display: block;
    padding: 0 35px 12px;
}

.panel-address .fa {
    position: absolute;
    top: 50%;
}

.panel-address .fa-map-marker,
.panel-address .fa-truck {
    margin-top: -8px;
    color: #525252;
}

.panel-address .fa-map-marker {
    left: 12px;
}

.panel-address .fa-truck {
    left: 9px;
}

.panel-address .fa-angle-right {
    right: 13px;
    margin-top: -10px;
    color: #a3a3a3;
}

.transport-unactive {
    cursor: default;
}

.transport-unactive .fa-angle-right {
    display: none;
}

/*input.css*/
.input-default {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    /*background-image: none;*/
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border-radius: 3px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.input-default {
    height: 66px;
}

.input-default:focus {
    outline: 0;
    /*border-color: #66afe9;*/
    /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
}

.input-gray {
    background-color: #f3f4f6;
}

/*simule-table.css*/
.simule-table {
    background-color: #fff;
}

.simule-table-tr {
    *zoom: 1;
}

.simule-table-tr:after {
    clear: both;
}

.simule-table-tr:before, .simule-table-tr:after {
    content: " ";
    display: table;
}

.simule-table-th, .simule-table-td {
    float: left;
    padding: 12px 3px;
    text-align: center;
    font-size: 15px;
}

.simule-table-th {
    color: #161616;
}

.simule-table-td {
    color: #838383;
}

.simule-table-col2 .simule-table-th, .simule-table-col2 .simule-table-td {
    width: 50%
}

.simule-table-col3 .simule-table-th, .simule-table-col3 .simule-table-td {
    width: 33.3333%
}

.simule-table-col4 .simule-table-th, .simule-table-col4 .simule-table-td {
    width: 25%
}

.simule-table-col5 .simule-table-th, .simule-table-col5 .simule-table-td {
    width: 20%
}

/*table.css*/
.table, .table100 {
    width: 100%;
}

.table thead tr,
.table tbody tr {

    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background-color: #ffffff;
}

.table thead th,
.table tbody td {
    padding: 12px 3px;
    text-align: center;
    font-size: 14px;
}

.table thead th {
    font-weight: 500;
    font-size: 14px;
    color: #161616;
}

.table tbody td {
    color: #838383;
}

.table-grid {
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    background-color: #ffffff;
    overflow: hidden;
    *zoom: 1;
}

.table-grid-cell {
    float: left;
    padding: 18px 3px;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
}

.table-grid-cell .num {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 20px;
    color: #ea5404;
}

.table-grid-cell .label {
    color: #838383;
}

.table-grid-three .table-grid-cell {
    width: 33.3333%
}

/*item-grid-cell*/
.item-grid-cell {
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 14px;
    color: #161616
}

.item-grid-cell-double {
    width: 66.6666%
}

/*product-number-input*/
.product-number-input {
    position: relative;
    display: inline-block;
    padding: 0 35px;
}

.minus-input, .plus-input {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    border: 1px solid #969696;
    color: #919191;
}

.minus-input {
    left: 0;
}

.plus-input {
    right: 0;
}

.minus-input .fa, .plus-input .fa {
    margin-top: 9px;
    font-size: 16px;
}

.minus-input.disabled, .plus-input.disabled {
    color: #e4e4e4;
    border-color: #e4e4e4;
    pointer-events: none;
    cursor: not-allowed;
}

.number-input {
    width: 45px;
    height: 35px;
    border: 1px solid #969696;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
}

/*order-rule.css*/
.order-rule {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    background-color: #ffffff;
    cursor: pointer;
}

.order-rule dt {
    position: relative;
    padding: 10px 15px;
}

.order-rule dt .arrow {
    position: absolute;
    right: 15px;
    top: 10px;
}

.order-rule-detail {
    display: none;
    padding: 15px;
    border-top: 1px solid #e4e4e4;
    color: #161616;
}

.order-rule.active .order-rule-detail {
    display: block;
}

.order-rule-detail p {
    padding: 2px 0 2px 12px;
    background: url("/assets/images/icon_dot_black.png") no-repeat 0 7px;
    background-size: 6px;
}

/*status-default.css*/
.status-default {
    margin: 15px auto 12px;
    text-align: center;
    color: #ea5404;
}

.status-default strong {
    display: inline-block;
    padding: 5px 0 5px 35px;
    background: url(/assets/images/icon-hook.png) no-repeat left center;
}

/*select-address*/
.address-wrapper {
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background: #fff;
}

.address-wrapper.show {
    left: 0;
}

.address-wrapper .grid-inner {
    overflow: hidden;
    *zoom: 1;
}

.address-wrapper .address-msg {
    position: relative;
    padding-right: 35px;
}

.nav-seladdress-item .address-msg .select-hook {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    width: 25px;
    height: 25px;
    background: url(/assets/images/icon-hook-circle.png) no-repeat 0 0;
    background-size: 25px;
}

.nav-seladdress-item.active .address-msg .select-hook {
    display: block;
}

.address-wrapper .address-container {
    overflow-y: auto;
}

/*seller*/
.note-volume {
    padding: 0 24px;
}

.partner-msg {
    margin: 12px 0;
    display: inline-block;
    text-align: left;
}

.partner-msg .item {
    margin: 5px 0;
}

.partner-msg .item .attr {
    margin-right: 5px
}

@media only screen and (max-width: 480px) {
    .agreement .block-align {
        display: block;
        margin-top: 3px;
        margin-left: 12px;
    }
}

/*wechat-guide*/
.wechat-guide {
    display: none;
    margin: 50px 24px;
    text-align: center;
    font-size: 14px;
}

.wechat-guide p {
    margin: 25px 0 15px;
    color: #838383;
}

.wechat-guide .rule {
    margin-top: 10px;
    display: inline-block;
}

.wechat-qrcode {
    padding: 10px;
    border: 1px solid #f4f4f4;
}

.wechat-join {
    margin: 45px 24px 0;
    padding: 10px 60px 0;
    border-top: 1px solid #e4e4e4;
    overflow: hidden;
    *zoom: 1;
}

.wechat-join dt {
    margin: 14px 0;
    font-size: 15px;
}

.wechat-join dd {
    margin: 8px 0;
    line-height: 1.5;
    font-size: 14px;
    color: #838383;
}

/*editor-container*/
.editor-container {
    padding: 0 12px;
}

.editor-container .title {
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    font-weight: 500;
    color: #161616;
}

.editor-container .content {
    padding: 20px 15px;
}

.editor-container .content img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*upload-wechat-qrcode*/
.update-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.update-mask span {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -40px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #ea5404;
}

/*footer-action.css*/
.footer-action {
    margin: 24px 0 60px;
    padding: 0 24px;
    overflow: hidden;
    *zoom: 1;
}

.footer-action .button {
    display: block;
    width: 100%;
    padding: 8px 0;
    font-size: 18px;
}

.footer-action .rspace4 {
    margin-right: 4%;
}

.footer-action .rspace {
    margin-right: 3%;
}

.footer-action-half,
.footer-action-three {
    padding: 0 3.75%;
}

.footer-action-half .button {
    float: left;
    width: 48%;
}

.footer-action-three .button {
    float: left;
    width: 31%
}

@media only screen and (max-width: 767px) {
    .footer-action .rspace {
        margin-right: 2%;
    }
}

/*ui-pager.css*/
.page-wrapper {
    margin: 20px 0 18px;
    padding: 0 24px;
}

.ui-pager {
    width: 100%;
    display: inline-block;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f3f3f3, lightgrey);
}

.ui-pager a {
    float: left;
    width: 14.857%;
    height: 40px;
    line-height: 40px;
    outline: none;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    color: #555555;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    font-family: Times, 'Times New Roman', Georgia, Palatino;
    background-color: #f3f3f3;
    background-image: linear-gradient(#f3f3f3, lightgrey);
}

.ui-pager a:hover, .ui-pager a:focus, .ui-pager a:active {
    background-color: #cecece;
    background-image: linear-gradient(#e4e4e4, #cecece);
}

.ui-pager a.disabled, .ui-pager a.disabled:hover, .ui-pager a.disabled:focus, .ui-pager a.disabled:active {
    background-color: #f3f3f3;
    background-image: linear-gradient(#f3f3f3, lightgrey);
    color: #A8A8A8;
    cursor: default;
}

.ui-pager a:first-child {
    border: none;
    border-radius: 2px 0 0 2px;
}

.ui-pager a:last-child {
    border: none;
    border-radius: 0 2px 2px 0;
}

.ui-pager input {
    float: left;
    margin: 0;
    padding: 0;
    width: 40.572%;
    height: 40px;
    line-height: 40px;
    outline: none;
    border: none;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #7b7b7b;
    border-radius: 0;
}

@media only screen and (max-width: 767px) {
    .page-wrapper {
        padding: 0 12px;
    }
}



/*query.css*/
.query-list .item {
    margin: 12px 0;
    overflow: hidden;
    *zoom: 1;
}

.query-list .item .attr,
.query-list .item .value {
    float: left;
    width: 50%;
}

.query-list .item .attr {
    padding-right: 15px;
    text-align: right;
    color: #9e9e9e;
}

.query-list .item .value {
    color: #161616;
}

.panel-query .status {
    padding-top: 150px;
    line-height: 1.8;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

.panel-query .success {
    background-image: url(/assets/images/icon-success.png);
}

.panel-query .failure {
    background-image: url(/assets/images/icon_warning_2.png);
}

.panel-query .note {
    background-image: url(/assets/images/icon_warning_1.png);
}

.panel-query .button-white {
    margin: 30px auto 0;
    display: block;
    width: 230px;
}

.contact {
    padding-top: 15px;
}

#cnzz_stat_icon_1254953135 a {
    display: inline-block;
    width: 50px;
    height: 12px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(/assets/images/cnzzpic.gif) no-repeat 0 0;
}

.opacit60 {
    opacity: .6;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .fullscreen {
        border: none;
        -webkit-border-image: none;
        border-image: none;
    }
    .keyboard-status.fadeout {
        display: none
    }
    .note-volume {
        padding: 0 12px;
    }

    .wechat-join {
        margin-left: 12px;
        margin-right: 12px;
        padding: 0;
    }

    .wechat-guide {
        margin-left: 12px;
        margin-right: 12px;
    }

    .guide-nav .overview .freight {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
    .main-nav li {
        margin-right: 0;
        width: 25%;
    }
}

@media only screen and (min-width: 992px) {

}

/* 头部 */
/*
.m-header {
    position: relative;
    height: 44px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e4e4e4;
}
.m-header a.back {
    width: 44px;
    height: 44px;
    position: absolute;
    top:0;
    left: 0;
    cursor: pointer;
    color: #404040;
    text-align: center;
}
.m-header a.back i {
    margin-top: 5px;
    font-size: 32px;
    color: #2d2d2d;
}
.m-header h2.title {
    padding: 9px 0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #161616;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
/* tab切换导航 - 积分明细、结算中心 */
.m-tab {
    margin-bottom: 15px;
    padding: 15px 8px;
    background-color: #ffffff;
    /*border-bottom: 1px solid #e4e4e4;*/
}

.m-tab-c {
    margin: 0 auto;
    width: 98%;
}

.m-tab-c li {
    float: left;
    width: 33.33%;
    font-size: 15px;
    color: #ea5503;
    text-align: center;
    border: 1px solid #ea5503;
    border-radius: 5px;
    cursor: pointer;
    margin-left: -1px;
}

.m-tab-c2 li {
    width: 50%;
    height: 30px;
}

.m-tab-c3 li {
    width: 33.33%;
}

.m-tab-c4 li {
    width: 25%;
}

.m-tab-c li:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.m-tab-c li:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.m-tab-c li:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.m-tab-c li.active {
    color: #fff;
    background-color: #ea5503;
}

ul.m-tab-c li a {
    display: block;
    line-height: 32px;
}

ul.m-tab-c li a:link, ul.m-tab-c li a:active, ul.m-tab-c li a:visited {
    color: #ea5503;
}

ul.m-tab-c li.active a {
    color: #fff;
}

/* 列表 - 规则分类、结算中心(汇总、明细) */
.m-list {
    padding-left: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-border-image: url(/assets/images/1px/border_image_horizontal.png) 2 0 stretch;
    border-image: url(/assets/images/1px/border_image_horizontal.png) 2 0 stretch;
    border-width: 1px 0 1px;
    border-style: solid;
    border-color: #e4e4e4;
}

.m-list li {
    position: relative;
}

.m-list li:after {
    content: "";
    display: block;
    clear: both;
}

.m-list li:last-child {
    border-bottom-width: 0;
}

.m-list li > a:first-child {
    display: block;
}

.m-list li > a:first-child:after {
    content: "";
    display: block;
    clear: both;
}

.m-list li div {
    padding: 8px 0; /*全局考虑这里用padding撑高列表项*/
}

.m-list li a:link, .m-list li a:visited {
    color: #161616;
}

.m-list li div {
    float: left;
    font-size: 12px;
    line-height: 1.85;
}

.m-list li div h3 {
    color: #161616;
    font-weight: normal;
    font-size: 16px;
}

.m-list li div p {
    color: #838383;
}

.m-list li em {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -11px;
    font-size: 20px;
    font-style: normal;
}

.m-list li em b {
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #838383;
    line-height: 1.45;
    padding-right: 6px;
}

.m-list li em .pl {
    padding-right: 0 !important;
}

.m-list li em b u.rmb { /* äººæ°‘å¸å›¾æ ‡ */
    font-size: 16px;
    text-decoration: none;
}

.m-list li em .light {
    color: #ea5406;
}

.m-list li em .light2 {
    color: #ea5406;
}

.m-angle-right {
    float: right;
    color: #ababab;
    margin-left: 5px;
}

.m-angle-right2 {
    float: right;
    color: #ababab;
    margin-left: 5px;
}

.m-list li.intro {
    padding: 9px 12px 9px 0;
    font-size: 14px;
    color: #838383;
}

.m-list li.empty { /*记录为空时*/
    padding: 25px 0;
    font-size: 14px;
    text-align: center;
}

/* 列表 - 积分明细 # æ ·å¼æ”¹å†™  */
.m-list.jf-over {
    margin: 15px 0 0 0;
}

.m-list.jf-over li div h3 {
    font-size: 14px;
}

.m-list.jf-over li div p {
    font-size: 14px;
}

.m-list.jf-over li em b {
    color: #9e9e9e;
}

/* 列表 - 结算中心 # æ ·å¼æ”¹å†™  */
.m-list.js-over {
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.m-list.js-over li div h3,
.m-list.js-over li em b {
    font-size: 15px;
}

.m-list.js-over li em > .sign {
    width: 20px;
    height: 20px;
    background: url("/assets/images/icon_question.png") no-repeat 0 50%;
    background-size: 14px;
}

.signer {
    position: absolute;
    top: 11px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("/assets/images/icon_signer.png") no-repeat 0 50%;
    background-size: 14px;
}

.subsidy-desc .subsidyr {
    float: right;
    margin-left: 80px;
    margin-top: -43px;
    padding-right: 12px;
}

/* 列表 - 结算中心(å‹‹ç« ) # æ ·å¼æ”¹å†™ */
.m-list.xz-over2 li div h3,
.m-list.xz-over2 li em b {
    font-size: 15px;
}

.m-list.xz-over2 li em b u.rmb {
    font-size: 15px;
}

/* 箭头 */
.m-angle-right {
    width: 8px;
    height: 8px;
    border-left: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 6px 1px 0 1px;
}

.m-angle-right2 {
    width: 6Px;
    height: 6px;
    border-left: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 5px 1px 0 1px;
}

/* 横向列表 - 结算中心 */
.m-list-h {
    margin-bottom: 15px;
    background-color: #fff;
    border: 0 solid #e4e4e4;
    border-width: 1px 0;
}

.m-list-h li {
    float: left;
    width: 50%;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    font-size: 15px;
}

.m-list-h li:last-child {
    border-right: none;
}

.m-list-h li a {
    display: block;
    padding: 13px 0;
}

.m-list-h li a:link,
.m-list-h li a:visited {
    color: #ea5503;
}

.m-list-h li i {
    margin-right: 6px;
    display: inline-block;
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: right top;
    vertical-align: middle;
}

.m-list-h li i.dt {
    background-size: 12px;
    background-image: url("/assets/images/icon_detail.png");
}

.m-list-h li i.ls {
    background-size: 16px;
    background-image: url("/assets/images/icon_list.png");
}

/* 横向列表(两行) - 结算中心(æœˆç§¯åˆ†ã€å¹´ç§¯åˆ†ã€å‹‹ç« ) */
.m-list-h2 {
    background-color: #fff;
    padding: 15px 0;
    border-top: 1px solid #e4e4e4;
}

.m-list-h2 li {
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: 13px;
}

.m-list-h2 li:not(:last-child):before {
    float: right;
    margin-top: 9px;
    content: "";
    width: 1px;
    height: 35px;
    background-color: #e4e4e4;
}

.m-list-h2 li a {
    display: block;
}

.m-list-h2 li a:link,
.m-list-h2 li a:visited {
    color: #161616;
}

.m-list-h2 li i {
    margin-right: 6px;
    display: inline-block;
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: right top;
    vertical-align: middle;
}

.m-list-h2 li h3 {
    font-weight: normal;
    font-size: 20px;
}

.m-list-h2 li p {
    margin-top: 3px;
    color: #838383;
}

/* 横向列表(两行) - 结算中心(å‹‹ç« ) # æ ·å¼æ”¹å†™ */
.m-list-h2.xz-over li {
    width: 50%;
}

/* 描述列表 - 规则说明 */
.m-desc-list {
    padding: 2px 15px;
    background-color: #ffffff;
}

.m-desc-list > dl {
    padding: 15px 0 15px;
    -webkit-border-image: url(/assets/images/1px/border_image_horizontal.png) 2 0 stretch;
    border-image: url(/assets/images/1px/border_image_horizontal.png) 2 0 stretch;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e4e4e4;
}

.m-desc-list > dl:last-child {
    border: none;
}

.m-desc-list > dl > dt {
    margin-bottom: 8px;
    font-size: 16px;
    color: #161616;
}

.m-desc-list > dl > dt.type:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #ea5503;
    border-radius: 50%;
    position: relative;
    top: -1px; /* 解决圆点偏下 */
    margin-right: 7px;
}

.m-desc-list > dl > dd {
    font-size: 14px;
    color: #838383;
}

.m-desc-list > dl > dd p {
    margin-bottom: 4px;
}

.m-desc-list-table {
    width: 100%;
    margin-top: 11px;
}

.m-desc-list-table tr th, .m-desc-list-table tr td {
    padding: 10px 3px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 14px;
    color: #838383;
}

.m-desc-list-table tr th {
    color: #161616;
    font-weight: normal;
}

.m-desc-list-inside {
    color: #838383;
}

.m-desc-list-inside dl {
    margin: 17px 0;
}

.m-desc-list-inside dl:last-child {
    margin-bottom: 0;
}

.m-desc-list-inside dl dt {
    margin-bottom: 6px;
    font-size: 14px;
    color: #161616;
}

.m-desc-list-inside dl dd {
    line-height: 1.5;
}

.m-desc-list-inside dl dd em {
    color: #ea5503;
}

/* 满宽按钮 - 规则说明、积分明细、积分明细详情 */
.m-btn {
    display: block;
    width: 100%;
    padding: 11px 0;
    text-align: center;
    font-size: 16px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    margin: 0 auto;
    max-width: 750px;
    min-width: 320px;
}

.m-btn-red {
    background-color: #ea5503;
    color: #fff;
}

.m-btn-red:hover {
    background-color: #ed5b0c;
}

/* 媒体列表 - 积分明细详情 */
.m-list-media {
    border-top: 1px solid #ddd;
    font-size: 14px;
    color: #161616;
}

/* 媒体列表 - 头部 */
.m-list-media-hd {
    position: relative;
    background-color: #fff;
    padding: 12px 0 12px 14px;
}

.m-list-media-hd a {
    padding-left: 20px;
    background: url(/assets/images/icon_store_black.png) no-repeat left center;
    background-size: 17px;
    line-height: 1.2;
}

.m-list-media-hd a:link, .m-list-media-hd a:visited, .m-list-media-bd a:link, .m-list-media-bd a:visited {
    color: #161616;
}

.m-list-media-hd u {
    position: absolute;
    right: 16px;
    top: 12px;
    text-decoration: none;
    color: #ea5503;
}

/* 媒体列表 - 主体 */
.m-list-media-bd {
    background-color: #fff;
}

.m-list-media-bd li {
    background-color: #f8f8f8;
    display: block;
    padding: 9px 14px;
}

.m-list-media-bd li:not(:last-child) {
    margin-bottom: 3px;
}

.m-list-media-bd li img {
    float: left;
    width: 90px;
    height: 90px;
    border: 1px solid #e4e4e4;
}

.m-list-media-bd li div {
    position: relative;
    margin-left: 102px;
    height: 90px;
    overflow: hidden;
    padding-top: 6px;
}

.m-list-media-bd li div h2 {
    font-weight: normal;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
}

.m-list-media-bd li div em {
    position: absolute;
    left: 0;
    bottom: 3px;
    font-style: normal;
    font-weight: bold;
}

.m-list-media-bd li div em u.rmb {
    font-size: 13px;
    text-decoration: none;
}

.m-list-media-bd li div > b {
    position: absolute;
    right: 0;
    bottom: 3px;
    font-weight: normal;
}

/* 媒体列表 - 尾部 */
.m-list-media-ft {
    padding: 9px 0;
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}

.m-list-media-ft li {
    position: relative;
    padding: 1px 12px;
    overflow: hidden;
}

.m-list-media-ft li em {
    float: left;
    font-style: normal;
}

.m-list-media-ft li span {
    float: right;
}

.m-list-media-ft li span.light {
    color: #ea5503;
    font-weight: bold;
}

.m-list-media-ft li span u {
    text-decoration: none;
    font-size: 13px;
}

/* 媒体列表 - 尾部2 */
.m-list-media-ft2 {
    margin-top: 14px;
    padding: 6px 0;
    background-color: #fff;
    border: 0 solid #e4e4e4;
    border-width: 1px 0;
}

.m-list-media-ft2 li {
    padding: 2px 12px;
    color: #838383;
    font-size: 12px;
    overflow: hidden;
}

/* è¡¨æ ¼ - åˆ†çº¢è¯¦æƒ…ã€çŽ«ç‘°å‹‹ç« å¥–é‡‘è¯¦æƒ… */
.m-table-wrap {
    background-color: #fff;
    border: 0 solid #e4e4e4;
    border-width: 1px 0;
    margin-bottom: 15px;
    padding-left: 12px;

}

.m-table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    width: 100%;
    margin-bottom: 15px;
}

.m-table:last-child {
    margin-bottom: 0;
}

.m-table th, .m-table td {
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
    color: #161616;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    text-align: left;
}

.m-table thead th, .m-table thead td {
    padding: 6px 0;
}

.m-table tbody tr:last-child th, .m-table tbody tr:last-child td {
    border: none;
}

.m-table td {
    color: #838383;
}

.m-table .light {
    color: #ea5406;
}

.m-table .rmb { /* äººæ°‘å¸å›¾æ ‡ */
    font-size: 16px;
    margin-right: 1px;
}

/* è§£å†³åº•éƒ¨å›ºå®šå·¥å…·æ è­¬å¦‚"返回"遮住部分内容的问题 */
.main-pb {
    padding-bottom: 60px;
}

/*---------------------------- baie ui ------------------------------*/
/*baie-icon*/
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "baieui";
    src: url('data:application/octet-stream;base64,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') format('truetype');
}
[class^="baieui-icon-"]:before,
[class*=" baieui-icon-"]:before,
.baie-cell-channel .baie-cell-ft:before {
    font-family: "baieui";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*[class*=" baieui-icon-"]:before, [class^=baieui-icon-]:before {
    margin: 0;
}*/
.baieui-icon-success:before {
    content: "\EA06";
}

.baieui-icon-success-cricle:before {
    content: "\EA07";
}

.baieui-icon-success-no-circle:before {
    content: "\EA08";
}

.baieui-icon-info:before {
    content: "\EA03";
}

.baieui-icon-info-circle:before {
    content: "\EA0C";
}

.baieui-icon-circle:before {
    content: "\EA01";
}

.baieui-icon-warn:before {
    content: "\EA0B";
}

.baieui-icon-cancel:before {
    content: "\EA0D";
}

.baieui-icon-clear:before {
    content: "\EA0F";
}

.baieui-icon-msg {
    font-size: 130px
}

/*.baie-common*/
.color-high {
    color: #ea5503;
}

.color-default {
    color: #161616;
}

.color-darkgray {
    color: #838383;
}

.color-gray {
    color: #9e9e9e;
}

.color-lightgray {
    color: #e4e4e4;
}

.color-green {
    color: #04cf5d;
}

.color-blue {
    color: #108ee9;
}

.color-darkblue {
    color: #5d6b85;
}

/*baie-w*/
.baie-w150 {
    width: 150px;
}

.baie-w280 {
    width: 280px;
}

.baie-cbox {
    margin-left: auto;
    margin-right: auto;
}

/*.baie-tip*/
.baie-tip {
    padding: 10px 15px;
    font-size: 14px;
    color: #ea5503;
    background-color: #ffeec8;
}

/*baie-status*/
.baieui-status-success {
    display: block;
    margin: 38px auto 24px;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: #5ecf5d url(/assets/images/success-right.png) no-repeat center center;
    background-size: 84px;
}

.baie-icon-ask {
    display: inline-block;
    width: 26px;
    height: 52px;
    background: url(/assets/images/icon_ask_white.png) no-repeat left center;
    background-size: 16px;
    position: relative;
    top: 3px;
}

.baieui-status-noright {
    display: block;
    margin: 38px auto 24px;
    width: 100px;
    height: 140px;
    background: url(/assets/images/icon_noright.png) no-repeat center center;
    background-size: 100px;
}

/*.baie-cells*/
/*baie-cell*/
.baie-cells-title {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #838383;
    font-size: 15px;
}

.baie-cells-title + .baie-cells {
    margin-top: 0;
}

.baie-cells {
    background-color: #fff;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    color: #161616;
}

.baie-cell {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
}

.baie-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e4e4e4;
    color: #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.baie-hd {
    margin-top: 1px;
}

.baie-bd {
    padding-left: 5px;
}

.baie-cell-ft {
    text-align: right;
    color: #161616;
}

.baie-cell,
.baie-form, .baie-select {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.baie-cells-pay .baie-cell{
    line-height: 32px;
}

.baie-form-draw {
    position: relative;
}

.baie-form-grid {
    position: relative;
    padding-right: 0;
}

.baie-label {
    display: block;
    width: 80px;
    word-wrap: break-word;
    word-break: break-all;
}

.baie-cell-primary {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.baie-cells-pay .baie-cell-primary{
    line-height: 32px;
}

.baie-input {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
}

.baie-cell-spec .clear_input {
    right: 103px !important;
}

.baie-cell-spec .button-sendcode {
    padding: 12px;
    color: #ea5503;
    font-size: 16px;
    margin-right: -28px;
    position: absolute;
    z-index: 99;
    right: 27px;
    top: 0;
}

.baie-cell-spec .button-sendcode:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 1px;
    right: 0;
    width: 1px;
    height: 185%;
    border-left: 1px solid #e4e4e4;
    color: #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.baie-cell-spec .phone-code {
    padding-right: 136px;
}

.baie-select {
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
}

.baie-cells:before, .baie-form:before, .baie-select:before,
.baie-cells:after,
.baie-dialog-title-line:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    color: #e4e4e4;
}

.baie-cells:before, .baie-form:before, .baie-select:before {
    top: 0;
    border-top: 1px solid #e4e4e4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.baie-cells:after {
    bottom: 0;
    height: 1px;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.baie-select-cell {
    width: 100%;
}

.baie-select-bd {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 8px;
    -moz-padding-start: 8px;
    background-color: #ffffff; /* For Chrome and Safari */ /* For old Fx (3.6 to 15) */ /* For pre-releases of IE 10*/ /* For old Opera (11.1 to 12.0) */
    background-image: url(/assets/images/select_arrow.png?v=2), linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 16px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    color: #3f3f3f;
    font-size: inherit;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.baie-select-bd::-ms-expand { /* for IE 11 */
    display: none;
}

.baie-select-cell .baie-select-bd {
    width: 100%;
    border: none;
    outline: none;
    color: #161616;
}

.baie-textarea {
    height: 93px;
    resize: none;
    overflow: hidden;
    word-break: break-all;
    border: none;
    outline: none;
    width: 100%;
    padding-right: 15px;
    padding-top: 9px;
}

.baie-texgarea-label {
    margin-top: -40px;
}

.baie-select-grid {
    padding-right: 0;
}

.baie-select-cell select {
    width: 33%;
    float: left;
    border: none;
    outline: none;
    padding: 14px 0;
    border-right: 1px solid #f3f4f6;
}

.baie-select-cell select:last-child {
    border-right: none;
}

.baie-select-cell select:nth-child(2), .baie-select-cell select:nth-child(3) {
    padding-left: 15px;
}

/*baie-cell-bank*/
.baie-well-tip {
    position: relative;
    margin-top: 5px;
    color: #838383;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

.baie-well-tip-action {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 15px;
    text-decoration: none;
    color: #108ee9;
}

.baie-cells:after,
.baie-form:after,
.baie-dialog-title-line:after {
    bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

#baie-banks:after {
    border: none;
}

.baie-cell-grid:before {
    left: 0
}

.baie-cell-bank {
    position: relative;
    padding-left: 25px;
}

.baie-cell-bank .bank {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.baie-cell-hd img {
    display: block;
    margin-left: 6px;
    margin-right: 12px
}

.baie-cell-channel .baie-cell-ft:before {
    margin: 0;
    content: "\EA01";
    font-size: 23px;
    color: #a1a1a1;
}
.baie-cell-active .baie-cell-ft:before {
    content: "\EA06";
    color: #ea5503;
}
.baie-disabled .baie-cell-ft:before{
    content: "";
}

.baie-cells-access a.baie-cell {
    color: inherit;
}

.baie-cells-access .baie-cell:not(.no-access) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.baie-cells-access .baie-cell-ft:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #838383;
    border-style: solid;
    position: relative;
    top: -1px;
    margin-left: 3px;
}

/*baie_btn*/
.baie-btn {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 44px;
    border-radius: 3px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}

.baie-btn + .baie-btn {
    margin-top: 15px;
}

.baie-btn-primary {
    background-color: #ea5503;
}

.baie-btn-primary:not(.baie-btn-disabled):visited {
    color: #fff;
}

.baie-btn-primary:not(.baie-btn-disabled):active {
    background-color: #d24d03;
}

.baie-btn-plain-primary {
    color: #ea5503;
    border: 1px solid #ea5503;
}

.baie-btn-plain-primary:after {
    border-width: 0;
}

.baie-btn-disabled,
.baie-disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.baie-btn-disabled {
    background-color: #c6c6c6;
}

.baie-disabled {
    color: #9e9e9e;
}

.baie-btn-link {
    color: #108ee9;
    line-height: 24px;
}

/*baie-cover-infor*/
.baie-cover-infor {
    padding: 12px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.baie-cover {
    width: 68px;
    height: 68px;
    border: 1px solid #e4e4e4;
    border-radius: 68px;
    overflow: hidden;
}

.baie-infor {
    margin-left: 12px;
    font-size: 14px;
    color: #0a0a0a;
    line-height: 1.6;
}

/*baie-pay*/
[class*=baie-overlay-], .baie-dialog {
    position: fixed;
    left: 0;
    pointer-events: auto;
}

[class*=baie-overlay-] {
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1021;

}

.baie-overlay-default {
    background-color: rgba(0, 0, 0, 0.5);
}

.baie-overlay-gray {
    background-color: #ffffff;
}

.baie-dialog {
    right: 0;
    bottom: 0;
    z-index: 1022;
    height: auto;
    max-height: 100%;
    background-color: transparent;
}

.baie-dialog-gray {
    top: 0;
}

.baie-dialog-hd {
    position: relative;
    height: 48px;
}

.baie-dialog-title {
    display: block;
    padding: 0 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #161616;
}

[class*=baie-dialog-close-], .baie-dialog-back, .baie-dialog-blank {
    position: absolute;
    top: 0;
    z-index: 3;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
}

.baie-dialog-close-default {
    right: 0;
    background-image: url(/assets/images/icon_close_gray.png);
    background-position: 19px center;
}

.baie-dialog-close-orange {
    top: 15px;
    right: 15px;
    background-image: url(/assets/images/icon_close_orange.png);
    background-size: 21px;
}

.baie-dialog-back {
    left: 0;
    background-image: url(/assets/images/arrow_left.png);
    background-size: 8px 16px;
}

.baie-dialog-blank {
    left: 0;
}

.baie-dialog-ft {
    padding: 0 15px;
}

.baie-password {
    display: block;
    margin: 18px 0;
    padding: 10px 12px 10px 22px;
    width: 100%;
    outline: none;
    letter-spacing: 30px;
    font-size: 20px;
}

.baie-dialog-container {
    min-height: 296px;
    overflow: hidden;
}

.baiepay-dialog-money {
    margin: 25px 15px 60px;
    position: relative;
    text-align: right;
    font-size: 24px;
    color: #161616;
}

.baiepay-dialog-money span {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 15px;
}
#baiepay-dialog-barcode{
    position: relative;
    margin: 0 15px;
    text-align: center;
}
#baiepay-barcode{
    width: 100%;
    height: 120px;
}
#barcode-loading {
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -16px;
}
#baie-banks {
    overflow-y: auto;
}

#baiepay-way .baie-cell {
    cursor: pointer;
}

/*ä¸‹æ‹‰æ¡†ç»Ÿä¸€æ ·å¼*/
.icon-jt {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #ea5503;
    right: 3px;
    top: 50%;
    margin-top: -4px;
}

.J_category {
    display: none;
}

.diag {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

/*tab-wrapper*/
.trigger-category .fa-angle-down {
    position: relative;
    left: 5px;
    top: 1px;
}

.tab-wrapper {
    position: relative;
    z-index: 3;
}

.category-wrapper {
    position: absolute;
    padding: 12px 6px;
    width: 100%;
    max-width: 750px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #ffffff;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1;
    top: 0;
    left: 0;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.category-show {
    display: block
}

.category-wrapper li {
    float: left;
    padding: 0 5px;
    margin: 6px 0;
    height: 34px;

}

.category-wrapper4 li {
    width: 25%;
}

.category-wrapper3 li {
    width: 33.33%;
}
.category-wrapper4 .active2 a{
    border:1px solid #ea5504!important;
    color:#ea5504!important;
    background-color:#fff!important;
}
.category-wrapper a {
    display: block;
    height: 34px;
    line-height: 34px;
    border: 1px solid #e4e4e4;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
}

.category-wrapper a:link,
.category-wrapper a:visited {
    color: #161616
}

.category-wrapper a:hover,
.category-wrapper a:active {
     color: #ffffff;
     border-color: #ea5404;
     background-color: #ea5404;
 }
.category-wrapper4 a:hover,
.category-wrapper4 a:active {
    color: #ea5504!important;
    border-color: #ea5504!important;
    background-color: #fff!important;
}

.category-wrapper .active {
    border-color: #ea5404;
    background-color: #ea5404;
}

.category-wrapper .active:link, .category-wrapper .active:visited {
    color: #ffffff;
}

@media only screen and (max-width: 750px) {
    .category-wrapper {
        top: 0px;
    }
}
@media (min-width: 750px) and (max-width: 1680px) {
    .category-wrapper {
        left: 50%;
        margin-left: -375px;
        top: 152px;
        padding: 12px 10px;
    }
}

@media only screen and (max-width: 320px) {
    .icon-jt {
        right: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #ea5503;
    }

    .J_data {
        text-align: left;
    }
}
@media (min-width: 321px) and (max-width: 375px) {
    .icon-jt {
        right: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #ea5503;
    }

    .J_data {
        text-align: left;
    }

}
@media (min-width: 376px) and (max-width: 420px) {
    .icon-jt {
        right: 2px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #ea5503;
    }
}
@media only screen and (max-width: 767px) {
    .diag {
        top: 54px;
    }
    .overflow {
        overflow-y: hidden;
    }

    .m-tab-c li {
        height: 32px;
    }
}

/*baie-note*/
.baie-note{
    margin-top: 18px;
}
.baie-note li{
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px;
    color: #838383;
    font-size: 13px;
}
.baie-note li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #ea5503;
}

.baie-password{
    display: block;
    margin: 18px 0;
    padding: 10px 12px 10px 22px;
    width: 100%;
    outline: none;
    letter-spacing: 30px;
    font-size: 20px;
}
.baie-dialog-container{
    min-height: 296px;
    overflow: hidden;
}
.baiepay-dialog-money{
    margin: 25px 15px 60px;
    position: relative;
    text-align: right;
    font-size: 24px;
    color: #161616;
}
.baiepay-dialog-money span{
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 15px;
}
#baie-banks{
    overflow-y: auto;
}
#baiepay-way .baie-cell{
    cursor: pointer;
}
.baie-dialog .J_channel{
    cursor: pointer;
}

.icon-ask-mark{
    position: relative;
    top: 1px;
    margin-left: 3px;
    display: inline-block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background:url(/assets/images/icon_ask_mark.png) no-repeat center;
    background-size: 13px;
}
.baie-dialog-tip__container{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 15px 15px 15px;
    max-width: 750px;
    min-width: 320px;
    height: 100%;
}
.baie-dialog-tip__content-title{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.baie-dialog-tip__content-h3{
    font-size: 14px;
    margin-bottom: 15px;
    color: #161616;
}
.baie-dialog-tip__content-digit{
    margin-bottom: 3px;
    font-size: 14px;
    color: #838383;
}
.baie-dialog-tip__content-dot{
    margin-bottom: 10px;
    padding-left: 12px;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
    color: #9f9f9f;
}
.baie-dialog-tip__content-dot:before{
    content: '';
    position: absolute;
    left: 3px;
    top:9px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #838383;
}
.baie-dialog-tip__button-area-bottom{
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    min-width: 320px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    padding: 0 15px;
}
.baie-dialog-tip__button-area .button{
    display: block;
    font-size: 16px;
}
.baie-dialog-tip__rule{
    display: block;
    margin-top: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
}
@media only screen and (max-width: 320px) {
    .baie-dialog-tip__content-scrolly{
        overflow-y: auto;
        height: 380px;
    }
}

/*邀请注册*/
.slogan-banner{
    padding:44px 9px 34px 9px;
}
.agreement{
    color:#838383;
    padding:0 15px;
    margin:0 auto;
    margin-top:7px;
}
.agreement .link-gray{
    text-decoration: none;
}
.button-primary2{
    width: 100%!important;
    height: 49px;
    background-color:#ea5503;
    color:#fff;
}

/*左侧悬浮*/
.fixed-nav{
    display:none;
    position: fixed;
    bottom: 140px;
    right: 15px;
    z-index: 99;
    font-size: 12px;
}
.fixed-nav.fadein{
    display:block
}
.fixed-nav li{
    margin-bottom:10px;
    position:relative;
}
.fixed-nav li .icon{
    position: absolute;
    width: 24px;
    height: 24px;
    background-image:url(/assets/images/icon-modle.png);
    background-repeat: no-repeat;
    background-size:24px;
    left: 13px;
    top: 2px;
}
.fixed-nav .icon-contact{
    background-position: 0 0;
}
.fixed-nav .icon-cart{
    background-position: 0 -24px;
}
.fixed-nav .icon-contact{
    background-position: 0 -48px;
}
.fixed-nav .icon-top{
    background-position: 0 -72px;
}
.fixed-nav li a{
    display:block;
    padding-top:27px;
    width:50px;
    height:50px;
    text-align:center;
    background-color:#fff;
    background-color:rgba(255,255,255,.7);
    background-repeat:no-repeat;
    border-radius:50px;
    box-shadow:0 3px 5px #9e9e9e;
}
.fixed-nav li .cart .num{
    position:absolute;
    right:5px;
    top:0;
    width:16px;
    height:16px;
    line-height:16px;
    color:#fff;
    background-color:#ea5404;
    border-radius:16px;
    font-size:10px
}
.fixed-nav li a:link,.fixed-nav li a:visited{
    color:#3f3f3f
}
.buy-message{
    position: absolute;
    top: 50%;
    margin-top:-10px;
    left: 10px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-image: url(/assets/images/icon_message2.png);
    background-repeat: no-repeat;
    background-size: 18px;
}

#cnzz_stat_icon_1262016314{
    display: none;
}

/* baie evn good@2017-06-01 START */
.baie-toolbar-dev, .baie-toolbar-beta, .baie-toolbar-rel{
    position: relative;
}
.baie-toolbar-beta::after{
    content: "dev";
}
.baie-toolbar-beta::after{
    content: "beta";
}
.baie-toolbar-rel::after{
    content: "rel";
}
.baie-toolbar-beta:after, .baie-toolbar-rel:after{
    position: absolute;
    right: .15rem;
    top: .1rem;
    width: .7rem;
    line-height: .3rem;
    border-radius: .2rem;
    font-size: .24rem;
    color: #ffffff;
    background-color: #ff0000;
}
/* baie evn */

.baie-con .baie-logo{
    width: 120px;
    height: 120px;
    margin: 0px auto;
}

.baie-con .baie-logo img{
    width: 120px;
    height: 120px;
}

.baie-login-form{
    padding-left: 4%;
    padding-right: 4%;
    list-style-type: none;
    overflow: hidden;
}
.baie-login-form label{
    display: block;
    width: 46px;
    line-height: 49px;
}
.baie-login-form  .baie-login-li{
    position: relative;
    overflow: hidden;
    height: 49px;
    border-bottom: 1px solid #e4e4e4;
}
.baie-login-form .baie-login-input{
    position: absolute;
    display: block;
    padding: 14px 12px 14px 15px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    border: none;
    outline: none;
    width: 100%;
    border-radius: 0;
    left: 45px;
    top: 0;
}
::-webkit-input-placeholder {
    color:#cecece;
}
.disabled{
    background: #c6c6c6;
}
.baie-forget{
    position: absolute;
    right: 4%;
    margin-top:-20px;
    color:#838383;
}
.baie-register{
    position: absolute;
    left: 4%;
    margin-top:-20px;
    color:#838383;
}
.baie-quckly{
    margin:5px auto 0;
}
.baie-quckly span{
    display:block;
    text-align: center;
    color:#838383;
    font-size: 14px;
    position: relative;
}
.baie-quckly .baie-quckly-link{
    width: 50%;
    float: left;
    margin-bottom:30px;
}
.baie-quckly a{
    /* display:block;
    width: 50%; */
    text-align: center;
    color:#838383;
    font-size: 14px;
}
.baie-quckly span:before{
    position: absolute;
    top: 50%;
    content: '';
    display: block;
    height: 1px;
    width: 35%;
    background: #dddddd;
    left: 4%;
}
.baie-quckly span:after{
    position: absolute;
    top: 50%;
    content: '';
    display: block;
    height: 1px;
    width: 34%;
    background: #dddddd;
    right: 4%;
}
.baie-quckly{
    text-align: center;;
}
.baie-quckly img{
    margin: 30px auto 10px;
}