﻿/*
**重新架构M版，适配APP、微信、手机浏览器以及全新配色
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;-webkit-overflow-scrolling : touch;}
body,button,input,select,textarea{font:14px/1.5 tahoma,Verdana,arial,microsoft yahei,"\5b8b\4f53";*line-height:1.5;color:#676b70;}
a{color:#676b70;text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,area,a,button{border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,textarea,button,select{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
ol,ul{list-style:none;}
small{font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a:focus,input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { background:#fff;/*移动端去除点击阴影*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;}
.c666 { color:#676b70;}
.c999 { color:#93a0ae;}
.red1{color:#f44263;}
.red2 {color:#e95d4e;}
.orange { color:#f36713;}
.yellow { color:#f4a425;}
.blue { color:#45a1de;}
.green { color:#1dccaa;}
.purple { color:#c44cde;}
.black { color:#2c3e50;}
.grey { color:#93a0ae;}
.hide { display:none;}
.m_b_30 {margin-bottom:30px; }
.m10 { margin:10px;}
@font-face {font-family: 'iconfont';
    src: url('https://cdn.fsql.net/fonts/ju/iconfont.eot?t=1'); /* IE9*/
    src: url('https://cdn.fsql.net/fonts/ju/iconfont.eot?t=1#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('https://cdn.fsql.net/fonts/ju/iconfont.woff?t=1') format('woff'), /* chrome、firefox */
    url('https://cdn.fsql.net/fonts/ju/iconfont.ttf?t=1') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('https://cdn.fsql.net/fonts/ju/iconfont.svg?t=1#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
a[href*=tongji] {display: none;}
/*表单控件美化*/
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type="checkbox"],select,input[type="radio"] {position: relative;-webkit-appearance: none;-webkit-user-select: none;border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 2px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);margin: 0 1px 0 0;}
    input[type='checkbox'] {bottom: 2px;height: 15px;vertical-align: middle;width: 15px;}
    input[type='checkbox']:checked::before {position: absolute;left: 3px;top: 6px;content: '';height: 2px;background-color: #f44623;width: 72%;-webkit-transform: rotate(120deg);}
    input[type='checkbox']:checked::after {position: absolute;left: 2px;top: 8px;content: '';height: 2px;width: 4px;background-color: #f44623;-webkit-transform: rotate(-150deg);}
    input[type="radio"]{border-radius: 100%;height: 20px;vertical-align: middle;width: 20px;bottom:1px;margin-right:3px;}
    input[type='radio']:checked::before {background-color: #f44623;border-radius: 100%;bottom: 3px;content: '';display: block;left: 3px;position: absolute;right: 3px;top: 3px;}
    input[type='checkbox']:active,select:active,input[type='radio']:active {background-image: -webkit-linear-gradient(#fcfcfc, #f8f8f8 38%, #e7e7e7);box-shadow: none;text-shadow: none;}
    select {-webkit-appearance: none;height: 28px;-webkit-padding-end: 18px;-webkit-padding-start: 6px;background-position: right center;background-repeat: no-repeat;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),-webkit-linear-gradient(#fcfcfc, #fcfcfc 38%, #fcfcfc);}
    select:hover {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC')}
    select:active {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC')}
    select:disabled{color: #999;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC'),-webkit-linear-gradient(#f8f8f8, #f8f8f8 38%, #f8f8f8);}
}

/*边框*/
.border_top {border-top:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:1px 0 0 0;}
.border_bottom {border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width: 0 0 1px 0;}
.border_top_bottom {border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width: 1px 0; }
.border_left {border-left:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-width: 0 0 0 1px;}
.border_right {border-right:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-width: 0 1px 0 0;}
/*四个方向箭头*/
.arrow_r {display:inline-block;width:25px;height:25px; background:url(https://cdn.fsql.net/images/ju/arrow.png) center no-repeat;background-size:100%;}
.arrow_d {display:inline-block;width:25px;height:25px; background:url(https://cdn.fsql.net/images/ju/arrow.png) center no-repeat;background-size:100%;transform:rotate(90deg)}
.arrow_l {display:inline-block;width:25px;height:25px; background:url(https://cdn.fsql.net/images/ju/arrow.png) center no-repeat;background-size:100%;transform:rotate(180deg)}
.arrow_u {display:inline-block;width:25px;height:25px; background:url(https://cdn.fsql.net/images/ju/arrow.png) center no-repeat;background-size:100%;transform:rotate(-90deg)}

.icon_edit, .icon_tel, .icon_del, .icon_star, .icon_star1, .icon_ask, .icon_answer,.icon_notice {width:20px;height:20px;background:center no-repeat;display:inline-block;background-size:100% 100%; }
/*编辑图标*/
.icon_edit { background-image:url(https://cdn.fsql.net/images/ju/icon_edit.png);}
/*拨打电话图标*/
.icon_tel { background-image:url(https://cdn.fsql.net/images/ju/icon_tel.png);}
/*删除图标*/
.icon_del { background-image:url(https://cdn.fsql.net/images/ju/icon_del.png);background-size:auto 100%;}
/*五角星图标*/
.icon_star { background-image:url(https://cdn.fsql.net/images/ju/icon_star.png);margin-right:1px;}
.icon_star1 { background-image:url(https://cdn.fsql.net/images/ju/icon_star1.png);}
/*问答图标*/
.icon_ask { background-image:url(https://cdn.fsql.net/images/ju/icon_ask.png);}
.icon_answer { background-image:url(https://cdn.fsql.net/images/ju/icon_answer.png);}
/*通知图标*/
.icon_notice {background-image:url(https://cdn.fsql.net/images/ju/icon_notice.png); }
/*全局头部*/
.topbar { background:#000;}
.back_btn{display:block;width:45px;height:45px;float:left;background:url(https://cdn.fsql.net/images/ju/back.png) no-repeat;background-size:100%;}
.top_home{display:block;width:45px;height:45px;float:right;background:url(https://cdn.fsql.net/images/ju/more.png) no-repeat;background-size:100%;}
.back_btn i,.top_home i{display:none;}
.page_title{text-align:center;height:45px;line-height:45px;font-size:16px;color:#fff;overflow:hidden;}
.home_menu{
    height:50px;
    background-color:#333;
    display:none;
    /*border-bottom:solid 1px #dadada;*/
}
.home_menu a{
    width: 25%;
    height: 40px;
    display: block;
    text-align: center;
    padding: 5px 0;
    float: left;
    text-shadow: 0 1px 0 #000;
    color: #eee;
}
.home_menu a i{
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url(https://cdn.fsql.net/images/ju/title_nav.png) no-repeat;
    background-size: 80px 20px;
}
.home_menu a i.go_index{
    background-position: 0 0;
}
.home_menu a i.go_fenlei{
    background-position: -20px 0;
}
.home_menu a i.go_cart{
    background-position: -40px 0;
}
.home_menu a i.go_me{
    background-position: -60px 0;
}
/* 首页 */
.theater-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0.7rem;
}
.theater-alone {
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    border-radius: 0.3rem;
    margin-right: 0.5rem;
    width: calc((100% - 0.5rem)/2);
    overflow: hidden;
    margin-bottom: 0.5rem;
    display: inline-block;
    align-items: center;
}
.theater-alone:nth-child(2n) {
    margin-right: 0;
}
.theater-img {
    width: 100%;
    height: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.theater-title {
    margin: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
    font-weight: bold;
}

/* 播放内页 */


.home_menu a span{font-size:12px;}
/*底部*/
footer { background:#fff;padding-bottom:20px;clear:both;}
.footbar{height:40px;padding:0 10px;background:#fff;margin-top:10px;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width: 1px 0 1px 0;}
.footbar a{display:block;height:30px;line-height:30px;float:left;margin:5px 0;padding:0 12px;border-radius:4px;}
.login_btn{background:#eff2f5;margin-right:10px;}.backtop_btn{background:#eff2f5;float:right !important;}
.logout_btn{margin-right:10px;color: #F56C6C}
.footlink{text-align:center;line-height:20px;margin-top:10px;}
.footlink a{margin:0 20px;color:#45a1de;}
/*ios风格菜单*/
.ios_menu { margin:20px 0;border:solid 1px #EEEEEE;border-width:1px 0;background:#fff;}
.ios_menu a,.ios_menu .item { margin-left:10px;padding-right:10px;height:50px;line-height:50px;display:block;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:1px 0 0 0;}
.ios_menu a:first-child { border-width:0;}
.ios_menu b { color:#2c3e50;font-size:15px;}
.ios_menu i {float:right;margin:15px 0;width:20px;height:20px;}
.ios_menu span {float:right;color:#93a0ae;}
/*按钮样式*/
.btn1 { color:#fff;background:#f44263;border-radius:6px;width:95%;height:40px;text-align:center;line-height:40px;font-size:16px;margin:0 auto;display:block;}
.btn3 { color:#fff;background:#45a1de;border-radius:3px;width:100px;height:35px;text-align:center;line-height:35px;display:inline-block;}
/* layer弹层移动版样式 */
.layermbox{position:absolute;left:0;top:0;width:100%;z-index:19891014}
.layermmain,.laymshade{position:fixed;left:0;top:0;width:100%;height:100%}
.layermbtn span,.layermchild{display:inline-block;position:relative}
.laymshade{background-color:rgba(0,0,0,.5);pointer-events:auto}
.layermmain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}
.layermmain .section{display:table-cell;vertical-align:middle;text-align:center}
.layermchild{text-align:left;background-color:#fff;font-size:14px;border-radius:6px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.18s;animation-duration:.18s}
.layermborder{border:1px solid #999}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.layermanim{animation-name:bounceIn;-webkit-animation-name:bounceIn}
.layermbox0 .layermchild{max-width: 80%;min-width: 85%;}
.layermbox1 .layermchild{border:none;border-radius:0}
.layermbox2 .layermchild{width:auto;max-width:260px;min-width:40px;border:none;background-color:rgba(0,0,0,.6);color:#fff}
.layermchild h3{padding:0 45px 0 10px;height:50px;line-height:50px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;border-bottom:1px solid #EBEBEB}
.layermbtn span,.layermchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.layermcont{padding:22px 15px;line-height:22px;border-radius:5px;text-align: center;}
.layermbox1 .layermcont{padding:0}
.layermbox2 .layermcont{text-align:center;padding:30px 30px 0;line-height:0}
.layermbox2 .layermcont i{width:1.5rem;height:1.5rem;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
    40%{transform:scale(1);-webkit-transform:scale(1)}
}
.layermbox2 .layermcont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay:-.16s;animation-delay:-.16s}
.layermbox2 .layermcont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}
.layermbtn{position:relative;height:45px;line-height:45px;font-size:0;text-align:center;border-top:1px solid #EBEBEB}
.layermbtn span{width:100%;text-align:center;font-size:14px;cursor:pointer;border-radius:0 5px 0 0}
.layermbtn span:first-child{height:100%;background-color:#fff;border-radius:0 0 5px 5px}
.layermbtn:before{content:'\20';position:absolute;width:1px;height:39px;left:50%;top:0;background-color:#EBEBEB}
.layermend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}
.layermend::after,.layermend::before{position:absolute;left:5px;top:13px;content:'';width:20px;height:2px;background-color:rgba(0,0,0,.3);transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}
.layermend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}

/*底部loading */
.loading_bottom { padding:5px;}
.loading_bottom i { border-radius:0;width:.5rem;height:.8rem;background:#999;margin-right:0;}
/*新首页*/

.index_wrapper .video {
    width: calc(100% - 0.6rem);
    padding: 0.3rem;
    position: relative;
    background: #fff;
}
.index_wrapper .video video{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.index_wrapper .index-t-bot{
    width: 100%;
    font-size: 13px;
    margin-top: 1px;
    display: flex;
    height: 180px;
    background: #fff;
}
.index_wrapper .index-t-bot .div-1{
    width: 73%;
    height: 150px;
    padding: 10px 20px 30px 20px;
    z-index: 999;
}
.index_wrapper .index-t-bot .div-2{
    height: 100%;
    width: 50%;
    margin-left: 1px;
}
.index_wrapper .index-t-bot .div-2 a{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.index_wrapper .index-t-bot .div-2 .div-2-top{
    margin-bottom: 1px;
}

.index_wrapper .index-t-bot .div-2 .sign-gift{
    /*height: 35.5px;
    width: 115.5px;*/
    height: 65%;
    width: 85%;
    z-index: 999;
}
.index_wrapper .index-t-bot .div-2 .lucky-game{
    /*height: 56.5px;
    width: 172px;
    position: relative;
    top: -11px;
    left: -33px;*/
    height: 183%;
    width: 150%;
    position: relative;
    top: -50%;
    left: -28%;
}

.index_wrapper { min-width:320px;max-width:960px;width:100%;margin:0 auto;}
.border_box { border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.index-top{background:#ff6700;height:50px;padding:0 7px;position: relative;}
.logo{float:left;width:50px;height:50px;overflow:hidden;}
.title_ty{
    position: absolute;
    height: 50px;
    line-height: 50px;
    width: 56%;
    text-align: right;
    color: #eee;
    font-size: 14px;
    font-family: "microsoft sans serif";
}
.search{
    display: block;
    height: 35px;
    margin: 0 60px;
    line-height: 35px;
    text-indent: 5%;
    color: #999;
    border-radius: 30px;
    position: absolute;
    top: -35px;
    width: 68%;
    background: #eee;
    overflow: hidden;
    transition: top .5s ease-in-out;
    -webkit-transition: top .5s ease-in-out;
}
.search.active{
    transition: top .5s ease-in-out;
    -webkit-transition: top .5s ease-in-out;
    top: 7px;
}
.search input{
    float: left;
    width: 80%;
    height: 35px;
    border: none;
    outline: none;
    background: #eee;
    font-size: 12px;
    text-indent: 10px;
}
.search button{
    float: right;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background-color: transparent;
}
.search img {
    width: 100%;
}
.btn_sou{
    float:right;
    height:50px;
    width:50px;
    background-image: url(https://cdn.fsql.net/images/ju/index/search-close.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 0px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
.btn_sou.active{
    background-position-y: -50px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
.index_wrapper .baokuan .title{
    padding-top: 0;
    margin-left: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: auto;
    color: #000;
}
.index_wrapper .baokuan .price{
    padding-left: 0.3rem;
    padding-top: 0;
    color: #676b70;
}
.index_wrapper .baokuan .price span{
    color: #f44623;
}

.hot-news-roller dt {
    width: 75px;
}

.hot-news-roller dd {
    margin-right: 0;
}

.hot-news-roller dd ul li i {
    display: inline-block;
    border: solid 1px #f44623;
    color: #f44623;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 12px;
}


.topmenu{float:right;}
.topmenu a{display:block;width:45px;height:45px;float:left;color:#fff;line-height:45px;text-align:center;}
.topmenu a i{font-size:24px;}
.index_search{background:#fff;height:100%;position:fixed;top:0;left:0;width:100%;display:none;overflow:auto;z-index:99;}

.search-box{height:45px;background:#45a1de;}
.search-box input{height:35px;display:block;margin:0 45px;min-width:230px;position:relative;top:5px;border-radius:3px;border:0;text-indent:5px;}
.search-box button{float:right;width:45px;height:45px;background:none;}
.search-box button i{font-size:24px;color:#fff;}
.search_list{/*position:absolute;z-index:999;top:45px;left:0;width:100%;*/background:#fff;display:none;}
.search_list ul{max-height:300px;overflow-y:auto;}
.search_list li{height:35px;line-height:35px;border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width: 0 0 1px 0;}
.search_list li a{display:block;height:35px;line-height:35px;padding:0 10px;color:#666;overflow:hidden;}
.hot-search h4,.search-history h4 { background:#eee;padding:0 10px;height:30px;line-height:30px;font-weight:normal;font-size:12px;}
.hot-search p { padding-top:10px;background:#f9f9f9;}
.hot-search p a { display:inline-block;padding:0 10px;height:30px;line-height:30px;border-radius:5px;border:solid 1px #e3e3e3;margin:0 10px 10px;background:#fff;color:#45a1de;}
.search-history p { background:#f9f9f9;}
.search-history p a {display:block;height:35px;line-height:35px;padding:0 10px;color:#45a1de; border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width: 0 0 1px 0;}
.clear-history { width:150px;height:40px;border:solid 1px #dadada;line-height:40px;text-align:center;display:block;margin:10px auto;border-radius:3px;}

.bannerbox{width:100%;}
.banner{position:relative;overflow:hidden;min-width:320px;max-width:960px;width:100%;margin:0 auto;overflow:hidden;height:-moz-calc(100% / 640px * 240px);height:-webkit-calc(100% / 640px * 240px);height:calc(100% / 640px * 240px);background:#fff;}
.banner ul { width:100%;height:100%;position:absolute;top:0;left:0;}
.banner ul li { float:left;width:100%;height:100%;position:absolute;top:0;left:0;}
.banner ul li a{width:100%;display:block;height:100%;}
.banner ul li img{min-width:320px;max-width:960px;width:100%;height:auto;min-height:120px;max-height:360px;display:block;}
.ban-nav { position:absolute;width:54px;bottom:8px;left:50%;margin-left:-27px;}
.ban-nav i { width:5px;height:5px;background:#93a0ae;display:block;margin:0 2px;float:left;border-radius:100%;}
.ban-nav i.cur { background:#f44623;}

.index_nav{background:#fff;}
.index_menu a{-webkit-box-flex:1;-moz-box-flex:1;width:25%;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;display:block;padding:10px 0;height:55px;}
.index_menu a img{display:block;width:36px;height:36px;margin:0 auto 2px;}
.index_menu a span{font-size:12px;}
.index_menu2 a i{background:#f2432f;}

.kefu-show h2{height:40px;line-height:40px;font-size:18px;text-align:center; }
.kefu-show .close { display:block;width:30px;height:30px;font-size:30px;color:#ff0000;}
.kefu-show a { display:block;height:40px;line-height:40px;padding:0 15px;}
.kefu-show a i { display:inline-block;width:20px;height:20px;background-size:100%;vertical-align:middle;margin-right:8px;}
.kefu-show a i.phone { background-image:url(https://cdn.fsql.net/images/ju/service_phone.png);}
.kefu-show a i.wx { background-image:url(https://cdn.fsql.net/images/ju/wx.png);}
.kefu-show a i.qq { background-image:url(https://cdn.fsql.net/images/ju/qq.png);}
.kefu-show a i.kf { background-image:url(https://cdn.fsql.net/images/ju/kf.png?v=1);}

.baokuan h3 a{ float:right;font-size:12px;font-weight:normal;}
.baokuan h3 a s {vertical-align:middle;position:relative;bottom:1px;right:-5px;}
.guessulike h3 a{ float:right;font-size:12px;font-weight:normal;}
.guessulike h3 a s {vertical-align:middle;position:relative;bottom:1px;right:-5px;}
.bk-slide{ overflow:hidden;}
.bk-slide .swiper-wrapper a{display:block;width:80px;}
.bk-slide .swiper-wrapper a img { width:100%;}

.pic-nav {border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:1px 0;margin-top:10px;background:#fff;}
.pic-nav .flex-item { -webkit-box-flex:1;-moz-box-flex:1;width:33.33%;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;overflow:hidden;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-width:0 1px 0 0;}
.pic-nav .flex-item:last-child { border:0;}
.pic-nav .flex-item a { display:block;width:100%;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:0 0 1px 0;}
.pic-nav .flex-item a:last-child { border:0;}
.pic-nav .flex-item img { width:100%;display:block;}

.floor{margin-top:10px;background:#fff;position:relative;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:1px 0;}
.floor h3 { height:40px;line-height:40px;font-size:16px;padding:0 10px;color:#2c3e50;border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:0 0 1px 0;}
.floor h3 i { display:inline-block;width:4px;height:16px;background:#f44623;border-radius:4px;vertical-align:middle;position:relative;bottom:2px;margin-right:5px;}
.floor ul {display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;}
.floor ul li { -webkit-box-flex:1;-moz-box-flex:1;width:50%;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1; }
.floor ul li:first-child {border-right:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-width:0 1px 0 0; }
.floor ul li .aditem { width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:0 0 1px 0;}
.floor ul li .aditem:last-child { border:0;}
.floor ul li .aditem a {width:100%;display:block; }
.floor ul li .aditem a.two { -webkit-box-flex:1;-moz-box-flex:1;width:50%;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;}
.floor ul li .aditem a.two:first-child {border-right:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-image: url(https://cdn.fsql.net/images/ju/border2.gif) 0 2 round;border-width:0 1px 0 0;}
.floor ul li .aditem img { width:100%;display:block;}

.guessulike {margin-top:10px;background:#fff;position:relative;border:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:1px 0; }
.guessulike h3 { height:40px;line-height:40px;font-size:16px;padding:0 10px;color:#2c3e50;border-bottom:solid 1px #dadada;-webkit-border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-image: url(https://cdn.fsql.net/images/ju/border.gif) 2 0 round;border-width:0 0 1px 0;}
.guessulike h3 i { display:inline-block;width:5px;height:16px;background:#f44623;border-radius:5px;vertical-align:middle;position:relative;bottom:2px;margin-right:5px;}
.guessulike div.pj_box { padding-top:10px;height:160px;-webkit-overflow-scrolling : touch;}
.guessulike div.pj_box ul li{margin:0 5px;}

.notice { background:#fff;height:40px;line-height:40px;padding:0 10px;}
.notice dt { float:left;width:55px;color:#93a0ae;}
.notice dt img { vertical-align:middle;margin-right:5px;}
.notice dd { margin-right:40px;height:40px;overflow:hidden;}
.notice dd ul li { height:40px;line-height:40px;overflow:hidden;}
.notice dd ul li a{ color: #FF9C0D;}


.foot-nav { position:fixed;height:50px;left:0;bottom:0;background:#f3f3f3;width:100%;overflow:hidden;z-index:99;}
.foot-nav a {float:left;width:25%;height:100%;text-align:center; }
.foot-nav a i { display:block;margin:4px auto 0;width:24px;height:24px;background:url(https://cdn.fsql.net/images/ju/bottom_nav.png) no-repeat;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .foot-nav a i { background:url(https://cdn.fsql.net/images/ju/bottom_nav@2x.png) no-repeat;background-size:96px 48px;}
}
.foot-nav a i.home { background-position:0 0;}
.foot-nav a i.cate { background-position:-24px 0;}
.foot-nav a i.cart { background-position:-48px 0;}
.foot-nav a i.user { background-position:-72px 0;}
.foot-nav a.cur i.home { background-position:0 -24px;}
.foot-nav a.cur i.cate { background-position:-24px -24px;}
.foot-nav a.cur i.cart { background-position:-48px -24px;}
.foot-nav a.cur i.user { background-position:-72px -24px;}
.foot-nav a span { font-size:10px;}
.foot-nav a.cur span { color:#f44263;}

.shop-tab { height:40px;line-height:40px;background:#fff;}
.shop-tab a { display:block;float:left;width:25.3%;margin:0 4%;text-align:center;}
.shop-tab a.cur { border-bottom:solid 2px #f44263;color:#f44263;font-weight:bold;height:38px;}
/*新会员中心*/
.nuinfo { background:#fff;}
.nuinfo a {display:block;}
.nuinfo a dl { overflow:hidden;padding:10px;}
.nuinfo a dl dt { width:60px;height:60px;float:left;}
.nuinfo a dl dt img{ width:60px;height:60px;}
.nuinfo a dl dd { margin-left:70px;position:relative;}
.nuinfo a dl dd h4 { font-weight:normal;font-size:16px;color:#2c3e50;}
.nuinfo a dl dd h4 span { background:#f4a425;border-radius:5px;padding:2px 4px;font-size:12px;color:#fff;margin-left:10px;}
.nuinfo a dl dd p { margin-top:5px;color:#93a0ae;}
.nuinfo a dl dd p span { margin-right:10px;}
.nuinfo a dl dd p span b { color:#f44623;font-weight:normal;}
.nuinfo a dl dd i.arrow_r { position:absolute;right:0;top:17px;}
.vipnav {display:block;height:40px;background:#fff;line-height:40px;padding:0 10px;}
.vipnav span { float:left;color:#2c3e50;}
.vipnav span img { vertical-align:middle;position:relative;bottom:1px;margin-right:3px;}
.vipnav i { float:right;margin:7px 0;}
.vipnav em { float:right;color:#93a0ae;}
.nulink { height:40px;line-height:20px;background:#fff;padding:5px 0;}
.nulink a {display:block;-webkit-box-flex:1;-moz-box-flex:1;width:33%;text-align:center;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;position:relative;}
.nulink a span { display:block;color:#2c3e50;}
.nulink a em { font-size:12px;color:#93a0ae;}
.nulink a i { display:block;float:right;height:30px;width:1px;position:absolute;right:0;top:5px;}
.user_nav { margin-top:10px;background:#fff;border-width:1px 0 1px 0;overflow:hidden;}
.user_nav a { display:block;width:25%;height:70px;float:left;text-align:center;margin:5px 0;padding:5px 0;}
.user_nav a img { width:50px;height:50px;display:block;margin:0 auto;}
.user_nav a span { height:20px;line-height:20px;font-size:12px;color:#93a0ae;}
.edtbox { margin:10px;padding-bottom:10px;}
.edtbox input[type=text],.edtbox input[type=tel],.edtbox input[type=password]{ width:100%;height:40px;border:solid 1px #dadada;margin-top:10px;text-indent:5px;}
.edtbox button {width:100%;height:40px;border-radius:3px;background:#45a1de;border:0;margin-top:10px;color:#fff;}
.edtsex label { height:40px;display:block;line-height:40px;}
.edtbirth select{height:40px;display:block;width:100%;margin-top:10px;}

/*登陆注册*/
.login_logo{width:150px;height:34px;margin-bottom:10px;}
.login{
    position: fixed;
    margin: 45% 20px 0px 20px;
    padding: 25px;
    border-radius: 10px;
    /*box-shadow: 0 3px 10px #cfcfcf;*/
    /*background-color: #fff;*/
    background-color: rgba(255, 255, 255, 0.7);
}
.loginbox .title{
    font-size: 32px;
    color: #000;
}
.loginbox .name{
    font-size: 16px;
    color: #000;
}
.loginbox .show-pwd{
    position: absolute;
    top: 8px;
    font-size: 16px;
    cursor: pointer;
    right: 10px;
}
.loginbox .show-pwd .eye{
    width: 1.25em;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    padding: 0;
    margin: 0;
    outline: none;
}
.loginbox{position:relative;margin-top:10px;overflow:hidden;border-right:solid 1px #ddd;}
.loginbox i{position:absolute;left:10px;top:8px;color:#999;}
.loginbox input{width:100%;height:40px;border:solid 1px #ddd;text-indent:35px;font-size:13px;}
.loginbox input:empty { padding-left:30px;text-indent:0;box-sizing : content-box; -moz-box-sizing : content-box;}
.login button,.reg button{border-radius:3px;background:#f44623;border:0;color:#fff;width:100%;height:40px;margin-top:10px;}
.login .checkbox { vertical-align:middle;}
.zczh a{background-color: rgba(0, 0, 0, 0);font-size:12px;display:inline-block;height:30px;width:120px;text-align:center;line-height:30px;margin-top:10px;}
.zc_btn{
    color: #000;
    float:left;
    font-weight: bold;
}
.zhaohui_btn{
    color:#000;
    float:right;
    font-weight: bold;
}
.login_hz{margin-top:10px;}
.login_hz h3{font-size:12px;}
.login_hz a{display:inline-block;padding:0 10px;margin-right:8px;height:30px;line-height:30px;border:solid 1px #ddd;background:#fff;color:#1dccaa;font-size:12px;margin-top:10px;}
.reg{margin:0 20px;}
.reg input{width:100%;height:30px;border:solid 1px #ddd;text-indent:10px;font-size:12px;margin-top:10px;}
.sendyzm,.reg button.sendyzm{width:120px;height:30px;background:#4879bc;display:block;line-height:30px;text-align:center;color:#fff;font-size:12px;margin-top:10px;}

.brandlist a{margin-bottom:5px;display:inline-block;border:solid 1px #ddd;padding:2px 0;}
.brandlist a img { display:block;}
.brand_me { height:30px;margin-bottom:10px;}
.brand_me a { display:inline-block;font-size:12px;height:30px;line-height:30px;width:25%;text-align:center;color:#59666a;}
.brand_me a.cur { background:#f44623;border-radius:2px;color:#fff;}

.page_search{height:50px;position:relative;}
.s_inputbox{margin-right:40px;position:relative;padding:10px;}
.s_inputbox input{width:100%;height:30px;border:solid 1px #ddd;background:#fff;text-indent:10px;}
.s_inputbox i{position:absolute;right:10px;color:#2c3e50;top:12px;cursor:pointer;display:block;width:30px;height:30px;text-align:center;line-height:30px;z-index:99;}
.page_search button{display:block;float:right;width:30px;height:30px;background:#f44623;border:none;color:#fff;position:absolute;right:10px;top:10px;}

/*个人中心改版 -- 2015年8月11日*/
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont_ali.eot?t=4'); /* IE9*/
    src: url('../fonts/iconfont_ali.eot?#iefix?t=4') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont_ali.woff?t=4') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont_ali.ttf?t=4') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('https://cdn.fsql.net/images/ju/iconfont_ali.svg#uxiconfont?t=4') format('svg'); /* iOS 4.1- */
}

.vip-header { width:100%; height:150px; background:url(https://cdn.fsql.net/images/ju/member_index/vip_bg.jpg) no-repeat; background-size:110%; position:relative; overflow:hidden;}
.vip-header a { color:#fff; display:block;}
.vip-header dl { padding:14px 6% 0 6%; overflow:hidden;}
.vip-header dt { width:65px; height:65px; float:left; border-radius:100%; border:4px solid rgba(255,255,255,.4); overflow:hidden; }
.vip-header img { width:100%; height:100%;}
.vip-header dd { float:left; padding:7px 0 0 10px;}
.vip-header h4 { font-size:16px; line-height:32px; font-weight:normal;}
.vip-header h4 span { font-size:13px; background:#e53460; border-radius:5px; padding:2.6px 5px; margin-left:10px;}
.vip-header dd p { font-size:14px;}
.vip-header dd p i{ color:#ffc601; margin:5px;}
.vip-header ul { width:100%; overflow:hidden; position:absolute; bottom:0;}
.vip-header li { width:33%; float:left; text-align:center; background:rgba(60,60,60,.3); padding:3px 0; margin-right:.33%;}
.vip-header li:last-child { margin-right:0;}
.vip-header li span { font-size:16px;}

.vip-club, .vip-list-icon { margin-top:10px; background:#fff; overflow:hidden;}
.vip-club li a{ font-size:14px; color:#686868; width:25%; float:left; text-align:center; padding:8px 0;}
.vip-club li a i { font-size:26px; line-height:32px;}

.vip-club-title { line-height:44px; padding:0 8px;}
.vip-club-title span { color:#252525; font-size:16px; }
.vip-club-title span i{ font-size:20px; color:#45a1de; margin-right:8px;}
.vip-club-title a { float:right; color:#a8a9ab; font-size:15px;}
.vip-club-title a i { margin-left:5px; font-size:14px;}

.vip-account .vip-club-title span i{ color:#ff7979;}
.vip-account .color_f44623 { color:#f44623; font-size:18px; line-height:26px;}
.vip-account .color_f4a425 { color:#f4a425; font-size:18px; line-height:26px;}
.vip-account .color_45a1de { color:#45a1de; font-size:18px; line-height:26px;}
.vip-account .color_1dccaa { color:#1dccaa; font-size:18px; line-height:26px;}

.vip-list-icon li{ width:100%; line-height:30px; padding:8px 0; overflow:hidden; text-align:center; }
.vip-list-icon li:last-child {  border-bottom:none;}
.vip-list-icon li a { display: block; width: 49.8%; float: left; font-size:15px; }
.vip-list-icon li i { width:36px; display:inline-block; color:#45a1de; font-size:21px; text-align:left;}

.vip-like .vip-club-title span i{ color:#c44ddd;}
.vip-like .pj_box { height:170px; overflow-x:auto;}
.vip-like .pj_box ul { padding:3px 0; overflow:hidden;}
.vip-like .pj_box li { width:94px; margin:0 3px; }
.vip-like .pj_box a{ width:100%; text-align:left;}
.vip-like .pj_box em { word-break:break-all; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}

.vip-touxiang { float:right; width:65px; height:65px; display:block; margin-right:20px; border-radius:100%; overflow:hidden;}
.vip-touxiang img{ width:100%; max-width:320px;}

.container { width:100%; height:100%; position:absolute; background:#fff; top:0;}

.tx-head { line-height:45px; background:#45a1de; overflow:hidden; position:fixed; z-index:999; width:100%;}
.tx-head a { color:#DEF1FD; }

.tx-touxiang { width:130px; height:130px; margin:25px auto; overflow:hidden; border-radius:100%; border:7px solid #C2E6FF;}
.tx-touxiang img { width:100%;}
#update-touxiang { width:60px; line-height:34px; margin:0 auto; padding:1px 14px; border-radius:6px; text-align:center; background:#45a1de; color:#fff; }
