@charset "utf-8";

/* start common */
.red-dot {
    position: relative;
    background-color: transparent;
    width: 10px;
    height: 50%;
    display: inline-block;
}

.red-dot::before {
    position: absolute;
    content: "*";
    font-size: 20px;
    color: red;
    top: 0;
    left: 0;
}

/* end   common */

body {
    max-width: 768px;
    margin: 0 auto;
    font-family: Helvetica;
}

.wrap {
    padding: 0 15px;
}

.head {
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

.head_height {
    height: 50px;
}

#navicon {
    display: inline-block;
    height: 22px;
    margin-top: 13px;
}

#navicon img {
    height: 100%;
    display: block;
}

.hdr span {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    overflow: hidden;
    margin-top: 7px;
}

.hdr span img {
    display: block;
    width: 100%;
    height: 100%;
}

.hdrclick {
    height: 50px;
}

.hdr i {
    color: #656565;
    line-height: 50px;
    display: block;
    margin-left: 5px;
}

.hdrhide {
    position: absolute;
    right: 5px;
    top: 49px;
    background: #fff;
    padding: 3px 0;
    border: 1px solid #e0e0e0;
    display: none;
}

.hdrhide a {
    padding: 0 10px;
    line-height: 30px;
    display: block;
    color: #656565;
}

.hdrhide a img {
    height: 18px;
}

.hdtxt {
    width: 100px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 0;
    color: #000;
    font-size: 18px;
}

.hdtxt {
    width: 130px;
    margin-left: -65px;
}

/*隐藏导航*/
.wpnvbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    transition: .25s;
}

.wpnvbg_active {
    opacity: 1;
    visibility: inherit;
}

