@charset "utf-8";
/*本网站通用布局*/

/* Css Reset */
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,div,section
{margin: 0px;   padding: 0px; -webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:none;}
/*body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,th,td,div,section{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}*/
html{font-size: 100px;height: 100%;}

body {font-size: 12px;/*font-size: 0.24rem;*/background-color: #fff;color: #4c4c4c;=: inherit;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing: antialiased;font-family: Avenir-Book,'苹方 常规','思源黑体 常规','方正兰亭黑_GBK', Hiragino Sans GB,Arial, Helvetica, sans-serif;width: 100%;min-height: 100%;}

img{max-width:100%; border:none;}     
h1, h2, h3, h4, h5, h6 {font-size: 100%}
ul, ol, li {	list-style: none}
em, i {	font-style: normal}
i{ display:inline-block;}
iframe{display: none;}
input,textarea{-webkit-touch-callout: default;}
textarea{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}
input{outline:none;position: relative;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
input[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    z-index: 2;
    opacity: 0;
}
input[type="number"]{-moz-appearance:textfield;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#bababa;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bababa;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bababa;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#bababa;
}
input:disabled{background-color: transparent;}
input:disabled::-webkit-input-placeholder {color: #000;}
a{color:#525c6c; text-decoration:none}
li{ list-style-type:none}
.del{ text-decoration: line-through;}
.underline{ text-decoration:underline}
a {background-color: #fff;text-decoration:none;color: #3B3B3B;}
/*a:visited {color: #3B3B3B;}*/
img {max-width: 100%;height: auto;width: auto;}
q:before,q:after { content:''; }
.user-select-none{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.touch-callout{-webkit-touch-callout: default;}
/*网页主色调*/
.bgcolor-yellow {background-color: #FF0}
.bgcolor-orange{background-color: #ff5a3f}
.bgcolor-white {background-color: #FFF}
.bgcolor-red {background-color: #f7645c}
.bgcolor-pink {background-color: #FFC0CB}
.bgcolor-black {background-color: #000}
.bgcolor-blue {background-color: #5886e8}
.bgcolor-blue2 {background-color: #51bad4}
.bgcolor-gray {background-color: #bababa}
.bgcolor-gray2 {background-color: #f5f5f5}
.bgcolor-transparent{background: transparent;}
.color-yellow {color: #FF0}
.color-orange{color: #ff5a3f}
.color-white {color: #FFF}
.color-red {color: #f7645c}
.color-red2{color: #c23200}
.color-pink {color: #FFC0CB}
.color-black {color: #000}
.color-black2 {color: #4c4c4c}
.color-333{color: #333;}
.color-blue {color: #5886e8}
.color-blue2 {color: #51bad4}
.color-gray {color: #bababa}
.color-gray2 {color: #999}
.color-gray3 {color: #666}
.color-green {color: #74b63f}
.text-left {text-align: left}
.text-right {text-align: right}
.text-center {text-align: center}
.text-justify {text-align: justify}
.text-nowrap {white-space: nowrap}
.text-lowercase {text-transform: lowercase}
.text-uppercase {text-transform: uppercase}
.text-capitalize {text-transform: capitalize}
.f6{font-size:6px;font-size: 0.06rem;}
.f7{font-size:7px;font-size: 0.07rem;}
.f8{font-size:8px;font-size: 0.08rem;}
.f9{font-size:9px;font-size: 0.09rem;}
.f10{font-size:10px;font-size: 0.1rem;}
.f11{font-size:11px;font-size: 0.11rem;}
.f12{font-size:12px;font-size: 0.12rem;}
.f14{font-size:14px;font-size: 0.14rem;}
.f16{font-size:16px;font-size: 0.16rem;}
.f18{font-size:18px;font-size: 0.18rem;}
.f20{font-size:20px;font-size: 0.2rem;}
.f22{font-size:22px;font-size: 0.22rem;}
.f24{font-size:24px;font-size: 0.24rem;}
.f26{font-size:26px;font-size: 0.26rem;}
.f28{font-size:28px;font-size: 0.28rem;}
.f30{font-size:30px;font-size: 0.3rem;}
.f32{font-size:32px;font-size: 0.32rem;}
.f34{font-size:34px;font-size: 0.34rem;}
.f36{font-size:36px;font-size: 0.36rem;}
.f38{font-size:38px;font-size: 0.38rem;}
.f40{font-size:40px;font-size: 0.4rem;}
.f42{font-size:42px;font-size: 0.42rem;}
.f44{font-size:44px;font-size: 0.44rem;}
.f46{font-size:46px;font-size: 0.46rem;}
.f48{font-size:48px;font-size: 0.48rem;}
.f50{font-size:50px;font-size: 0.50rem;}
.f52{font-size:52px;font-size: 0.52rem;}
.f54{font-size:54px;font-size: 0.54rem;}
.f56{font-size:56px;font-size: 0.56rem;}
.f58{font-size:58px;font-size: 0.58rem;}
.f60{font-size:60px;font-size: 0.60rem;}
.b{font-weight: bold;}
.fl{float:left;}
.fr{float:right;}
.clear{clear: both;}
.bd-bottom{border-bottom: 1px solid #f0f0f0;}
.bd-top{border-top: 1px solid #f0f0f0;}
.bd-left{border-left: 1px solid #f0f0f0;}
.bd-right{border-right: 1px solid #f0f0f0;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis-more{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.clear{clear: both;}
.display-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center;
}
.inline-flex{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.flex-column{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.flex-justify{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.flex-around{
    -webkit-justify-content:space-around;
    justify-content:space-around;
}
.flex-start{
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    justify-content: flex-start;
}
.flex-end{
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    justify-content: flex-end;
}
.flex-align{
    -webkit-box-align:initial;
    -webkit-align-items:initial;
    align-items: initial;
}

/*移除input按钮原生样式*/
.hidden-input {opacity: 0;filter: Alpha(opacity=0);position: absolute;z-index: -1;}
label input[type=checkbox]+span {    height: 18px;width: 18px;border-radius: 3px 3px;-webkit-border-radius: 3px 3px;-moz-border-radius: 3px 3px;display: inline-block;background-color: gray;border: 1px solid gray;}
label input[type=checkbox]:checked+span {background: url(../images/checked.png) no-repeat;border: 1px solid rgb(229, 0, 89);background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;}
.appearance {appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: 0}

.triangle-down-small{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #292929;
    }
.transform0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.transform180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
/*网站基本参数*/
.color{color:#6E401F;}
.background-color{background-color:#6E401F;}

.payment li:last-child{border:0;} 
[id^="cnzz_stat_icon_"]{display: none;}
.ok{box-shadow: inset 0 0 20px #e0f5ff;}

#cover{
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: none;
}
.end {
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    color: #999;
    font-style: italic;
    background: url(/Skin/images/iocn_None.png) no-repeat 50%/129px;
    height: 320px;
}
.end-font{
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    color: #999;
    font-style: italic;
}