.pp .x-tabbar{
height:0px;}

img{ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }


.x-big .x-textfield .x-input-el {
    padding: 5px 5px;
    font-size:14px;
    font-weight: 400;

}

/* 商品详情分隔线的边框色 */

.x-panel-outer-border-trbl {
    border-width: 0px !important;
}



/* iso微信顶部空白 */


body{
margin-Top:0 !important;
padding-top:0 !important;
top:0px;
}


/* edit编辑框清除按钮的颜色样式 */
.x-trigger .x-icon-el{
 color:#dadada !important;
 width:16px;
 height:16px;
}

/* 广告提交页 */
.tjinfo{
 padding:20 0 20 0;    height: 50px;color: #555;font-size: 14px;border: 1px solid #ccc;border-radius:4px;background-color: #fff;   display: block;margin:0 auto;width: 90%;margin-bottom: 20px;padding-left:10px;
 };

/* 主页toolbar */
.jstoolbar{
 position:fixed !important;
 z-index: 999999;
}

/* 微信兼容
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />

 */

*{
  font-family: 微软雅黑;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: none;
}


/* 等待框样式 */

/* 大小，速度 */
.x-loading-spinner{
    -webkit-transform-origin: 5px 8px;
    animation-duration: 0.9s;
}

.x-mask.x-has-message .x-loading-spinner-outer {
    height: 80px;
}

.x-mask .x-loading-spinner-outer {
    width: 80px;
    min-width: 100px;
}

.x-mask .x-mask-inner{
    border-radius: 10px;
}

.x-mask.x-has-message .x-mask-inner {
    padding-bottom: 1em;
}

.x-mask .x-mask-message{
    font-size: 12px;
    font-family: 微软雅黑;
    font-weight: 400px;
    padding-bottom: 5px;
}

.x-mask .x-loading-spinner-outer {
    min-width: 30px;
    height: 50px;
}

.x-loading-spinner {
    font-size: 20px;
    height: 20px;
    width: 20px;
}


/* edit框输入的内容类型 */
.editint{
type:tel;
}

.editsearch{
type:search;
}


/* edit框掩码文字被禁用时的字体颜色透明度 */
.x-field.x-disabled > .x-body-wrap-el {
    opacity: 0.6;
}

/* 搜索框样式，第二个为覆盖搜索框里面edit的以前写的通用样式 */

.jsSearch{
    font-size: 12px;
    height: 34px !important;
    padding-top: 0px;
    border: 1px #dadada solid;
    background: url(Sarch.png) no-repeat 4px 6px;
    padding-left: 40px;
    border-radius: 5px;
    padding-bottom: 0px;
}

.jsSearch .x-input-wrap-el {
    border-bottom: 0px solid #d0d0d0 !important;
}

/* 首页底部白色按钮

#ext-element-189{background-color: #f9f9f9 !important;}
#ext-element-196{background-color: #f9f9f9 !important;}
#ext-element-203{background-color: #f9f9f9 !important;}
#ext-element-210{background-color: #f9f9f9 !important;} */

/* 红色按钮的颜色变亮*/
.x-button-decline .x-inner-el {
    border-color: #e03800;
    background-color: #e03800;
    background-image: none;
}

/* 红色按钮的颜色变亮*/
.x-button-decline .x-inner-el {
    border-color: #e03800;
    background-color: #e03800;
    background-image: none;
}

.x-button-decline .x-pressing .x-inner-el{
    border-color: #e03800;
    background-color: #e03800;
    background-image: none;
}

.x-button-decline.x-hovered .x-inner-el {
    border-color: #e03800;
    background-color: #e03800;
    background-image: none;
}

/* 蓝色边框白底按钮*/
 .x-button-blueBtn .x-inner-el {
    border-color: #007bff !important;
    background-color: white !important;
    color: #007bff !important;
    background-image: none;
    }
    
.x-button-blueBtn .x-pressing .x-inner-el{
    border-color: #007bff !important;
    background-color: white !important;
    color: #007bff !important;
    background-image: none;
}

.x-button-blueBtn.x-hovered .x-inner-el {
    border-color: #007bff !important;
    background-color: white !important;
    color: #007bff !important;
    background-image: none;
}

    

/* 蓝色按钮的颜色变亮*/
.x-button-action .x-inner-el {
    border-color: #007bff;
    background-color: #007bff;
    background-image: none;
}

.x-button-action .x-pressing .x-inner-el{
    border-color: #007bff;
    background-color: #007bff;
    background-image: none;
}

.x-button-action.x-hovered .x-inner-el {
    border-color: #007bff;
    background-color: #007bff;
    background-image: none;
}



/* 排序按钮的字体样式*/
.x-segmentedbutton .x-horizontal .x-button.x-last, .x-segmentedbutton .x-horizontal .x-button.x-last:after, .x-segmentedbutton .x-horizontal .x-button.x-last .x-inner-el {
    font-size: 12px;
    font-weight: 500;
}
.x-segmentedbutton .x-horizontal .x-button.x-first, .x-segmentedbutton .x-horizontal .x-button.x-first:after, .x-segmentedbutton .x-horizontal .x-button.x-first .x-inner-el {
    font-size: 12px;
    font-weight: 500;
}


/*去除选择listbox的样式*/
.x-show-selection > .x-listitem.x-selected {
    background-color: #ffffff;
    border-color: #e9e9e9;
}


/* 去除a标签链接的样式 */
a{
text-decoration: none;
color: #1296DB;
}


/* 日期下拉灰边框去除 */
.x-sheet {
    border: 0px;
}


/* 顶部工具栏按钮背景去除 */
.x-toolbar .x-button .x-inner-el {
     border: 0px solid #e4e4e4; 
     background-color: #5FA2DD; 
     color: white;
     padding-left: 0px !important;
}

/* label文字加宽，减少单薄感 */
.x-innerhtml{
font-weight: 400;
}


/* 文字宽度，结合width使用，超出的会以……显示  <div style="width: 400px" class="Js_TextWidth">内容</div> */
.Js_TextWidth{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}


/*  listbox的高度减少 padding: 5px 8px 5px 8px; */
.x-big .x-listitem-inner-el {
   padding: 0px;
}



/* iso复选框样式 */
.x-big .x-togglefield .x-box-el {
    padding: 2px 0;
}


.x-big .x-toggleslider {
    width: 52px;
}

.x-big .x-toggleslider .x-track-el, .x-big .x-toggleslider .x-fill-el {
    border-radius: 22px;
}

.x-big .x-toggleslider .x-track-el {
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.x-toggleslider .x-track-el {
    height: 22px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 22px;
}

.x-toggleslider .x-thumb-wrap-el {
    margin: 0 2px;
}

.x-big .x-toggleslider .x-track-el, .x-big .x-toggleslider .x-fill-el {
    border-radius: 22px;
}

.x-big .x-toggleslider .x-fill-el {
    height: 30px;
    border-radius: 30px;
}

.x-toggleslider .x-fill-el {
    height: 22px;
    background-color: #53d769;
    border: 1px solid #53d769;
    border-radius: 22px;
    margin: -1px 0 0 -1px;
}

.x-big .x-thumb {
    height: 28px;
    width: 28px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin-top: -14px;
    border-radius: 14px; 
}

.x-thumb {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: -10px;
    border: 1px solid #dcdcdc;
}

.x-thumb {
    position: absolute;
    left: 0;
    top: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.x-thumb .x-icon-el {
    color: #ffffff;
}

.x-thumb:hover {
    background-color: #ffffff;
}

.x-thumb:active {
    background-color: #ffffff;
}