/**
 * 创建时间：2018-7-17
 * 前端：张中乐
 */
html,body { height: 100%;}
/*----------------------------------------------------
html5.0 css3.0 default
-----------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
audio:not([controls]) {  display: none;  height: 0;}
a {  background-color: transparent;}
a:active,a:hover {  outline: 0;}
b,strong {  font-weight: bold;}
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {  top: -.5em;}
sub {  bottom: -.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
hr {  height: 0;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  box-sizing: content-box;}
pre {  overflow: auto;}
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}
button,input,optgroup,select,textarea {  margin: 0;  font: inherit;  color: inherit;}
button {  overflow: visible;}
button,select {  text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  padding: 0;  border: 0;}
input { line-height: normal; -webkit-appearance: none;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="text"] {  -webkit-appearance: none;}
legend {  padding: 0;  border: 0;}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}
table {  border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0;}
/*a,button,input,textarea {去除IOS按钮阴影和点击阴影*/
*{
	-webkit-tap-highlight-color: transparent;
  	/*-webkit-touch-callout: none;*/
}
*{
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  user-select:none;
}
input,textarea {
  -webkit-user-select:auto; /*webkit浏览器*/
  margin: 0px;
  padding: 0px;
  outline: none;
  -webkit-appearance: none;
}

/*----------------------------------------------------
html1.0 css2.0 default
-----------------------------------------------------*/
body,ul,ol,dl,dt,dd,li,p,h1,h2,h3,h4,h5,h6,form,label,fieldset,table,td,img,div,th{
border:0;margin:0px; padding:0;}
li,dd,dl,dt {list-style-type:none;}
table {border-collapse:collapse;} 
em,i,u{font-weight:normal;font-style:normal;text-decoration:none;}