.wapnav {
    width: 200px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    margin-left: -200px;
    transition: .3s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.wapnav_active {
    left: 0;
    top: 0;
    height: 100%;
    margin-left: 0;
}

.wapnava {
    padding: 5px 0 15px 0;
}

.wapnavtop {
    height: 50px;
    position: relative;
    border-bottom: 1px solid #E0E0E0;
}

.wapnavtop i {
    display: block;
    width: 50px;
    height: 50px;
    background: none;
    color: #222;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    position: absolute;
    background: url(../images/close_03.png) no-repeat center;
    background-size: 30%;
    right: 0;
    top: 0;
    z-index: 99999999;
}

.waphdlg {
    text-align: center;
    padding: 0 25px;
    display: block;
    line-height: 50px;
    font-size: 18px;
    color: #282828;
}

.wapprda i,
.wapprda1 i {
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    height: 44px;
    line-height: 44px;
}

.wapnavtop i img {
    vertical-align: middle;
    margin-top: -3px;
}

.wapnava p {
    display: block;
}

.wapnava span {
    width: 100%;
    position: relative;
}

.wapnava span i.hot {
    position: absolute;
    left: 35%;
    top: 0;
}

.wapnava span i.wnr {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
}

.wapnava span i.wnr img {
    display: block;
    height: 10px;
}

.wapnava a.wapprda {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    color: #282828;
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.wapnava span.active a.wapprda {
    color: #f15555;
}

.wpheadhide a {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    color: #444;
    width: 100%;
    text-align: center;
}

.wapnava1 {
    background: url(../images/navabg_06.png) no-repeat center;
    color: #E60012;
    text-align: center;
    border-bottom: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wapnavp1 {
    text-align: center;
    font-weight: bold;
}

.head_wap {
    display: block;
}

.head_pc {
    display: none;
}

.waphide {
    display: none;
}

.wpheadhide {
    display: none;
}

.wpheadhide em {
    display: block;
}

.wpheadhide a {
    font-size: 14px;
    padding-left: 30px;
    color: #666;
}

.wpheadhide1 {
    display: none;
}

.wpheadhide1 a {
    padding-left: 50px !important;
    background: #fff !important;
    color: #999;
}

.waphides {
    display: none;
}

.waphides a {
    font-size: 12px;
    color: #666;
    display: block;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #aaa;
    padding: 0 30px;
}

.wapclicka {
    background: url(../images/sj.jpg) no-repeat right center;
}

.wapnav_active {
    overflow-y: auto;
}

.bdrls {
    border-radius: 4px;
}

.hmtit {
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    background: url(../images/notico_03.png) no-repeat left center #fff;
    background-size: 5%;
    background-position-x: 10px;
    padding-left: 32px;
}

.notice_active {
    width: 100%;
    height: 40px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.notice_active>ul {
    padding: 0;
    margin: 0;
}

.notice_active>ul>li {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.notice_active li i {
    color: #656565;
    margin-left: 20px;
    font-style: normal;
}

.fltbox_two:nth-child(odd) {
    width: 48%;
    float: left;
}

.fltbox_two:nth-child(even) {
    width: 48%;
    float: right;
}

.m1a {
    width: 48%;
    height: 80px;
    margin-top: 10px;
    padding-left: 75px;
    text-align: center;
}

.m1a img {
    height: 60px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.m1a h4,
.m2a h4,
.m3a h4 {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.m1a p,
.m2a p,
.m3a p {
    font-size: 16px;
    color: #656565;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.m2a {
    padding: 20px 10px;
    width: 48%;
    margin-top: 10px;
}

.m2a img {
    height: 50px;
    display: block;
    margin: 0 auto;
}

.m2 {
    padding-bottom: 15px;
}

.m3a {
    height: 60px;
    width: 48%;
    margin-top: 10px;
}

.m3a img {
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}

.m3atxt {
    text-align: center;
    background: #fff;
    width: 80%;
    padding-left: 25px;
    height: 100%;
    float: right;
}

.m3a h4 {
    margin: 3px;
}

/*书目检索*/
.sm1 {
    padding: 15px;
}

.sm1border {
    border: 1px solid #F15555;
    border-radius: 50px;
    overflow: hidden;
}

.sm1_1 {
    width: 23%;
}

.sm1_3 {
    width: 20%;
}

.sm1_1 select {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url(../images/selectico_03.png) no-repeat right center;
    border-right: 1px solid #F15555;
    padding-left: 15px;
    color: #656565;
}

.sm1_2 {
    width: 57%;
}

.sm1_2 input {
    width: 100%;
    height: 36px;
    padding-left: 10px;
}

.sm1_3 input {
    width: 100%;
    height: 36px;
    border: 0;
    background: #F15555;
    color: #fff;
}

.sm2tit {
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 14px;
    color: #666;
}

.sm2a {
    padding: 15px;
}

.sm2a_active {
    background: #f9f9f9;
}

.sm2aimg {
    width: 40%;
    border: 1px solid #e0e3e9;
    padding: 10px;
    /* height: 215px; */
    height: 235px;
    background: #fff;
    position: relative;
}

.sm2aimg img {
    max-width: 100%;
}

.sm2atxt {
    width: 55%;
}

.sm2atxt h4,
.sm2atxt a.sm2atxta {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 3px;
}

.sm2atxt p {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 14px;
    padding-top: 5.5px;
}

.sm2atxta a,
.sm2atxta a:focus {
    display: inline-block;
    padding: 0 12px;
    height: 28px;
    border: 1px solid #73c8eb;
    color: #73c8eb;
    line-height: 28px;
    border-radius: 50px;
    font-size: 12px;
    box-shadow: 0 0 2px #eaeaea;
    ;
}

.sm2atxta a.active {
    background: #F15555;
    color: #fff;
    border: 1px solid #F15555;
    margin-left: 10px;
}

.sm2atxta a.disabled {
    background: #eaeaea;
    color: #808080;
    border: 1px solid #afafaf;
}

.sm2atxta a.bj {
    border: 1px solid #989898;
    color: #989898;
    margin-left: 10px;
}

.sm2atxta a.activered {
    border: 1px solid #F15555;
    color: #F15555;
}

.sm2atxta a.activeblue {
    border: 1px solid #73c8eb;
    color: #73c8eb;
}

.sm2atxta a.activeyellow {
    border: 1px solid #f1a055;
    color: #f1a055;
}

.sm2atxta a.active999 {
    border: 1px solid #cfcfcf;
    color: #999;
}

.sm2aw {
    padding-left: 30px;
}

.sm2aipt {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #cdcdcd;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.sm2aipt_active {
    background: url(../images/gx_03.png) no-repeat center #F15555;
    background-size: 60%;
    border: 1px solid #F15555;
}

.sm2aipt input {
    -webkit-appearance: checkbox;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.ft {
    height: 50px;
    background: #fff;
    width: 100%;
    z-index: 12;
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    padding: 0 15px;
}

.foot_order {
    position: absolute;
}

.ft_height {
    height: 50px;
}

.psrsp {
    line-height: 50px;
    color: #F15555;
    font-size: 12px;
}

.psrsp i.sm2aipt {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.fta a,
.fta input {
    display: inline-block;
    padding: 0 12px;
    height: 28px;
    border: 1px solid #73c8eb;
    color: #73c8eb;
    line-height: 28px;
    border-radius: 50px;
    font-size: 12px;
    margin-top: 11px;
    margin-left: 10px;
}

.fta a.bgredclwhite {
    background-color: #F15555;
    color: #fff;
    border: 1px solid #F15555;
}

.fta a.active,
.fta input.active {
    border: 1px solid #F15555;
    color: #F15555;
}

.fta a.active.bgredclwhite,
.fta input.active.bgredclwhite {
    background-color: #F15555;
    color: #fff;
    border: 1px solid #F15555;
}

.fta a.fta_yellow,
.fta input.fta_yellow {
    border: 1px solid #f1a055;
    color: #f1a055;
}

.fta a.fta_blue,
.fta input.fta_blue {
    border: 1px solid #73c8eb;
    color: #73c8eb;
}

.fta a.fta_999,
.fta input.fta_999 {
    border: 1px solid #999;
    color: #999;
}

.filterpop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

.filter_over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.filterbox {
    position: absolute;
    right: 0;
    top: 0;
    width: 85%;
    height: 100%;
    padding-bottom: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
}

.filterboxed {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
}

.shtop {
    height: 50px;
    border-bottom: 1px solid #d2d2d2;
    line-height: 50px;
    font-size: 16px;
    position: relative;
}

.shtop i {
    width: 50px;
    height: 50px;
    background: url(../images/close_03.png) no-repeat center;
    background-size: 30%;
    position: absolute;
    left: 0;
    top: 0;
}

.shbox {
    padding: 15px;
    border-bottom: 1px solid #D2D2D2;
}

.shbtit {
    line-height: 24px;
}

.shbtit h4 {
    font-weight: normal;
    font-size: 16px;
}

.shbw {
    width: 103%;
}

.shbw a {
    width: 30.3333333%;
    margin-right: 3%;
    margin-top: 10px;
    height: 30px;
    font-size: 14px;
    background: #efefef;
    border: 1px solid #efefef;
    line-height: 28px;
    text-align: center;
    float: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #40404a;
}

.shbw a.active {
    background: #fff;
    border: 1px solid #DB2626;
    color: #DB2626;
}

.shbtnr .shbtnr_2 {
    display: none;
}

.shbtnr .shbtnr_1 {
    display: block;
}

.shbtnr {
    font-size: 14px;
    color: #666;
}

.shbw_height {
    height: 80px;
    overflow: hidden;
}

.shbw_height_active {
    height: auto;
}

.shbota {
    width: 100%;
    padding: 15px;
}

.shbota a,
.shbota input {
    width: 48%;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
}

.shbota a {
    background: #f1a055;
}

.shbota input {
    background: #f15555;
}

.shbipt input {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: #efefef;
    border-radius: 30px;
    text-align: center;
    width: 30.3333333%;
}

.shbipt span {
    line-height: 30px;
    margin: 0 10px;
    margin-top: 10px;
}

.ftspr,
.ftspr:focus,
.ftspr:active {
    font-size: 12px;
    color: #989898;
}

.tc {
    display: none;
}

.tctit {
    font-size: 20px;
    color: #F15555;
    text-align: center;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
}

.layui-layer-setwin .layui-layer-close2,
.layui-layer-setwin .layui-layer-close2:hover {
    position: absolute;
    right: 0px !important;
    top: 6px !important;
    background: url(../images/close_03.png) no-repeat center !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
}

.layui-layer-content {
    border-radius: 4px;
    overflow: hidden;
}

.tcpd {
    padding: 0 20px;
}

.swphw h4 {
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.swphw input {
    height: 40px;
    border: 1px solid #ccc;
    margin: 10px 0;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
}

.swphw_select {
    height: 40px;
    border: 1px solid #656565 !important;
    margin: 10px 0;
    width: 100%;
    padding: 0 10px;
    font-size: 20px;
    background: url(../images/selectico_03.png) no-repeat right center #fff;
    font-size: 16px;
}

.swphw_input {
    border: 1px solid #656565 !important;
}

.swphw_textarea {
    height: 90px;
    border: 1px solid #656565;
    margin: 10px 0;
    width: 100%;
    padding: 10px;
    resize: none;
    font-size: 16px;
}

.swphw p {
    font-size: 14px;
    color: #999;
}

.swdcw button {
    margin-top: 30px;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    display: block;
}

.bgbt1 {
    border: 1px solid #656565 !important;
    background: none !important;
    color: #333 !important;
}

.swdcw button:hover {
    opacity: .85;
}

.swdcw_lbl {
    color: #999;
    font-size: 12px;
}

.swdcw_lbl i.active {
    background: url(../images/xz_03.png) no-repeat center;
    background-size: 100% 100%;
}

.swdcw_txt {
    width: 65%;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    line-height: 28px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    color: #666;
}

.qdbtn,
.qdbtn:focus {
    display: inline-block;
    background: #F15555;
    color: #fff;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    border: 0;
    border-radius: 100px;
}

.tcpd .layui-form-label {
    padding: 6px 0;
}

.tcpd .layui-input-block {
    margin-left: 90px;
}

.tcpd .layui-form-item {
    margin-bottom: 10px;
}

.tptpl input.tptpl_l {
    width: 50%;
}

.tptpl .tptpl_r {
    width: 45%;
}

.tptpl button {
    width: 46%;
    height: 32px;
    text-align: center;
    border: #000000;
    color: #fff;
    font-size: 12px;
}

.layui-input,
.layui-select {
    height: 32px;
}

.bgred {
    background: #f15555;
}

.bg666 {
    background: #666;
}

.bgblue {
    background: #2dafe3;
}

.bgyellow {
    background: #f1a055;
}

.colorfff {
    color: #fff !important;
}

.pc-btn {
    height: 30px;
    line-height: 30px;
    background: #F15555;
    color: #fff;
    padding: 0 25px;
    border-radius: 40px;
    color: #fff;
    border: 1px solid #f37474;
    font-size: 14px;
}

.pc-btn.active {
    background: none;
    color: #f37474;
}

.pc-btn.bgblue {
    background: #2dafe3;
    border: 1px solid #2dafe3;
}

.pc-btn:hover {
    border: 1px solid #f37474;
}

.mg0 {
    margin: 0 !important;
}

.layui-form-select dl dd.layui-this {
    background: #F15555;
}

/*采购下单*/
.cgtittop {
    font-size: 16px;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

.cgtittop a {
    font-size: 14px;
}

.cgabox {
    background: url(../images/hlx_02.png) repeat-x bottom;
    background-size: 100%;
}

.cga {
    display: block;
    padding: 15px;
    background: url(../images/dzico_03.png) no-repeat left center;
    background-position-x: 15px;
    background-size: 5%;
    padding-left: 50px;
    padding-right: 40px;
}

.cga h4 {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
}

.cga h4 span {
    color: #656565;
}

.cga p {
    color: #989898;
    margin-top: 5px;
    font-size: 12px;
}

.cgai {
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

.nbbox button,
.nbbox input {
    float: left;
    height: 20px;
    margin-left: -1px;
}

.nbbox button {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #cccccc;
    color: #3c3c3c;
    background: none;
}

.nbbox input {
    width: 30px;
    border: 1px solid #cccccc;
    text-align: center;
}

/*编辑收货地址*/
.hdrta {
    height: 50px;
    display: inline-block;
    width: 50px;
    text-align: center;
    background: url(../images/ricon.png) no-repeat center;
    background-size: 20%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(180deg);
}

.formbox {
    padding: 15px 0;
    font-size: 16px;
}

.formbox .layui-form-label {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    padding-bottom: 10px;
    font-weight: bold;
}

.formbox .layui-input-block {
    display: block;
    margin-left: 0;
    float: left;
    width: 100%;
}

.formbox .layui-form-item {
    margin-bottom: 10px;
}

.layui-textarea {
    resize: none;
}

.layui-input-address {
    background: url(../images/selectico_03.png) no-repeat right center #fff;
}

.formbox_xz {
    font-size: 14px;
}

.formbox_xz i.sm2aipt {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}

.pc-btn-w100 {
    width: 100%;
    border-radius: 0;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

/*地区插件样式*/
.ui-form-item {
    position: relative;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    padding-right: 15px;
    padding-left: 15px;
    background: #fff
}

.ui-border-b {
    border-bottom: 1px solid #f0f0f0
}

.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio):not(.ui-radio-s) {
    width: 95px;
    position: absolute;
    padding-right: 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666
}

.ui-form-item>.ui-select {
    margin-left: 115px
}

.ui-select {
    position: relative;
    margin-right: 6px
}

.ui-form-item input,
.ui-form-item textarea {
    text-align: left;
    width: 100%;
    min-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 0;
    background: 0 0;
    padding-left: 0
}

input,
input:focus,
input:active {
    user-select: text
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

.ui-select:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #a6a6a6;
    content: "";
    pointer-events: none;
    border: 0;
    background: url(../images/icon-select.png) no-repeat;
    height: 20px;
    width: 20px;
    background-size: 100%;
    top: 35%;
    right: -5px
}

::-webkit-input-placeholder {
    color: #a6a6a6
}

.ui-form-item span {
    display: block;
    padding-left: 95px;
    width: 100%;
    text-align: right;
    color: #000
}

.express-area {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.express-area a {
    display: block
}

.express-area dl {
    position: relative;
    color: #4d525d
}

.express-area dl dt {
    position: absolute;
    top: 0;
    left: 0
}

.express-area dl dd {
    text-align: justify
}

@media(min-width:721px) and (max-width:1300px) {
    .express-area a {}

    .express-area dl dt {}

    .express-area dl dd {}
}

.express-area-box {
    position: absolute;
    bottom: -100%;
    left: 50%;
    z-index: 15;
    width: 320px;
    margin-left: -160px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    color: #4d525d;
    position: fixed;
    left: 0;
    width: 100%;
    margin-left: 0
}

.express-area-box header {
    position: relative;
    border-radius: 6px 6px 0;
    border-bottom: 1px solid #e2e2e2
}

.express-area-box header h3 {
    text-align: center
}

.express-area-box header .back,
.express-area-box header .close {
    position: absolute;
    top: 0
}

.express-area-box header .back {
    display: none;
    left: 0
}

.express-area-box header .close {
    right: 0
}

.express-area-box article {
    height: 200px;
    overflow-y: scroll
}

.area-list li {
    text-align: justify;
    padding: 0 15px
}

@media(min-width:721px) and (max-width:1300px) {
    .express-area-box {}

    .express-area-box header h3 {}

    .express-area-box header .back,
    .express-area-box header .close {}

    .express-area-box article {
        height: 120px
    }

    .area-list li {}
}

@media(max-width:720px) {
    .express-area-box {
        position: fixed;
        left: 0;
        width: 100%;
        margin-left: 0
    }
}

.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media(max-width:720px) {
    .mask {}
}

.selet-area-wrap {
    display: -webkit-box;
    width: 100%;
    height: 35px;
    padding: 0 15px;
    background: none;
    border-bottom: 1px solid #d2d2d2;
}

.selet-area-wrap p {
    -webkit-box-flex: 1;
    text-align: center;
    width: 100%
}

.selet-area-wrap span {
    display: inline-block;
    text-align: center;
    padding-left: 0;
    position: relative;
    width: auto
}

.selet-area-wrap span.current {
    color: #F15555
}

.selet-area-wrap span.current:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #F15555;
    top: 33px
}

.hot-city {
    padding: 0 15px
}

.hot-city p {
    color: #bbb;
    line-height: 35px;
    font-size: 14px;
}

.hot-city li {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background: #efefef;
    color: #656565;
    border-radius: 30px;
    width: 23%;
    margin-right: 2%;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

.hot-city ul {
    width: 102%;
    padding-bottom: 5px;
}

/*订单详情*/
.difpd1 {
    padding: 15px;
}

.linebg {
    height: 15px;
    background: #f1f4f6;
}

.btitle {
    font-size: 18px;
    border-left: 2px solid #F15555;
    line-height: 18px;
    height: 18px;
    padding-left: 10px;
}

.diftab {
    line-height: 25px;
    color: #656565;
}

.difpd2 {
    padding: 15px;
    border-top: 1px solid #E0E0E0;
}

.difpd2 a.activebgred,
.difpd2 input.activebgred {
    background: #F15555;
    color: #fff;
}

/*订单详情-物流信息*/
.diwimg {
    width: 90px;
    height: 90px;
    text-align: center;
    border: 1px solid #e2e2e2;
    position: absolute;
    left: 0;
    top: 0;
}

.diwimg img {
    max-width: 50%;
    max-height: 80%;
    display: block;
    margin: 0 auto;
}

.diw {
    min-height: 90px;
    padding-left: 105px;
}

.diw p {
    font-size: 15px;
    line-height: 30px;
}

.diw2line {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #cccccc;
}

.diw2txt {
    padding: 10px 0;
    padding-left: 15px;
}

.diw2txt h4 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #282828;
}

.diw2txt p {
    font-size: 12px;
    color: #656565;
}

.diw2txt i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #cccccc;
    border: 2px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    margin-left: -5px;
}

.diw2txt_active h4,
.diw2txt_active p {
    color: #F15555;
}

.diw2txt_active i {
    background: #F15555;
    border: 2px solid #fbcccc;
}

.cw1 {
    padding: 50px 20px;
    background: url(../images/cwbg_03.png) no-repeat center;
    background-size: cover;
    border-radius: 4px;
    color: #fff;
}

.cw1 p {
    font-size: 14px;
}

.cw1 h4 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 5px;
}

.cw1 span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 0 15px;
    margin-top: 25px;
}

.cw2 {
    padding: 25px 0 10px 0;
}

.cw2 a {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    border: 1px solid #F15555;
    color: #F15555;
    font-size: 18px;
    text-align: center;
    width: 48%;
    border-radius: 50px;
}

.cw2 a.active {
    background: #F15555;
    color: #fff;
}

.cw3a span.clearfix {
    display: inline-block;
}

.cw3a {
    padding: 15px;
    width: 50%;
    display: block;
    border-bottom: 1px solid #f1f4f6;
    border-right: 1px solid #F1F4F6;
}

.cw3a:nth-child(even) {
    border-right: 0;
}

.cw3a img {
    display: block;
    height: 34px;
    margin-top: 4px;
}

.cw3atxt {
    text-align: left;
    margin-left: 10px;
}

.cw3atxt h4 {
    font-size: 16px;
    color: #282828;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.cw3atxt p {
    font-size: 12px;
    color: #989898;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/*充值*/
.cz1w {
    width: 103%;
    margin-top: -10px;
}

.cz1wa {
    width: 30.3333%;
    margin-right: 3%;
    background: #fff;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    color: #f15555;
    border: 1px solid #cccccc;
    margin-top: 10px;
    font-size: 16px;
    overflow: hidden;
}

.cz1wa_active {
    border: 1px solid #F15555;
    background: url(../images/czgx_03.png) no-repeat right bottom #fff;
    background-size: 13%;
}

.cz1waipt input {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #F15555;
}

.cz2xz span {
    display: block;
    border-bottom: 1px solid #cccccc;
    padding: 10px 15px;
    font-size: 16px;
}

.cz2xz span img {
    width: 35px;
}

.cz2xz span i {
    border: 1px solid #cdcdcd;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    border-radius: 9px;
}

.cz2xz span.active i {
    background: url(../images/gx_03.png) no-repeat center #F15555;
    border: 1px solid #F15555;
    background-size: 60%;
}

.cz2xz span input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-appearance: radio;
    opacity: 0;
}

.labelsp {
    font-size: 12px;
    color: #989898;
    display: inline-block;
    position: relative;
}

.labelsp i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #cccccc;
}

.labelsp i.active {
    background: url(../images/ckico_03.png) no-repeat center;
    background-size: 80%;
}

.labelsp input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-appearance: checkbox;
    opacity: 0;
}

.sbmcz a,
.sbmcz input {
    width: 100%;
    height: 50px;
    background: #F15555;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}

/*提现页*/
.tx1 {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.tx1 span {
    width: 22%;
    display: block;
    line-height: 30px;
    font-size: 16px;
}

.tx1r {
    width: 75%;
}

.tx1r input {
    color: #F15555;
    width: 100%;
    height: 30px;
}

.tx2 {
    font-size: 12px;
    color: #989898;
}

.tx2 a {
    color: #F15555;
    margin-left: 10px;
}

/*消费明细*/
.xfapd {
    padding: 15px;
}

.xfatop h4 {
    font-size: 16px;
}

.xfatab {
    color: #333;
    line-height: 24px;
}

.xfatab td.active {
    color: #656565;
}

.xfabot span {
    color: #656565;
}

.xfabot a {
    color: #989898;
}

/*发票管理*/
.fp1 {
    background: #f2f3f7;
}

.fpbox {
    padding: 15px;
}

.fpl img {
    height: 50px;
    display: block;
    margin-right: 10px;
}

.fpltxt p {
    font-size: 14px;
    color: #656565;
}

.fpltxt h4 {
    margin-top: 3px;
    font-size: 22px;
    color: #F15555;
}

.fpr {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding: 0 10px;
    border: 1px solid #2dafe3;
    color: #2dafe3;
    border-radius: 26px;
    margin-top: 12px;
}

.lxkfw span {
    height: 40px;
    width: 100%;
    display: block;
    border: 1px solid #656565;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 40px;
    margin-bottom: 20px;
}

.lxkfw span:last-child {
    margin-bottom: 0;
}

/*买家管理*/
.mjabot {
    border-top: 1px solid #d8d8d8;
    padding: 5px 15px;
}

.mjabot a {
    line-height: 30px;
    display: block;
    width: 50%;
    border-right: 1px solid #D8D8D8;
    text-align: center;
}

.mjabot a:last-child {
    border: 0;
}

.mjabot a.colorred {
    color: #F15555;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #F15555;
}

.rd1 .layui-form-radio {
    margin-top: 2px;
}

.csaa {
    display: inline-block;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
}

/*畅销书排行榜*/
.phico {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cxsphb_03.png) no-repeat center;
    background-size: 100%;
    color: #fff;
    text-align: center;
    line-height: 25px;
}

.phico_active {
    background: url(../images/cxico_active_03.png) no-repeat center;
    background-size: 100%;
    color: #282828;
}

/*个人资料*/
.hdrbc {
    color: #3097df;
    line-height: 50px;
    display: inline-block;
}

.grzl {
    padding: 15px 0;
}

.txbox span {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
}

.txbox span img {
    display: block;
    width: 100%;
    height: 100%;
}

.txbox span i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100px;
    color: #fff;
    font-size: 16px;
}

.txbox span i input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.grtit {
    font-size: 18px;
    margin-bottom: 10px;
}

.gra {
    border-bottom: 1px solid #e3e3e3;
    font-size: 15px;
}

.gra span.fl {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #989898;
    width: 23%;
}

.graipt {
    width: 76%;
}

.graipt input {
    font-size: 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.gratxt {
    line-height: 50px;
}

.gratxt i {
    margin-left: 10px;
    color: #3097df;
    font-size: 12px;
}

/*收货地址管理*/
.cgabox_sh {
    background: none;
}

.cga_1 {
    background: url(../images/dzico_1_03.png) no-repeat left center;
    background-position-x: 15px;
    background-size: 5%;
}

/*支付页面*/
.zfbox {
    height: 60px;
    background: url(../images/zfico_03.png) no-repeat left center;
    background-size: 40px;
    font-size: 16px;
    line-height: 28px;
    padding-left: 55px;
}

/* start login */
.lgbg {
    width: 100%;
    height: 100%;
    background: url(../images/loginbg_02.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.login-screen {
    width: 90%;
    padding: 0;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top: -160px;
}

.login-screen .well {
    border-radius: 3px;
    border: 1px solid #fff;
    background: #fff;
    margin-bottom: 0;
}

.login-screen .copyright {
    text-align: center;
}

.nav-login {
    border-bottom: 1px solid #989898;
    color: #989898;
    font-family: "黑体";
    font-size: 18px;
    display: flex;
    flex-wrap: nowrap;
    margin: 16px 15px 36px;
}

.nav-login a {
    padding: 4px 0;
    width: 50%;
    display: inline-block;
    color: currentColor;
    text-align: center;
}

.nav-login a.active {
    position: relative;
    color: #282828;
}

.nav-login a.active::after {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: -1px;
    border-bottom: 2px solid #282828;
}

.login-content .borrow-val-box input {
    width: 60%;
    float: left;
    border-right: none;
}

.login-content .to-vilidate {
    position: relative;
    border: 1px solid #dee1e7;
    border-left: none;
    width: 40%;
    float: left;
    height: 45px;
    background-color: #fff;
    color: #f15555;
    font-size: 18px;
}

.login-content .to-vilidate::after {
    content: "";
    position: absolute;
    top: 7%;
    width: 1px;
    height: 86%;
    display: block;
    background-color: #dee1e7;
}

/* end login */
.profile-img-card {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


.profile-name-card {
    text-align: center;
}

#login-form {
    margin-top: 20px;
}

#login-form .input-group {
    margin-bottom: 15px;
}

.mt-5 {
    margin-top: -1px !important;
    margin-right: 5px !important;
}

.glyphicon {
    color: #999;
    font-size: 14px;
}

#profile-img {
    max-width: 100%;
    margin: 20px 0;
}

.form-group:last-child {
    margin-bottom: 5px;
}

.form-group-lbl {
    color: #fff;
}

.form-group-lbl input {
    -webkit-appearance: checkbox;
}

/*图书详情*/
.bitop {
    width: 60%;
    position: absolute;
    left: 20%;
}

.bitop a {
    display: block;
    float: left;
    width: 33.33333%;
    text-align: center;
    font-size: 16px;
}

.bitop a span {
    display: inline-block;
    height: 50px;
    line-height: 47px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    transition: .25s;
}

.bitop a.active span {
    border-bottom: 3px solid #DB2626;
    color: #DB2626;
}

.bibn {
    width: 200px;
    margin: 0 auto;
    height: 200px;
    text-align: center;
    border: 1px solid #e7e7e7;
}

.bibn img {
    max-width: 100%;
    height: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

.swiper-pagination-bibn {
    bottom: 0 !important;
}

.swiper-pagination-bibn .swiper-pagination-bullet {
    border: 1px solid #DB2626;
    background: #fff;
}

.swiper-pagination-bibn .swiper-pagination-bullet-active {
    border: 1px solid #DB2626;
    background: #DB2626;
}

.bi1tit {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
}

.bi1p1 {
    margin-top: 5px;
    font-size: 16px;
}

.bi1p1 i {
    color: #F15555;
}

.bi1p1 em {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
}

.bi1p p {
    line-height: 25px;
    padding: 5px 30px 5px 15px;
    border-bottom: 1px solid #efefef;
    color: #666;
}

.bi1p p:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.bi1p p i {
    display: inline-block;
    line-height: 25px;
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 16px;
}

.bi2top {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 10px;
}

.bi2top span {
    font-size: 16px;
    line-height: 15px;
    border-left: 2px solid #DB2626;
    padding-left: 10px;
    font-weight: bold;
}

.bi2wtit {
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
}

.bi2wtab {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    width: 100%;
}

.bi2r1w_1 {
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

.bi2w {
    border-bottom: 1px solid #EFEFEF;
}

.bi2r1w_2a {
    word-break: break-all;
    /*height: 260px;
	overflow: hidden;*/
}

.bi2r1w_2a a {
    display: block;
}

.bi2r1w_2a img {
    width: 100%;
}

.zkqb {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    color: #DB2626;
}

.pla {
    padding: 15px;
    border-bottom: 1px solid #EFEFEF;
}

.pla1 {
    line-height: 25px;
    font-size: 14px;
    color: #999;
}

.pla1 span {
    color: #DB2626;
}

.pla2 {
    line-height: 25px;
    margin: 5px 0;
}

.pla3 span {
    color: #999;
    font-size: 12px;
}

.bi2r2ar {
    line-height: 25px;
}

.bi2r2ar a {
    color: #999;
    font-size: 12px;
    float: left;
    margin-left: 15px;
}

.bi2r2ar a img {
    height: 14px;
}

.bi2r2ar a:last-child img {
    margin-top: -2px;
}

.nopl {
    margin-top: 15px;
    line-height: 25px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.pdtb15 {
    padding: 15px 0;
    border-bottom: 26px solid #efefef;
}

.hdtxt_100 {
    height: 50px;
    width: 100px;
    margin-left: -50px;
    border-bottom: 2px solid #F15555;
    color: #F15555;
}

.bi2w:last-child {
    border-bottom: 0;
}

.pdb0 {
    padding-bottom: 0;
}

.tsfoot {
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    bottom: 0;
}

.tsfoot a {
    width: 50%;
    background: #fff;
    border-top: 1px solid #E0E0E0;
    text-align: center;
    line-height: 50px;
    display: block;
    text-align: center;
    float: left;
    font-size: 16px;
    box-shadow: 0 -2px 14px -5px #888383;
    color: #666666;
}

.tsfoot a.active {
    background: #F15555;
    color: #fff;
}

.tsfoot_height {
    height: 50px;
}

/*new*/
.xfabotborder {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
}

.layui-form-select dl {
    top: 31px;
    padding: 0;
}

.layui-form-select dl dd.layui-this {
    background: #f3f3f3;
    color: #333;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
    line-height: 32px;
    font-size: 14px;
}

/*地区选择*/
.iphone {
    width: 384px;
    height: 799px;
    padding: 182px 32px 157px;
    margin: 10px auto
}

.browser {
    position: relative;
    width: 320px;
    height: 460px;
    overflow: hidden
}

@media(min-width:721px) and (max-width:1300px) {
    .iphone {
        width: 270px;
        height: 562px;
        padding: 128px 23px 111px;
        margin: 20px auto;
        background-size: 270px 562px
    }

    .browser {
        width: 224px;
        height: 323px
    }
}

@media(max-width:720px) {
    .iphone {
        width: 100%;
        height: 100%;
        padding: 0;
        background: 0 0
    }

    .browser {
        width: 100%;
        height: 100%
    }
}

.express-area {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: .25rem;
    margin-bottom: .25rem;
    background-color: #fff
}

.express-area a {
    display: block;
    padding: .5rem;
    background: url(../images/link-arrow.png) no-repeat 98% 50%;
    background-size: .55rem .55rem
}

.express-area dl {
    position: relative;
    line-height: 1.2rem;
    color: #4d525d
}

.express-area dl dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .7rem;
    line-height: 1.2rem
}

.express-area dl dd {
    padding-top: .1rem;
    padding-right: .8rem;
    margin-left: 3.5rem;
    text-align: justify;
    font-size: .65rem;
    line-height: 1rem
}

@media(min-width:721px) and (max-width:1300px) {
    .express-area a {
        padding: .3rem
    }

    .express-area dl dt {
        font-size: .5rem;
        line-height: 1rem
    }

    .express-area dl dd {
        padding-right: .6rem;
        margin-left: 3rem;
        font-size: .8rem;
        line-height: .8rem
    }
}

.express-area-box {
    position: absolute;
    bottom: -100%;
    left: 50%;
    z-index: 15;
    width: 320px;
    margin-left: -160px;
    background-color: #fff;
    color: #4d525d
}

.express-area-box header {
    position: relative;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.express-area-box header h3 {
    margin: 0 1.675rem;
    text-align: center;
    font-size: 1rem;
    line-height: 2.25rem
}

.express-area-box header .back,
.express-area-box header .close {
    position: absolute;
    top: 0;
    width: 1.675rem;
    height: 2.25rem
}

.express-area-box header .back {
    display: none;
    left: 0;
    background: url(../images/back.png) no-repeat center;
    background-size: .45rem .75rem
}

.express-area-box header .close {
    right: 0;
    background: url(../images/close-area.png) no-repeat center;
    background-size: .675rem .675rem
}

.express-area-box article {
    height: 250px;
    overflow-y: scroll
}

.area-list li {
    padding: .5rem;
    border-bottom: 1px solid #e2e2e2;
    text-align: justify;
    font-size: .8rem;
    line-height: 1.25rem
}

@media(min-width:721px) and (max-width:1300px) {
    .express-area-box {
        width: 224px;
        margin-left: -112px
    }

    .express-area-box header h3 {
        font-size: .8rem;
        line-height: 1.7rem
    }

    .express-area-box header .back,
    .express-area-box header .close {
        height: 1.7rem
    }

    .express-area-box article {
        height: 120px
    }

    .area-list li {
        padding: .3rem;
        font-size: .8rem;
        line-height: 1rem
    }
}

@media(max-width:720px) {
    .express-area-box {
        position: fixed;
        left: 0;
        width: 100%;
        margin-left: 0
    }
}

.mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media(max-width:720px) {
    .mask {
        position: fixed
    }
}

.dataa {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    background: url(../images/selectico_03.png) no-repeat right center;
}

.tjtxt h4 {
    font-size: 18px;
}

.tjtxt p {
    font-size: 14px;
    color: #656565;
    line-height: 25px;
    margin-top: 10px;
}

.ftsz16 {
    font-size: 16px;
}

.wd80 {
    width: 80px;
    text-align: center;
}

.diftabpdl {
    line-height: 30px;
}

.diftabpdl td:first-child {
    padding-left: 15px;
}

.n2l {
    width: 20%;
}

.n2l i {
    display: block;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    border-radius: 22px;
    font-style: normal;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    color: #ccc;
    position: relative;
    z-index: 10;
}

.n2l p {
    font-size: 12px;
    color: #999;
    margin: 5px 0 0 0;
}

.n2l span {
    color: #999;
    font-size: 12px;
}

.n2line {
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 10px;
    height: 2px;
    background: #ccc;
    z-index: 9;
}

.n2l_active i {
    border: 1px solid #F15555;
    background: #F15555;
    color: #fff;
}

.n2l_active p {
    color: #F15555;
}

.n2l_active .n2line {
    background: #F15555;
}

.n2l_active_ywc i {
    border: 1px solid #F15555;
    background: url(../images/yesico1_03.png) no-repeat center #fff;
    color: #fff;
    background-size: 65%;
}

.n2l_active_ywc p {
    color: #F15555;
}

.n2l_active_ywc .n2line {
    background: #F15555;
}

.lc1 {
    padding: 20px 10px;
}

.bobbox {
    padding: 15px;
    border-bottom: 1px solid #d5d5d5;
}

.lc2pd {
    padding-bottom: 0;
}

.lcfta a,
.lcfta input {
    margin: 0;
    margin-right: 10px;
}

.lcfta button {
    display: inline-block;
    padding: 0 12px;
    height: 28px;
    border: 1px solid #73c8eb;
    color: #73c8eb;
    line-height: 28px;
    border-radius: 50px;
    font-size: 12px;
    margin: 0;
    margin-right: 10px;
}

.lcfta .bdblue {
    border: 1px solid #48bae4;
    color: #48bae4;
    background: none;
}

.lcfta .bgred {
    border: 1px solid #F15555;
    background: #F15555;
    color: #fff;
}

.lcfta .bgyellow {
    border: 1px solid #f2a056;
    background: #f2a056;
    color: #fff;
}

.scpic img {
    display: block;
    max-width: 100%;
    margin-bottom: 15px;
}

.zfboxbg {
    padding: 15px;
    background: #f2f3f7;
}

.mb_15 {
    margin-bottom: 15px;
}

.fkpdbg {
    padding: 15px;
    background: #f2f3f7;
}

.dgw {
    border: 1px solid #656565;
    border-radius: 4px;
    margin-top: 15px;
    padding: 15px;
}

.dgw img {
    max-height: 30px;
}

.dgw p {
    font-size: 12px;
    line-height: 24px;
}

.nrbot {
    padding: 30px 0;
    font-size: 18px;
    color: #F15555;
}

.nrbot img {
    max-width: 50px;
    margin-left: -10px;
    margin-bottom: 15px;
}

/* login样式 */
.glyphicon {
    border-color: #db2626;
    color: #db2626;
}

.input-group .form-control,
.input-group .input-group-addon {
    border-color: #db2626 !important;

}

.form-group a {
    background-color: #db2626;
    color: white;
}

.form-group a:active {
    background-color: #db2626 !important;
}

.inline {
    color: #db2626;
}

/* 首页广告 */

#index-content .advertising #ad-carousel {
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

#index-content .advertising #ad-carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

#index-content .icon-nav {
    width: 94%;
    margin: 14px auto;
    display: flex;
    display: -moz-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

#index-content .icon-nav .nav-warp {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    width: 25%;
}

#index-content .icon-nav i {
    display: block;
    margin: 0 auto 8px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(#f79999, #ee4444);
    background: -webkit-linear-gradient(#f79999, #ee4444);
    line-height: 60px;
    font-size: 26px;
    color: #ffffff;
}

#index-content .icon-nav span {
    font-size: 13px;
    color: #000000;
}

#index-content .icon-nav .gray i {
    background: linear-gradient(-30deg, #fefefe, #989898);
    background: -webkit-linear-gradient(-30deg, #fefefe, #989898);
    font-size: 14px;
}

/* end 首页广告 */

#index-content .like-content {
    width: 94%;
    margin: 14px auto;
    font-size: 16px;
}

#index-content .like-group {
    font-size: 14px;
    color: #31363a;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 2vh;
}

#index-content .like-group.like-wrap {
    flex-wrap: wrap;
}

#index-content .like-groupitem {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: currentColor;
    background: #eaeaea;
    padding: 5px 25px 5px 5px;
    border-radius: 3px;
    box-shadow: 0 0 2px -1px #eee;
    transform: scale(0);
    transition: none;
}

#index-content .like-wrap .like-groupitem {
    margin: 5px;
}

.like-groupitem-hr {
    margin: 6px 0;
    float: left;
    width: 100%;
    height: 0;
    border: 1px dashed #e6e6e6;
}

#index-content .btn-like-more {
    position: relative;
    padding: 5px 25px 5px 5px;
    margin: 5px;
    font-size: 14px;
    line-height: 14px;
    color: currentColor;
    background: #eaeaea;
    border-radius: 3px;
    box-shadow: 0 0 2px -1px #eee;
    transform: scale(0);
    transition: none;
}

#index-content .like-ani {
    transform: scale(1);
    transition: transform 300ms ease-in-out;
}

#index-content .like-close {
    position: absolute;
    text-align: center;
    /* margin: -3px; */
    margin-top: -7px;
    top: 50%;
    right: 5px;
    background: #c3c3c3;
    font-size: 12px;
    line-height: 16px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* padding: 3px; */
}


.layer-skin-failuretable .layui-layer-content {
    width: 100%;
    padding: 0 12px;
}

.layer-skin-failuretable .layui-layer-title {
    background-color: #ff8989 !important;
}

.layer-skin-failuretable .layui-layer-title span {
    padding: 0 12px;
    height: 100%;
    display: inline-block;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #ff8989;
    color: #fff;
}

.layer-skin-failuretable .layui-layer-title span.layui-this {
    background-color: #f15555;
    color: #fff;
}

.layer-skin-failuretable .layui-layer-content .layui-table-cell {
    height: auto;
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
}

/* 解决苹果手机不能滚动条失效 */
.scroll-wrapper {
    overflow: hidden !important;
    overflow-y: scroll !important;
    /* ios 自带滚动条不平滑解决方法 */
    -webkit-overflow-scrolling: touch;
}

.scroll-wrapper>div {
    min-height: 101%;
}

.noscroll {
    /* -webkit-overflow-scrolling: none; */
    overflow: hidden !important;
    max-height: 100% !important;
    max-height: 100% !important;
}

.ovfHiden {
    /* height: 100%; */
    overflow: hidden;
    /* width: 100%; */
    /* position: fixed; */
}

/* end 解决苹果手机不能滚动条失效 */

.layui-layer-iframe .layui-layer.layui-layer-dialog {
    position: static;
}

.icon-item .icon-num .num {
    position: absolute;
    top: -1px;
    left: -1px;
    background: linear-gradient(#fd8888, #fd4a46);
    display: inline-block;
    width: 26px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}

.icon-item .icon-num .num::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 13px solid orange;
    border-color: #fd4a46 transparent transparent;
}

.cxtclass {
    width: 100%;
    display: flex;
    padding: 10px 10px 10px;
    background-color: #fff;
}

.cxtclass .cxlclass {
    width: 25%;
    font-size: 12px;
    text-align: center;
    background-color: #e6e6e6;
    padding: 5px;
    margin: 0 5px;
    color: #343434;
    border: 1px solid #e6e6e6;
}

.cxtclass .cxlclass.active {
    background-color: #f5d1d1;
    border: 1px solid #e35554;
    color: #e35554;
}

.btn-backlage,
.btn-backlage:visited,
.btn-backlage:hover,
.btn-backlage:focus {
    position: fixed;
    left: 0px;
    bottom: 100px;
    display: block;
    padding: 8px;
    border-radius: 0 3px 3px 0;
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    background: rgba(53, 118, 175, 0.85);
    z-index: 9;
    box-shadow: 1px 1px 5px -2px #598ebd;
}

.tcbox {
    position: relative;
    width: 100%;
    height: 100%;
}

.tcbox_header {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 13%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 18px;
    color: #f15555;
    text-align: center;
    font-weight: bold;
}

.tcbox_content {
    position: absolute;
    top: 13%;
    left: 0;
    width: 100%;
    height: 74%;
    font-size: 14px;
    color: #383333;
    padding: 0 3%;
    overflow: hidden;
}

.tcbox_box {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.tcbox_box::after,
.tcbox_box::before {
    content: "";
    display: table;
    clear: both;
}

.tcbox_btn {
    position: absolute;
    top: 87%;
    left: 0;
    display: flex;
    width: 100%;
    height: 13%;
    font-size: 14px;
    color: #383333;
    justify-content: center;
    align-items: center;
}

.tcbox_btn_confirm,
.tcbox_btn_confirm:hover,
.tcbox_btn_confirm:visited {
    padding: 5px 10px;
    margin: 5px;
    background: #f15555;
    font-size: 14px;
    color: #fff;
    border: 3px;
}

.tcbox_btn_close,
.tcbox_btn_close:hover,
.tcbox_btn_close:visited {
    padding: 5px 10px;
    margin: 5px;
    background: #e4e0e0;
    font-size: 14px;
    color: #fff;
    border: 3px;
}

.tcbox_box .tcbox_empty {
    text-align: center;
    line-height: 20vh;
}

.cnxh_tc .like-groupitem {
    float: left;
    padding: 3px 6px;
    background: #eee;
    border-radius: 3px;
    margin: 3px;
    cursor:pointer;
}

.layui-layer-close {
    touch-action: pan-y;
}
.box_table th,.box_table td{
    padding:5px;
    text-align: center;
}

/* 荐购弹窗 */
.box_tg{
    color:#DB2626;
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
}
.box_tg_item{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom:15px
}
.box_tg_item lable{
    width: 70px;
    font-size: 14px;
    text-align:right
}
.box_tg_item input{
    border:1px solid #ccc;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 30px;
    width: calc(100% - 75px);
    margin-left: 5px;
}
.box_tg_class .layui-layer-title{
    background-color: #DB2626 !important;
    color: #fff !important;
}
.box_tg_class .layui-layer-close1:after{
    color: #fff;
}

/* 我的荐购页面 */
.my_recommend h4{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 5px;
}
.my_recommend p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 8px;
}
@media screen and (min-width:750px){
    .my_recommend h4{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .my_recommend p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .my_recommend .item_left{
        min-height: 410px;
    }
}
.my_recommend .reason{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.my_recommend .item{
    display: flex;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 20px;
}
.my_recommend .item:nth-of-type(1){
    margin-top: 0;
}
.my_recommend .item_left{
    width: calc(45% - 27px);
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.my_recommend .item_left img{
    width: 100%;
    height: auto;
    margin: auto 0;
}
.my_recommend .item_right{
    width: calc(55% - 27px);
    height: auto;
    margin-left: 30px;
}
.my_recommend .item_right>div{
    display: flex;
}
.my_recommend .item_right>div button{
    background: #F15555;
    padding:5px 20px;
    border-radius: 20px;
    color: #fff;
}
.my_recommend .noget{
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #999;
    display: none;
}
.my_recommend_box .layui-layer-btn0{
    background: #F15555 !important;
    border: 0;
}
.my_recommend_box .layui-layer-title{
    background: #DB2626  !important;
    color: #fff !important;
}
.my_recommend_box .layui-layer-close1:after{
    color: #fff !important;
}
.box_bottom{
    height: 40px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    bottom:0;
    background: #fff;
    border-top:1px solid #eee
}
.box_bottom>div{
    display: flex;
    align-items: center;
}
.box_bottom>button{
    background: #F15555;
    padding:5px 20px;
    border-radius: 20px;
    color: #fff;
}
.demo-class .layui-layer-title{
    background: #fff !important;
    color: #000 !important;
}
.purchase .layui-layer-title{
    text-align: center;
    padding: 0 20px;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}
.purchase h4{
    font-weight: bold;
}

.purchase .p1{
    text-align: center;
    color: #666;
}

.purchase .img{
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
}

.purchase .p2{
    color: #666;
    line-height: 20px;
    padding: 0 10px;
    
}
.purchase .mt20{
    margin-top: 20px;
}
/* .purchase .btn{
    

} */
.purchase{
    width: 100%;
}

.purchase .bottom>div{
    width: 120px;
    height: 35px;
    border-radius: 35px;
    background: #f15555;
    margin: 0 auto;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-top: 20px;
}
.purchase .layui-layer-btn{
    background: #fff;
    border-top: 1px solid #eee;
}
.purchase .layui-layer-btn a{
    width: 120px;
    height: 35px;
    border-radius: 35px;
    background: #f15555 !important;
    margin: 0 auto;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border:0px;
}