﻿html body{width: 100%; overflow-x: hidden;}
body {background-color: #f7f7f7; color: #666; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch;}
html, body, p, a, span, ul, li, ol, select, td, th, input, textarea, button{font-family: "Helvetica Neue","Microsoft Yahei","微软雅黑","Tohoma"; }
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration: none; outline: 0; border: 0;}
a:active{color: #dd2727;}
input, textarea, button,select{padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; appearance: none;}
textarea{resize: none;}
input:focus, textarea:focus, button:focus, select:focus{border: 0; outline: 0;}
img{margin: 0 auto; max-width: 100%; display: block;}
small{display: block;}
ul{list-style: none;}
ul.style li{float: left;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667% !important;}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333% !important;}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* 表单元素 */
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #999;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #999;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;} 
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -35px; margin-left: -135px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}

/* loading */
.loading-wrap{z-index: 99; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f7f7f7;} 
.loading-wrap .spinner{width:50px; height:30px; text-align:center; font-size:10px; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.loading-wrap .spinner>div{background-color:#dd2727; height:100%; width:6px; display:inline-block;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out;}
.loading-wrap .spinner .rect2{-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} 
.loading-wrap .spinner .rect3{-webkit-animation-delay:-1s; animation-delay:-1s;} 
.loading-wrap .spinner .rect4{-webkit-animation-delay:-.9s; animation-delay:-.9s;}
.loading-wrap .spinner .rect5{-webkit-animation-delay:-.8s; animation-delay:-.8s;}
@-webkit-keyframes stretchdelay {
0%,40%,100% {-webkit-transform:scaleY(.4);}
20% {-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay {
0%,40%,100% {transform:scaleY(.4); -webkit-transform:scaleY(.4);}
20% {transform:scaleY(1); -webkit-transform:scaleY(1);} 
}
.container{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; background: #f7f7f7; -webkit-overflow-scrolling: touch;}
.wrapper{padding-top: 50px; padding-bottom: 100px;}
.imgbox{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.imgbox a{display: block; width: 100%; height: 100%;}
.nobefore:before, .noafter:after{display: none !important;}
.weui_cell:before{right: 0; width: auto;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}

/* header and footer */
.header{height: 50px; background: #fff;}
.header .weui_cell{padding: 0; width: 100%; height: 50px;}
.header .weui_cell_hd{padding-left: 12px; padding-right: 12px; line-height: 50px; color: #666;}
.header .weui_cell_ft{height: 50px;}
.header .logo{position: relative; left: -5px; height: 30px;}
.header a.abs{top: 0; right: 60px; width: 30px; line-height: 50px;}
.header a.abs .icon{color: #666; font-size: 20px;}
.header a.abs img{display: inline; margin-top: 13px; width: 22px;}
.header .weui_search_bar{width: 100%; background: #fff;}
.header .weui_search_outer, .header .weui_search_inner{background: #f2f2f2;}
.header .weui_search_inner .weui_icon_search, .header .weui_search_inner .weui_icon_clear{top: 0; line-height: 30px;}
.header .weui_search_inner .weui_icon_search:before{color: #666;}
.header .weui_search_inner .weui_search_input{padding: 7px 0; height: 20px; line-height: 20px;}
.cd-nav-trigger{display: inline-block; padding: 0 5px; width: 50px; height: 50px; text-align: center; background: url(../images/icon/menu.png) no-repeat center center; background-size: 30px;}
.cd-close-nav{position: absolute; height: 50px; width: 50px; right: 0; top: 0; color: #666; text-align: center; line-height: 50px;}
.cd-close-nav .icon{font-size: 30px;}
.cd-nav-container {position: fixed; z-index: 109; top: 0; right: 0; width: 50%; height: 100%; overflow-y: auto; background-color: #fff;
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
-webkit-overflow-scrolling: touch; box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s; transition: transform 0.4s 0s, box-shadow 0s 0s;}
.cd-nav-container header {height: 50px; position: fixed; top: 0; left: 0; width: 100%; background: #fff;}
.cd-overlay {position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.35); visibility: hidden; opacity: 0;   
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s;}
.cd-overlay.is-visible {opacity: 1; visibility: visible;
-webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}
.cd-nav{margin-top: 50px;}
.cd-nav li a{display: block; padding: 0 20px; line-height: 40px; font-size: 16px; color: #999;}
.cd-nav li >a{background-color: #fafafa; color: #333; border-bottom: 1px solid #fff;}
.main {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: #ebebeb; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}
.main.scale-down {-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.weui-popup-overlay, .weui-popup-container{z-index: 1000;}
.weui-popup-modal{background: #f7f7f7;}
.citybox{margin-bottom: 50px;}
.citybox h3{padding: 15px; font-size: 18px; font-weight: normal; color: #000;}

/* footer */
.footer{background: #fff;}
.footer .weui_tabbar_item{text-align: center; color: #808080;}
.footer .weui_tabbar_icon{display: block; margin: 0 auto; background-repeat: no-repeat; background-image: url(../images/icon/footer.png); background-size: 100%;}
.footer .weui_bar_item_on .weui_tabbar_icon{background-image: url(../images/icon/footer_hover.png);}
.footer a:nth-of-type(1) .weui_tabbar_icon{background-position: 0 0;}
.footer a:nth-of-type(2) .weui_tabbar_icon{background-position: 0 -24px;}
.footer a:nth-of-type(3) .weui_tabbar_icon{background-position: 0 -48px;}
.footer a:nth-of-type(4) .weui_tabbar_icon{background-position: 0 -72px;}
.footer .weui_tabbar_item.weui_bar_item_on .weui_tabbar_icon, .footer .weui_tabbar_item.weui_bar_item_on .weui_tabbar_icon>i, .footer .weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{color: #dd2727;}

/* filtrate */
.filtrate{z-index: 501; top: 50px; display: block; font-size: 16px; color: #666; background: #fff;}
.filtrate:after{z-index: 1;}
.filtrate .left{width: 78%; background: #fff; height: 50px;}
.filtrate .right{position: relative; width: 22%; height: 50px; line-height: 50px; text-align: center;}
.filtrate .right i{position: relative; top: 1px; display: inline-block; width: 12px; height: 12px; background: url(../images/icon/filtrate.png) no-repeat; background-size: 100%;}
.filtrate .right:after{position: absolute; left: 0; top: 0; content: ""; display: block; width: 1px; height: 50px; background: #dddcdb;}
.filtrate .right.active{color: #dd2727;}
.filtrate .right.active i{background-image: url(../images/icon/filtrate_hover.png);}
.filtrate .weui-navigator-list li{font-weight: normal; line-height: 47px;}
.filtrate .weui-navigator-list li i{position: relative; top: 3px; display: inline-block; width: 12px; height: 17px; background: url(../images/icon/sort.png) no-repeat center center; background-size: 8px;}
.filtrate .weui-navigator-list li.weui-state-active i{background-image: url(../images/icon/sort_hover.png);}
.filtrate .weui-navigator-list li.weui-state-active a{color: #dd2727;}
.filtrate .weui-navigator-list li.weui-state-active a:after{background-color: #dd2727;}
.nosrcoll{overflow: hidden !important;}
.iscroll-wrap{position: absolute; z-index: 501; left: 0; top: 81px; right: 0; bottom: 0; overflow: hidden; opacity: 0; height: 0; -webkit-transition: all 0.3; transition: all 0.3s;}
.iscroll-wrap.show{top: 100px; height: auto; opacity: 1;}
.iscroll-mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background: rgba(0,0,0,.5); overflow: hidden;}
.iscroll-box{position: absolute; top: 0; left: 0; right: 0; font-size: 14px; color: #333; background: #fff; max-height: 50vh; overflow: hidden;}
.iscroll{overflow: auto; -webkit-overflow-scrolling: touch;}
.iscroll::-webkit-scrollbar{display: none; width: 0; height: 0;}
.iscroll-box .tick{display: none; font-size: 16px; color: #dd2727;}
.iscroll-box .tick:before{font-family: "weui"; content: "\EA08"}
.iscroll-box .tick.checked{display: block;}
.iscroll-box .category1{width: 28%; height: 40vh; background: #f2f3f7; overflow-y: scroll;}
.iscroll-box .category1 ul{position: relative; display: block; overflow: hidden;}
.iscroll-box .category2{width: 72%; height: 40vh; background:#fff; overflow-y: scroll;}
.iscroll-box .category1::-webkit-scrollbar, .iscroll-box .category2::-webkit-scrollbar{display: none; width:0;height:0;}
.category1 ul{width:100%; overflow:hidden;}
.category1 li{position: relative; width:100%;height:48px;line-height:48px; color: #333; overflow:hidden; text-align:center;}
.category1 li:before{position: absolute; left: 0; bottom: 0; display: block; content: ""; width: 100%; height: 1px; background: #d9d9d9;}
.category1 li.cur{background: #fff; color:#dd2727;}
.category2 >div{width:100%; margin:auto;overflow:hidden;}
.category2 >div li{padding: 0 15px; height: 48px; line-height: 48px; color: #333;}
.category2 >div li.cur{color: #dd2727;}

/* index */
.banner{height: 35vh;}
.banner .dot{width: 100%; left: 0; right: 0; text-align: center;}
.banner .dot span{position: relative; width: 25px; height: 3px; background: #fff; border: 0; opacity: .5; filter: alpha(opacity=50); -webkit-border-radius: 0; border-radius: 0;}
.banner .dot .cur{background: #fff; border: 0; opacity: 1; filter: alpha(opacity=100);}
.banner .weui_cell{position: absolute; left: 15px; right: 15px; bottom: 23px; padding: 0; overflow: hidden; background: rgba(255,255,255,.8); line-height: 34px;}
.banner .weui_cell_bd{padding: 0 10px; height: 34px;}
.banner .weui_icon_search:before{position: relative; top: -2px; color: #545454; font-size: 16px;}
.banner .weui_cell_ft{position: relative; padding-right: 7px; width: 34px; height: 34px;}
.banner .weui_cell_ft input{width: 34px; height: 34px; background: none;}
.banner .weui_cell_ft i{position: absolute; top: 0; right: 12px;}

.notice .f-red{margin-right: 10px; border-right: 1px solid #e4e4e4;}
.notice .weui_cell_hd{padding-right: 8px;}
.notice .weui_cell_hd .icon{color: #393939;}
.notice .slide{height: 24px; line-height: 24px;}
.notice .slide li{line-height: 24px; font-size: 14px; color: #393939;}
.subnav .weui_grid{width: 20%; padding: 20px 0;}
.subnav .weui_grid_icon{width: 38px; height: 38px;} 
.index-box.weui_cells_access .index-title{color: #393939;}
.index-box.weui_cells_access .weui_cell_ft:after{border-color: #1f1f1f;}
.index-title.padded{border-left: 2px solid #dd2727;}
.index-title .weui_cell_hd{margin-right: 3px; width: 20px;}
.index-box1{padding: 15px;}
.index-box1 li{width: 50%; float: left;}
.index-box1 li a{display: block; margin: 2px 1px;}
.index-box2 .weui_grid{padding: 15px;}
.index-box2 h6{margin: 15px 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; font-size: 14px; line-height: 18px; color: #393939; text-overflow: ellipsis; overflow: hidden;}
.index-box2 p{font-size: 14px; font-weight: bold;}
.index-box3 .weui_cell_hd{margin-right: 10px; font-size: 20px; font-weight: bold;}
.index-box3 .weui_cell_bd h6{margin-bottom: 5px; font-size: 16px; color: #666;}
.index-box3 .weui_cell_bd p{font-size: 14px; color: #999;}
.index-box3 .weui_cell_ft{padding-left: 10px; font-size: 12px; color: #666;}
.index-box4{padding-bottom: 10px;}
.index-box4 .weui_cell_hd{margin-right: 20px; width: 33%;}
.index-box4 .weui_cell_bd{color: #666;}
.index-box4 .weui_cell_bd h6{margin-top: 10px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-box4 .weui_cell_bd .desc{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; color: #979797; font-size: 12px; line-height: 18px; text-overflow: ellipsis; overflow: hidden;}
@media (max-width: 320px){
.index-box4 .weui_cell{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;} 
}
.index-box5{padding: 15px 0;}
.index-box5 .weui-footer-link{margin-top: 5px; margin-bottom: 5px; width: 20%; color: #666;}
.index-box5 .weui-footer-link:nth-of-type(5n):before{display: none;}
.index-foot .weui-loadmore{width: 100%; border-top: 1px solid #ccc;}
.index-foot .weui-footer a{width: 27%; color: #666;}
.index-foot .weui-footer-link::before{display: none;}
.index-foot .weui-footer-text{margin-top: 8px; color: #666;}

/* category */
.category ul li{width:50%;}
.category ul li a{display: block; margin-top: 10px; background: #fff; overflow: hidden;}
/* .category ul li a .imgbox{float:left;margin-right: 10px;} */
.category ul li:nth-of-type(2n) a{margin-left: 5px;}
.category ul li:nth-of-type(2n-1) a{margin-right: 5px;}
.category ul li .article{padding: 15px;}
.category ul li .price{margin-bottom: 5px; color: #999; font-size: 12px;}
.category ul li .price .f-red{font-size: 18px; font-weight: bold;}
.category ul li .tit{font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height:44px;}
.category-padded ul li a{padding: 15px;}
.category-padded ul li .price{margin-top: 10px;}
.details .banner{height: 55vh;}
.details .banner .dot .cur{border-color: #dd2727;}
.details .banner .dot .cur:after{display: none;}
.details .weui_media_box .weui_media_title{overflow: auto; white-space: normal;}
.details .weui_media_box .weui_media_desc{font-size: 15px; line-height: 1.6; color: #333; -webkit-line-clamp: initial;}
.details .weui_btn_warn{position: relative; top: -3px; margin-left: 5px; padding: 0 5px 1px; background: #dd2727;}
.details .box2 .weui_panel_hd{padding-bottom: 0; font-size: 17px;}
.details .box3{font-size: 17px;}
.details .box3 .f15{line-height: 22px;}
.details .parameter{position: relative; display: block; margin: 0 15px 10px; padding: 8px 10px; font-size: 12px; color: #666;}
.details .parameter input{position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0);}
.details .parameter >p:before{position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: 1px solid #d9d9d9; border-radius: 5px;}
.details .parameter input:checked+p:before{border-color: #c80908;}
.details .date .weui_cell_ft{position: relative; padding: 3px 20px 3px 10px; width: 130px; border: 1px solid #d9d9d9;}
.details .date .icon{position: absolute; top: 3px; right: 5px; font-size: 18px; -webkit-text-stroke-width: .1px;}
.number{border: 1px solid #b9b9b9; border-radius: 5px;}
.weui-number{padding: 5px 0; width: 35px; line-height: 16px; text-align: center; color: #333; border-radius: 0; border: 0;}
.weui-number-sub{border-right: 1px solid #b9b9b9 !important;}
.weui-number-plus{margin-right: 0; border-left: 1px solid #b9b9b9 !important;}
.weui-number-input{padding: 5px 0; color: #333; border: 0;}
.weui-number.disabled{color: #d2d2d2;}
.details .weui_navbar{position: relative; background-color: #fff; border-top: 1px solid #ebebeb;}
.details .weui_navbar:before{position: absolute; top: 0; left: 50%; display: block; content: ""; width: 1px; height: 100%; background: #ebebeb;}
.details .weui_navbar:after{border-color: #ebebeb;}
.details .weui_navbar_item.tab-red{border-color: #dd2727; color: #dd2727;}
.details .weui_tab_bd{display: none; padding: 0;}
.fixednav .weui_cell{padding: 0; width: 100%;}
.fixednav .weui_cell_hd{padding-top: 6px; width: 20%;}
.fixednav .weui_cell_bd{height: 55px; line-height: 55px; background: #ffe8ea; color: #ca0a0a;}
.fixednav .weui_cell_ft{width: 40%; height: 55px; line-height: 55px; background: #ca0a0a; color: #fff;}
.weui-picker-overlay, .weui-picker-container{z-index: 505;}
.note{margin-top: 10px; padding: 15px; background: #fff;}
.note header{padding-bottom: 10px; font-size: 16px; color: #333;}
.note article{font-size: 14px; color: #666;}
.consulting .weui_textarea{padding: 2%; width: 96%; background: #f7f7f7; font-size: 14px;}
.consulting .details .box3{margin: 15px;}
.consulting .details .box3 .weui_cell{padding: 15px 0; border-top: 1px solid #ebebeb;}
.consulting .details .box3 .f16{line-height: 24px;}
.consulting .details .box3:first-child{margin-top: 0;}
.consulting .details .box3:first-child .weui_cell{border-top: 0;}
.border-red{border-top: 2px solid #ca0a0a;}
.service dt{padding-bottom: 10px; font-weight: bold; color: #ca0a0a;}
.service .comm-list{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb;}
.service .comm-list:last-child{border-bottom: 0;}

/* flow */
.select-addr{padding: 10px 0 20px; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: 0 92%; background-size: auto 3px;}
.select-addr .weui_cell_bd{padding-left: 20px; padding-right: 10px;}
.select-addr .weui_cell_bd h6{font-size: 15px; color: #333;}
.select-addr .weui_cell_bd p{font-size: 13px; color: #808080;}
.viewlist .weui_media_desc{color: #333; font-size: 16px; line-height: 25px;}
.total{padding: 20px 15px;}
.total .weui_cell{padding: 1px 0;}
.total .weui_cell_bd{font-size: 14px;}
.total .weui_cell_ft{font-size: 16px; width: 22%;}
.addresslist .weui_media_box.weui_media_text .weui_media_info{line-height: 18px; color: #666;} 
.addresslist .icon{margin-right: 2px;}
.addresslist .default .icon{position: relative; top: 2px;}
.addresslist .default.active{color: #ca0a0a;}
.addresslist .delete, .addresslist .modify{float: right !important; padding: 3px;}
.address .weui_cells_title{margin-top: 20px; margin-bottom: 10px;}
.address .weui_cell_hd{width: 75px;}
.weui_cells {margin-top: 10px;}
.order-view{border-bottom: 1px solid #e9e9e9;} 
.order-view .weui_cell_hd{margin-top: 5px; padding-right: 15px;}
.order-view .weui_cell_bd{font-size: 14px;}
.cart .viewlist{padding-left: 40px;}
.cart .abs{z-index: 1; left: 15px; top: 30px;}
.redcheck .weui_check:checked+.weui_icon_checked:before{color: #ca0a0a !important;}

/* member */
.member-top{color: #fff; text-align: center; min-height: 20vh; background: url(../images/my_top.jpg) no-repeat center center; background-size: cover;}
.member-top .icon{-webkit-text-stroke-width: 0;}
.member-top .name{margin-bottom: 5px; font-size: 20px;}
.member-top .name .icon{font-size: 22px;}
.member-top .stars .icon{font-size: 20px;}
.member-top ul{margin-top: 5%; margin-left: 15%;}
.member-top ul li{width: 50%; font-size: 14px; text-align: left;}
.member .weui-flex{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.member .weui-flex-item{padding-top: 12px; padding-bottom: 10px;}
.member .weui-flex .weui-badge{position: absolute; top: -2px; right: -10px; color: #cc0000; border: 1px solid #cc0000; background-color: #fff;}
.member .weui_grid{width: 50%;}
.member .weui_grid:nth-child(3n):before{border-right-width: 1px;}
.member .weui_grid:nth-of-type(2n):before{border-right: 0;}
.account .weui_cells_title{margin-bottom: 15px;}
.account .weui_cell{font-size: 14px;}
.account .weui_cell:before{right: 15px;}
.account .weui_cell_hd p.gray999{margin-top: 5px; margin-bottom: 2px;}
.weui_btn_warn{background-color: #dd2727;}
.easyPieChart{position: relative; text-align: center; margin: 40px auto 20px; width: 100px; height: 100px; line-height: 100px;}
.easyPieChart span{font-size:22px; color:#ca0a0a;}
.easyPieChart canvas{position: absolute; top: 0; left: 0;}
.entrance_com{margin:30px 0 30px 250px;}
.deposit .weui_cell{font-size: 15px;}
.deposit .weui_cell_hd{padding-right: 15px;}
.information .start .weui_cell_hd{margin-right: 10px; transform: rotate(180deg);}
.order .weui_media_box .weui_media_desc{-webkit-line-clamp: 1;}
.order .weui_media_info{margin-top: 10px; padding-bottom: 5px; font-size: 13px; color: #333;}
.order .weui_media_info_meta{float: left; padding-right: .5em;}
.order .weui_media_info_meta:last-child{float: right; padding-right: 0;}
.order .weui_media_box:before, .order .weui_cell:before{left: 0;}
.order .weui_btn{font-size: 14px;}
.order .weui_btn_default{background-color: #fff;}
.order .weui_btn_warn{margin-left: 8px !important;}

/* entrust */
.entrust .weui_cell_hd{width: 22px; margin-right: 10px;}
.entrust .weui_cell_bd{font-size: 15px;}

/* join */
.join .weui_cell_hd{margin-right: 15px; width: 45px;}
.join .weui_cell_bd{font-weight: bold; font-size: 20px; color: #333;}
.join .weui_article{margin: 0 15px; padding: 15px 0 5px; border-top: 1px solid #ebebeb; color: #333;}
.join .weui_article h3{color: #999;}
.join .weui_cell+.weui_article{border-top: 0;}
.join .weui_btn_inline{letter-spacing: 4px;}
.join .weui_btn_inline img{position: relative; top: 3px; margin-left: 15px; display: inline;}

.pd15{padding: 15px;}
.pb20{padding-bottom: 20px;}
.pb100{padding-bottom: 100px;}
.pd-tb10{padding-top: 10px; padding-bottom: 10px;}
.pd-tb15{padding-top: 15px; padding-bottom: 15px;}
.mg15{margin: 15px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
.mg-lr15{margin-left: 15px; margin-right: 15px;}
.mg-tb30{margin-top: 30px; margin-bottom: 30px;}
.mg-tb50{margin-top: 50px; margin-bottom: 50px;}
.gray000{color: #000;}
.gray333{color: #333;}
.gray666{color: #666;}
.gray999{color: #999;}
.f-red{color: #c80908 !important;}
.bg-red{background-color: #c80908 !important;}
.bg-white{background-color: #fff;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.mt{margin-top: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.mr{margin-right: 0 !important;}
.ff-ar{font-family: "Arial" !important;}
.noborder{border: 0 !important;}
.filterbox{top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.trans-3{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.trans-12{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; transition: all 1.2s;}
.noradius{-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.shadow{box-shadow: 5px 15px 30px rgba(0,0,0,.3); -webkit-box-shadow: 5px 15px 30px rgba(0,0,0,.3);}


.header h1 {color: #666;font-size: 20px;font-weight: normal;line-height: 50px;margin: 0 auto;}
.header .back {color: #666;display: block;height: 50px;left: 0;line-height: 50px;position: absolute;text-align: center;top: 0;width: 50px;}
.f-blue{color: #dd2727 !important;}
/* login and register */
.login div.weui_cell{padding-left: 0; padding-right: 0;}
.login label.weui_cell, .login .weui_vcode{background: #f9fbfc;}
.login label.weui_cell, .login .weui_vcode{margin-top: 10px; border: 1px solid #e0e0e0;}
.login label.weui_cell .weui_cell_hd, .login .weui_vcode .weui_cell_hd{margin-right: 15px; width: 22px;}
.login label.weui_cell .weui_input{font-size: 14px; height: 24px; line-height: 24px;}
.login div.weui_cell.weui_vcode{padding-left: 15px;}
.login .weui-vcode-btn{border-left: 1px solid #e5e5e5; background: #dd2727; color: #fff;}
.login .weui_vcode .weui_input{font-size: 14px;}
.weui-agree-checkbox::before{display: inline-block; content: "" !important; width: 16px; height: 16px; background: url(../images/icon/check.png) no-repeat; background-size: 100%;}
.weui-agree-checkbox:checked::before{top: 0; left: 0; background-image: url(../images/icon/check_checked.png); transform: translate(0) scale(1);}

.login #formSubmitBtn{background-color: #dd2727;}
.login .weui-loadmore{width: 100%;}
.login .weui-loadmore-tips{background: #fff;}
.login .weui-agree{padding-left: 0; padding-right: 0;}
.login .weui_icon_success:before{color: #2577e3;}
.other-way .weui-flex{margin: 0 5% 5%;}
.other-way .weui-flex-item img{width: 50px; height: 50px;}
.other-way .weui-flex-item p{margin-top: 5px; font-size: 12px; color: #666;}




.ckmore{text-align:center;padding:10px 0;font-size:12px;margin-bottom:20px;}