/*-----------------------------------------------------
User-defined
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-size:0.1404rem; font-weight:normal;}	
body {font-size:12px; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#333; background:#fff;}
input,select,textarea{ margin: 0; padding:0; vertical-align:middle; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#333; outline:none; resize:none;}
a { color: #333; text-decoration: none; }
a:hover,a:focus,a:active { color:#333; text-decoration: none; }


.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*禁止选中*/
.cx_unSelect { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
.cx_br { word-wrap:break-word;	word-break:break-word;}

.cx_box { display: -webkit-box; -webkit-box-orient: vertical;  height: 100vh;}
.cx_box-top { position: relative; width: 100%; height: 0.0023rem; z-index:100000;}
.cx_box-content { -webkit-box-flex: 1;  -webkit-overflow-scrolling:touch; overflow:hidden; overflow-y:auto; }
.cx_box-footer { position: relative; width: 100%;  height: 1.0764rem; z-index: 100;}
.cx_box-bottom { height: 0.0023rem;}

/*----------------------------------------------------
公共头
-----------------------------------------------------*/
.cx_header { position: relative; height: 1rem;}
.cx_header-box { position: relative; height: 1rem;background-image:-webkit-linear-gradient(#ebebeb 70%,transparent 30%),-webkit-linear-gradient(transparent 40%,#ebebeb 60% ); background-image:linear-gradient(#ebebeb 60%,transparent 40%),linear-gradient(transparent 40%,#ebebeb 60% ); background-size: 100% 1px; background-position: top,bottom; background-image:-webkit-linear-gradient(#ebebeb 60%,transparent 40%),-webkit-linear-gradient(transparent 40%,#ebebeb 60% ); background-size: 100% 1px; background-position: top,bottom; background-repeat: no-repeat;  background-color: #fff;}
.cx_header-title { position: absolute; bottom: 0; left: 14%; right: 14%; width: 72%; height: 1rem; line-height: 1rem; text-align: center; font-size: .36rem; color: #000; z-index: 10;}
.cx_header-link { position: absolute; bottom: 0; left: 0rem; right: 0rem; width: 100%; height: 1rem;  -webkit-box-sizing: border-box; box-sizing: border-box;  z-index: 50;}
.cx_header-box,
.cx_header-body { display: -webkit-box; -webkit-box-align: center;}
.cx_header-box a,
.cx_header-body a { color: #09f;}
.cx_header-flex { -webkit-box-flex: 1;}
.cx_header-right { display: block; padding-right: .3rem; display: -webkit-box; -webkit-box-align: center; height: 1rem; line-height: 1rem; font-size: .3rem; color: #09f;}
.cx_header-left { display: block; padding-left: .3rem; height: 100%; height: 1rem; line-height: 1rem; font-size: .3rem; color: #09f;}
.cx_header-arrow { display: block; width: .36rem; margin-left: .3rem; height: .9rem; background: url(../images/headerArrow.png) left center no-repeat; background-size: .35rem .35rem;}
.cx_header-arrow + a.cx_header-left { padding-left: .16rem;} 
.cx_header-fixedTop { position: fixed; top: 0; left: 0; right: 0;}
.cx_header-fixedBottom { position: fixed; bottom: 0; left: 0; right: 0;}
/*去色*/
.cx_filter{ -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.8;}
/*-----------------------------------------------------
公共 UI
-----------------------------------------------------*/

/*背景色 bg - (key word/Hex color)*/
.cx_bgwh { background-color:#fff;}
.cx_bggray { background-color:#f5f6f8;}

/*背景色 bg - (key word/Hex color)*/
.cx_fs-lg { font-size: 3rem !important;}
.cx_fs-md { font-size: 28rem !important;}
.cx_fs-sm { font-size: 26rem !important;}

.cx_colorMain { color: #09f !important;}
.cx_colorAuxi { color: #ff9124 !important;}
.cx_colorGray { color: #999 !important;}



/*多余省略号*/
.cx_owt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*遮罩层*/
.cx_opacity { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000; opacity: 0.5; z-index:99;}
.cx_opacity-info { position: fixed; left: 0; top: 50%; width: 100%; margin-top: -0.936rem; line-height: 0.8775rem; text-align: center; font-size: .32rem; color: rgba(255,255,255,0.8); z-index:101;}

/*向右箭头*/
.cx_arrow { padding-right: .3rem; background-image: url(../images/icon5.png); background-position: right center; background-repeat: no-repeat; background-size: 0.3rem;}
.cx_arrow-color { padding-right: .3rem; background-image: url(../images/icon5_color.png); background-position: right center; background-repeat: no-repeat; background-size: 0.3rem;}



/*有键盘时按钮固定底部样式,仅安卓，IOS默认为底部*/
.cx_keyborad { position: fixed;  left: 0; top: 7.488rem; width: 100%; margin-top: -1.404rem;}



/*标题*/
.cx_ht-lg { display: -webkit-box; -webkit-box-align: center; min-height: .8rem; padding: 0 0.3rem; font-size: .28rem; color: #999; background-color: #f5f6f8;}
.cx_ht-lg h1 { font-size: .28rem; color: #333;}
.cx_ht-lg h2 { -webkit-box-flex: 1; font-size: .28rem; color: #333;}
.cx_ht-md { display: -webkit-box; -webkit-box-align: center; min-height: 0.64rem; padding: 0rem 0.3rem; font-size: .28rem; color: #999; background-color: #f5f6f8;}
.cx_ht-md h1 { font-size: .28rem; color: #333;}
.cx_ht-md h2 { -webkit-box-flex: 1; font-size: .28rem; color: #333;}
.cx_ht-sm { display: -webkit-box; -webkit-box-align: center; min-height: 0.6rem; padding: 0rem 0.3rem; font-size: .26rem; color: #999; background-color: #f5f6f8;}
.cx_ht-sm h1 { font-size: .26rem; color: #333;}
.cx_ht-sm h2 { -webkit-box-flex: 1; font-size: .26rem; color: #333;}
.cx_ht-lg a,
.cx_ht-md a,
.cx_ht-sm a { display: inline-block; vertical-align: middle; color: #09f;}
.cx_ht-md .cx_gray,
.cx_ht-lg .cx_gray,
.cx_ht-sm .cx_gray { color: #999;}

/*粗横线*/
.cx_border { height: 0.16rem; margin-top: 0.351rem; background: #f5f6f8;}
.cx_split { height: 0.16rem; background: #f5f6f8;}
.cx_split-max { height: 0.2rem; background: #f5f6f8;}


/*按钮式tab切换*/
.cx_tab { display: -webkit-box; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-pack: center; height: 0.936rem;}
.cx_tabBox { display: -webkit-box; -webkit-box-align: center; width: 80%; height: 0.585rem; border: 1px #09f solid; border-radius: 0.09rem;}
.cx_tabBox li { -webkit-box-flex: 1; height: 0.585rem; border-right: 1px #09f solid; line-height: 0.585rem; text-align: center; font-size: .32rem; color: #09f;}
.cx_tabBox li:first-child { border-radius: .09rem 0 0 .09rem;}
.cx_tabBox li:last-child { border-right: none; border-radius: 0 .09rem .09rem 0;}
.cx_tabBox li.cx_tabBox-cur { background: #09f; color: #fff;}

/*标题式tab切换*/
.cx_tabList { display: -webkit-box; -webkit-box-align: center; height: 0.936rem; }
.cx_tabList li { -webkit-box-flex: 1; height: 0.936rem; border-bottom: 1px #ebebeb solid; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0.936rem; text-align: center; font-size: .32rem; color: #333;}
.cx_tabList li:last-child { border-right: none;}
.cx_tabList li.cx_tabList-cur { border-bottom: 1px #09f solid; color: #09f;}


/*-----------------------------------------------------
loading
-----------------------------------------------------*/
.zloadingMore { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; text-align: center; margin-top: 0.468rem;}
.zloadingMore .load_btn { color: #999; font-size: 0.234rem;}
.zloadingMore .load_btn a { line-height: 0.468rem; color: #999;}
.zloadingMore .load_text { margin-left: 0.5em;}
.zloadingMore .loading { margin: 0.2em; font-size: 10px; border-top: 0.2em solid rgba(0, 0, 0, 0.3); border-right: 0.2em solid rgba(0, 0, 0, 0.3); border-bottom: 0.2em solid rgba(0, 0, 0, 0.3); border-left: 0.2em solid #000; -webkit-animation: ccircle 1.1s infinite linear; animation: ccircle 1.1s infinite linear; }
.zloadingMore .loading,
.zloadingMore .loading:after { border-radius: 50%; width: 1.5em; height: 1.5em; }
@-webkit-keyframes ccircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ccircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*----------------------------------------------------
内容为空
-----------------------------------------------------*/
/*.cx_nothing { padding: 1.872rem 0; }
.cx_nothing-icon { width: 1.1232rem; min-height: 1.4625rem; margin: 0 auto; background: center no-repeat; background-size: 0.819rem;}
.cx_nothing-txt { padding-top: 0.234rem; line-height: 0.468rem; font-weight: normal; text-align: center; font-size: 0.28rem; color: #ccc;}
.cx_nothing-txt:before { display: block; height: 2.2rem; background: url(../images/nothing.png) center no-repeat; background-size: 2.31rem 2.2rem; content: '';}
.cx_nothing-txt a { color: #09f;}
.cx_nothing-bottom { position: fixed; bottom: 0.936rem; width: 100%;}

.cx_over { padding-top: 1.05rem; padding-bottom: 1.05rem;}
.cx_over-txt { display: -webkit-box; -webkit-box-align: center; height: .7rem; line-height: 0.4rem; font-weight: normal; -webkit-box-pack: center; font-size: 0.32rem; background-color: #f5f6f8; color: #b3b3b3;}
.cx_over .cx_over-txt { background-color: #fff; color: #ccc;} */

/*----------------------------------------------------
内容为空（推荐使用）
-----------------------------------------------------*/
.cx_empty { padding: 1.872rem 0; }
.cx_empty-txt { padding-top: 0.234rem; line-height: 0.468rem; font-weight: normal; text-align: center; font-size: 0.28rem; color: #ccc;}
.cx_empty-icon { padding-top: 0.234rem; line-height: 0.468rem; font-weight: normal; text-align: center; font-size: 0.28rem; color: #ccc;}
.cx_empty-icon:before { display: block; height: 2.2rem; background-position: center center; background-repeat: no-repeat; background-size: 2.32rem 2.22rem; content: '';}
.cx_empty-nothing:before { background-image: url(../images/empty_nothing.png);}
.cx_empty-add:before { background-image: url(../images/empty_add.png);}
.cx_empty-hehe:before { background-image: url(../images/empty_hehe.png);}
.cx_empty-fail:before { background-image: url(../images/empty_fail.png);}
.cx_empty-rightAdd:before { background-image: url(../images/empty_rightAdd.png);}
.cx_empty-search:before { background-image: url(../images/empty_search.png);}
.cx_empty-sorry:before { background-image: url(../images/empty_sorry.png);}
.cx_empty-write:before { background-image: url(../images/empty_write.png);}
.cx_empty-icon a,
.cx_empty-txt a { color: #09f;}
.cx_empty-bottom { position: fixed; bottom: 0.936rem; width: 100%;}

/*-----------------------------------------------------
按钮
-----------------------------------------------------*/
.cx_btn { text-align: center;}
.cx_btn-top { padding: 0.4rem 0; text-align: center;}
.cx_btn-bottom { padding: 0.35rem 0; text-align: center;}
.cx_btn-middle { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.cx_btn-double { display: -webkit-box; -webkit-box-pack: center;}
.cx_btn-go ,.cx_btn-end,.cx_btn-hollow { padding: 0 0.3rem; text-align: center;}
.cx_btn-go a,.cx_btn-end a,.cx_btn-end span,.cx_btn-hollow a { display:block; height: 0.79rem; padding-top: 0.01rem; border:1px #09f solid; border-radius: 0.06rem; background: #09f; line-height: 0.79rem; text-align: center; color: #fff; font-size: 0.32rem;}
.cx_btn-end a,.cx_btn-end span { border:1px #c4c4c4 solid; background: #c4c4c4; color: #fff;}
.cx_btn-hollow a { border:1px #09f solid; background: transparent; color: #09f;}
.cx_btn-go a:hover,.cx_btn-go a:focus,.cx_btn-go a:active { text-decoration: none; color: #fff;}
.cx_btn-end a:hover,.cx_btn-end a:focus,.cx_btn-end a:active { text-decoration: none; color:#a4a4a4;}
.cx_btn-double .cx_btn-go ,.cx_btn-double .cx_btn-end ,.cx_btn-double .cx_btn-end ,.cx_btn-double .cx_btn-hollow { width: 40%;}
.cx_btn-double .cx_btn-go a,.cx_btn-double .cx_btn-end a,.cx_btn-double .cx_btn-end span,.cx_btn-double .cx_btn_hollow a { width: 80%;}


/*-----------------------------------------------------
switch
-----------------------------------------------------*/
.cx_switch-set { display: -webkit-box; -webkit-box-pack: justify; height: .86rem; padding: 0 0.3rem; background-image: -webkit-linear-gradient(transparent 34%, #ebebeb 66%); background-repeat: no-repeat; background-position: bottom; background-size: 100% 1px; background-color: #fff;}
.cx_switch-set dt { line-height: .78rem; font-size: .32rem; color: #333;}
.cx_switch-set dd {}

.cx_switch { width: .84rem; height: .48rem; position: relative; margin-top: .14rem; border: 1px solid #dfdfdf; background-color: #fdfdfd; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 0.23rem; border-top-left-radius: .23rem; border-top-right-radius: .23rem; border-bottom-left-radius: .23rem; border-bottom-right-radius: .23rem; background-clip: content-box; display: inline-block; -webkit-appearance: none; user-select: none; outline: none; }
.cx_switch:before { content: ''; width: .44rem; height: .44rem; position: absolute; top: 50%; left: .02rem; margin-top: -.22rem; border-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: #fff; box-shadow: 0 .01rem .03rem rgba(0, 0, 0, 0.4); }
.cx_switch:checked { border-color: #09f; box-shadow: #09f 0 0 0 .16rem inset; background-color: #09f; }
.cx_switch:checked:before { left: 0.35rem; }
.cx_switch.cx_switch-animbg { transition: background-color ease 0.4s; }
.cx_switch.cx_switch-animbg:before { transition: left 0.3s; }
.cx_switch.cx_switch-animbg:checked { box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #09f; transition: border-color 0.4s, background-color ease 0.4s; }
.cx_switch.cx_switch-animbg:checked:before { transition: left 0.3s; }


/*-----------------------------------------------------
search
-----------------------------------------------------*/
.cx_search { padding: .22rem .3rem;}
.cx_search-box { display: -webkit-box; -webkit-box-align: center; position: relative; height: .56rem; border-radius: .56rem; background-color: #f9f9f9;}
.cx_search-box a { display: none; position: absolute; left: 0; top: 0; height: .56rem; width: .76rem;}
.cx_search-box input[type='text'] { display: block; -webkit-box-flex: 1; height: .56rem; line-height: .56rem;  padding-left: 0; border: none; border-radius: .56rem; background:url(../images/magnifier@2x.png) center no-repeat; background-size: 1.12rem .33rem; text-align: center; color: #b3b3b3; font-size: .28rem;}
.cx_search-box input[type='text']::-webkit-input-placeholder { padding-left: .5rem; line-height: .56rem; }
.cx_search-focus a { display: block; }
.cx_search-focus input[type='text'] { padding-left: .76rem; background-position: .26rem center; text-align: left; color: #333;}
.cx_search-focus input[type='text']::-webkit-input-placeholder { padding-left: .0rem; line-height: .56rem; }
.cx_search-clear { display: none; width: .6rem; height: .56rem; background: url(../../images/delete_06.png) center center no-repeat; background-size: .22rem .22rem;}

/*-----------------------------------------------------
消息弹窗
-----------------------------------------------------*/
.cx_alert { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; display:none; z-index:10000;}
.cx_alert-box { position: fixed; left: 50%; top: 50%; width: 66%; height: auto; margin-left: -33%; display:none; z-index:10001;}

.cx_alert-content { padding: 0.351rem 0.3276rem;  border-radius: 0.234rem 0.234rem 0 0;  background: #fff; text-align: center; color: #333; font-size: 0.2574rem;}
.cx_alert-txt { padding-top: 0.117rem; line-height: 0.468rem;}
.cx_alert-btn { border-top: 1px #ccc solid; border-radius: 0 0 0.234rem 0.234rem ; overflow: hidden; }
.cx_alert-btn ul { display: -webkit-box; display: box; }
.cx_alert-blue,
.cx_alert-black { -webkit-box-flex: 1; box-flex: 1; height: 0.936rem; background: #fff; line-height: 0.936rem; text-align: center; font-size: 0.2808rem; color: #09f;}
.cx_alert-black { color: #333;}
.cx_alert-blue:not(:last-child),
.cx_alert-black:not(:last-child) { border-right: 1px #ccc solid;}


/*-----------------------------------------------------
黑框提醒弹层
-----------------------------------------------------*/
.cx_alert-bg { position: fixed; bottom: 56%; width: 100%; text-align: center;  opacity: 0;}
.cx_alert-bg span { display: inline-block; min-width:1.17rem; padding: 0.234rem 0.468rem; background: #333; border-radius: 0.1872rem; line-height: 0.351rem; font-size: 0.2808rem; color: #fff;}

/*--黑框动画--*/
.cx_start { 
	-webkit-animation:0.2s cx_start forwards;
	animation:0.2s cx_start forwards;
}
@-webkit-keyframes zstart{
	from{ 
		opacity: 0;
		-webkit-transform:translate(0px,-20px);
		transform:translate(0px,-20px);
		}
	to{
		opacity: 1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
		}
}
.cx_end {
	
	-webkit-animation:0.2s cx_end forwards;
	animation:0.2s cx_end forwards;
}

@-webkit-keyframes zend{
	from{ 
		opacity: 1;
		-webkit-transform:translate(0px,0px);
		transform:translate(0px,0px);
		}
	to{
		opacity: 0;
		-webkit-transform:translate(0px,20px);
		transform:translate(0px,20px);
		}
}

/*缓缓向上淡入    仅vue 起作用*/
.fade-enter-active, .fade-leave-active {
	transition: all .1s ease;
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.fade-enter, .fade-leave-to {
	transition: all .1s ease;
	-webkit-transform: translate(0, 12px);
	opacity: .5;
}

/*缓缓向上淡入    仅vue 起作用*/
.openPage-enter-active, .openPage-leave-active {
	transition: all .1s ease;
	-webkit-transform: translate(0, 0);
	opacity: 1;
}
.openPage-enter, .openPage-leave-to {
	transition: all .1s ease;
	-webkit-transform: translate(100%, 0);
	opacity: .5;
}