/**!
 * CSS Reset 全局样式
 * @author:ciaoca(小叉) <ciaoca@gmail.com>
 * @website:http://ciaoca.com
 *
 * z-index 规范:
 * 0-9      模块内部
 * 10-99    全局置顶
 * 100-999  全局浮层
 * ------------------------------ */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,textarea,select,button,hr,blockquote,pre,iframe{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:100%;line-height:1.2;}
ul,ol,dl{list-style-type:none;}
fieldset,img,iframe{border:none;}
table{border-collapse:collapse;table-layout:fixed;empty-cells:show;}
caption,th{font-weight:normal;text-align:left;}
address,caption,cite,code,dfn,th{font-style:normal;font-weight:normal;}
pre,code{font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';}
input,select,textarea,button{font-family:inherit;font-size:100%;vertical-align:baseline;outline:none;}
textarea{vertical-align:top;}
img{vertical-align:middle;}
em,i{font-style:normal;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
q:before,q:after{content:'';}
hr{height:1px;margin:1em 0;background-color:#ccc;border:none;}
html{overflow-y:scroll;font-size:12px; 
-webkit-text-size-adjust:100%;
}
body{color:#333;font:14px/1.6 arial,'\5fae\8f6f\96c5\9ed1',sans-serif;
/*-webkit-user-select:none;*/
/*user-select:none;*/
}

body.gray{background-color:#f4f5f9;}

/*html.lock,*/
/*html.lock body,*/
body.lock{overflow:hidden;/*position:fixed;width:100%;height:100%;*/}
html.blur .wrap,
body.blur .wrap{
-webkit-filter:blur(5px);
filter:blur(5px);
}



/**
 * 默认布局
 * ------------------------------ */
.wrap{position:relative;overflow:hidden;width:1200px;margin:0 auto;}
.wrap:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}
.wrap.gray{background-color:#eef0f1;}

/* 边距 */
.mbox{margin-left:10px;margin-right:10px;}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}
.mt2{margin-top:20px;}
.mb2{margin-bottom:20px;}

/* 浮动 */
.left{float:left;}
.right{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}

/* 文字隐藏、溢出 */
.hidetext{overflow:hidden;text-indent:100%;white-space:nowrap;}
.ellitext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 无圆角、无边框 */
.notborder{border-color:transparent !important;}
.notradius{border-radius:0 !important;}

/* 仅在 PC 显示 */
.onlyforpc{display:none;}

/* fix 动画 z-index 优先级 */
@-webkit-keyframes AnimePlaceholder{
0%,
100%{zoom:1;}
}
@keyframes AnimePlaceholder{
0%,
100%{zoom:1;}
}


/**
 * 链接
 * ------------------------------ */
a,a:hover{color:#333;text-decoration:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
/*-webkit-touch-callout:none;*/
}
.link,.link:hover{text-decoration:none;}

.link.button,.link.button:hover{color:#333;}
.link.primary,.link.primary:hover{color:#4a89dc;}
.link.success,.link.success:hover{color:#8cc152;}
.link.info,.link.info:hover{color:#aaa;}
.link.warn,.link.warn:hover{color:#ff8639;}
.link.danger,.link.danger:hover{color:#e82337;}

.link.blue,.link.blue:hover{color:#4a89dc;}
.link.green,.link.green:hover{color:#8cc152;}
.link.red,.link.red:hover{color:#da4453;}
.link.orange,.link.orange:hover{color:#e9573f;}
.link.yellow,.link.yellow:hover{color:#f6bb42;}
.link.purple,.link.purple:hover{color:#967adc;}
.link.pink,.link.pink:hover{color:#d770ad;}
.link.gray,.link.gray:hover{color:#aaa;}
.link.lightgray,.link.lightgray:hover{color:#ccc;}
.link.mediumgray,.link.mediumgray:hover{color:#888;}
.link.darkgray,.link.darkgray:hover{color:#555;}
.link.white,.link.white:hover{color:#fff;}

a.und,a.und:hover{text-decoration:underline;}
a.notund,a.notund:hover{text-decoration:none;}


/**
 * 分页
 * ------------------------------ */
.pages{clear:both;margin:10px 0;color:#888;font-size:0;line-height:42px;text-align:center;}
.pages a,
.pages span,
.pages strong{box-sizing:border-box;display:inline-block;min-width:44px;margin:0 10px 0 0;padding:0 1em;border:1px solid transparent;border-radius:3px;font-size:16px;text-align:center;vertical-align:top;}
.pages a{border:1px solid #ccc;background-color:#fff;color:#888;text-decoration:none;}
.pages strong{border-color:#a00;background-color:#a00;color:#fff;}
.pages span{padding:0;}

.pages.small{line-height:34px;}
.pages.small a,
.pages.small span,
.pages.small strong{min-width:36px;}

.pages.full{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}
.pages.full a,
.pages.full span,
.pages.full strong{display:block;margin:0 0 0 10px;padding:0;
-webkit-box-flex:1;
box-flex:1;
-webkit-flex:1 1 50%;
flex:1 1 50%;
}
.pages.full a:first-child,
.pages.full span:first-child,
.pages.full strong:first-child{margin-left:0;}

.pages.group a,
.pages.group span,
.pages.group strong{margin:0;border-right-width:0;border-radius:0;}
.pages.group span{border-color:#ccc;padding-left:10px;padding-right:10px;background-color:#fff;color:#aaa;}

.pages.group a:first-child,
.pages.group span:first-child,
.pages.group strong:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}

.pages.group a:last-child,
.pages.group span:last-child,
.pages.group strong:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}

.pages.group a:last-of-type,
.pages.group strong:last-of-type{border-right-width:1px;}
.pages.group a:hover + a,
.pages.group a:hover + span,
.pages.group strong + a{border-left-color:#4a89dc;}

.pages .pagination li{display:inline-block;vertical-align:top;}


/**
 * 表单
 * ------------------------------ */
.form{position:relative;font-size:14px;}

.form .row{position:relative;background-color:#fff;line-height:20px;zoom:1;}
.form .row:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}
.form .row + .row{padding-top:1px;}
.form .row + .row:before{content:'';position:absolute;top:0;left:8px;right:0;height:1px;background-color:#ddd;}
.form .row > dt{float:left;width:5em;min-height:20px;padding:12px 10px;line-height:20px;}
.form .row > dt > label{display:block;}
.form .row > dd{overflow:hidden;position:relative;}

.form .row_group{position:relative;background-color:#fff;}
.form .row_group + .row_group{margin-top:10px;}

.form .note{padding:10px;line-height:20px;}
.form .note + .note{margin-top:0;}
.form .row + .note{padding-top:10px;}

.form .row.note > dd{padding:12px 10px;}

.form .col.note{padding-left:0;padding-right:0;}
.form dl.row.note,
.form dl.col.note{padding:0;}


/**
 * 表单控件
 * ------------------------------ */
.input{box-sizing:border-box;padding:10px;border:none;border-radius:3px;background-color:#fff;font-size:14px;line-height:20px;outline:none;vertical-align:top;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.input::-webkit-input-placeholder{color:#ccc;}
.input::-webkit-inner-spin-button{-webkit-appearance:none;}

.input[size='4'],.input[cols='4']{width:40px;}
.input[size='5'],.input[cols='5']{width:50px;}
.input[size='6'],.input[cols='6']{width:60px;}
.input[size='7'],.input[cols='7']{width:70px;}
.input[size='8'],.input[cols='8']{width:80px;}
.input[size='9'],.input[cols='9']{width:90px;}
.input[size='10'],.input[cols='10']{width:100px;}
.input[size='11'],.input[cols='11']{width:110px;}
.input[size='12'],.input[cols='12']{width:120px;}
.input[size='13'],.input[cols='13']{width:130px;}
.input[size='14'],.input[cols='14']{width:140px;}
.input[size='15'],.input[cols='15']{width:150px;}
.input[size='16'],.input[cols='16']{width:160px;}
.input[size='17'],.input[cols='17']{width:170px;}
.input[size='18'],.input[cols='18']{width:180px;}
.input[size='19'],.input[cols='19']{width:190px;}
.input[size='20'],.input[cols='20']{width:200px;}
.input[size='21'],.input[cols='21']{width:210px;}
.input[size='22'],.input[cols='22']{width:220px;}
.input[size='23'],.input[cols='23']{width:230px;}
.input[size='24'],.input[cols='24']{width:240px;}
.input[size='25'],.input[cols='25']{width:250px;}
.input[size='26'],.input[cols='26']{width:260px;}
.input[size='27'],.input[cols='27']{width:270px;}
.input[size='28'],.input[cols='28']{width:280px;}
.input[size='29'],.input[cols='29']{width:290px;}
.input[size='30'],.input[cols='30']{width:300px;}
.input[size='31'],.input[cols='31']{width:310px;}
.input[size='32'],.input[cols='32']{width:320px;}
.input[size='33'],.input[cols='33']{width:330px;}
.input[size='34'],.input[cols='34']{width:340px;}
.input[size='35'],.input[cols='35']{width:350px;}
.input[size='36'],.input[cols='36']{width:360px;}
.input[size='37'],.input[cols='37']{width:370px;}
.input[size='38'],.input[cols='38']{width:380px;}
.input[size='39'],.input[cols='39']{width:390px;}
.input[size='40'],.input[cols='40']{width:400px;}
.input[size='41'],.input[cols='41']{width:410px;}
.input[size='42'],.input[cols='42']{width:420px;}
.input[size='43'],.input[cols='43']{width:430px;}
.input[size='44'],.input[cols='44']{width:440px;}
.input[size='45'],.input[cols='45']{width:450px;}
.input[size='46'],.input[cols='46']{width:460px;}
.input[size='47'],.input[cols='47']{width:470px;}
.input[size='48'],.input[cols='48']{width:480px;}
.input[size='49'],.input[cols='49']{width:490px;}
.input[size='50'],.input[cols='50']{width:500px;}
.input[size='60'],.input[cols='60']{width:600px;}
.input[size='70'],.input[cols='70']{width:700px;}
.input[size='80'],.input[cols='80']{width:800px;}

.input.small{font-size:12px;}
.input.full{display:block;width:100%;}
.input.border{border:1px solid #ccc;}
.input.radius{border-radius:99px;}

input.input{height:44px;line-height:24px;}
input.input.border{line-height:22px;}
input.input.small{height:36px;padding-top:6px;padding-bottom:6px;}
textarea.input{resize:none;}

/* 跟随单位 */
.input_unit{display:inline-block;padding:10px 0;line-height:24px;vertical-align:top;}
.input.small + .input_unit{line-height:16px}


/* 群组 */
.input_box,
.input_group{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}

.input_box .input,
.input_box .radio + label,
.input_box .checkbox + label,
.input_box .checkswitch + label,
.input_box .select,
.input_box .button,
.input_group .input,
.input_group .radio + label,
.input_group .checkbox + label,
.input_group .checkswitch + label,
.input_group .select,
.input_group .button{display:block;
-webkit-box-flex:1;
box-flex:1;
-webkit-flex:1 1 50%;
flex:1 1 50%;
}

.input_box + .input_box,
.input_box + .input_group,
.input_group + .input_group,
.input_group + .input_box{margin-top:10px;}


/**
 * 选框
 * ------------------------------ */
.radio,
.checkbox,
.checkswitch{display:none;}
.radio + label,
.checkbox + label,
.checkswitch + label{box-sizing:border-box;position:relative;display:block;height:44px;font-size:14px;line-height:44px;cursor:pointer;}

label + .radio + label,
label + .checkbox + label,
label + .checkswitch + label{border-top:1px solid #ddd;}

/* 单选框 */
.radio + label,
.checkbox + label{padding-left:40px;}
.radio + label:before{content:'';position:absolute;top:50%;left:10px;width:18px;height:18px;margin-top:-10px;border:1px solid currentColor;border-radius:50%;background:#fff;color:#ddd;
transition:color 0.2s;
}
.radio + label:after{content:'';position:absolute;top:50%;left:16px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background-color:currentColor;color:transparent;
transition:color 0.2s;
}

.radio:checked + label:before,
.radio:checked + label:after{color:#007aff;}
.radio:checked:disabled + label:before,
.radio:checked:disabled + label:after{color:#aaa;}

.radio.onright + label{padding-left:0;padding-right:40px;padding-left:0.5em;}
.radio.onright + label:before{left:auto;right:10px;}
.radio.onright + label:after{left:auto;right:16px;}

/* 复选框 */
.checkbox + label:after{content:'';position:absolute;top:50%;left:16px;width:4px;height:10px;margin-top:-8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;color:#ddd;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
transition:color 0.2s;
}

.checkbox:checked + label:after{color:#007aff;}
.checkbox:checked:disabled + label:after{color:#aaa;}

.checkbox.onright + label{padding-left:0;padding-right:30px;padding-left:0.5em;}
.checkbox.onright + label:after{left:auto;right:10px;}

/* 开关 */
.checkswitch + label{padding-left:70px;}
.checkswitch + label:before{content:'';position:absolute;top:50%;left:10px;width:44px;height:24px;margin-top:-13px;border:1px solid #eee;border-radius:13px;background-color:currentColor;color:#fff;
transition-property:border-color,color;
transition-duration:0.2s;
;}
.checkswitch + label:after{content:'';position:absolute;top:50%;left:11px;width:24px;height:24px;margin-top:-12px;border-radius:50%;background-color:#fff;box-shadow:0 0 1px rgba(0,0,0,0.5);
transition:left 0.2s;
}

.checkswitch:checked + label:before{border-color:#4bd763;color:#4bd763;}
.checkswitch:checked + label:after{left:31px;}
.checkswitch:checked:disabled + label:before{border-color:#ccc;color:#ddd;}

.checkswitch.onright + label{padding-left:0;padding-right:70px;padding-left:0.5em;}
.checkswitch.onright + label:before{left:auto;right:10px;}
.checkswitch.onright + label:after{left:auto;right:31px;
transition:right 0.2s;
}
.checkswitch.onright:checked + label:after{right:11px;}

.radio.small + label,
.checkbox.small + label,
.checkswitch.small + label{height:36px;line-height:36px;}

/* 群组 */
.input_box .radio + label,
.input_box .checkbox + label,
.input_box .checkswitch + label,
.input_group .radio + label,
.input_group .checkbox + label,
.input_group .checkswitch + label{border-top:none;}
.input_box .radio + label ~ label,
.input_box .checkbox + label ~ label,
.input_box .checkswitch + label ~ label{margin:0 0 0 10px;}


/**
 * 下拉框
 * ------------------------------ */
.select{box-sizing:border-box;display:inline-block;position:relative;height:44px;padding:0 20px 0 10px;border:none;border-radius:3px;background-color:#fff;background-repeat:no-repeat;background-position:right 10px center;background-origin:border-box;font-size:14px;outline:none;vertical-align:top;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZENEEzNDgyM0NDMTFFNkJGNzlERURDQzlGQUE2NUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZENEEzNDkyM0NDMTFFNkJGNzlERURDQzlGQUE2NUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkQ0QTM0NjIzQ0MxMUU2QkY3OURFRENDOUZBQTY1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkQ0QTM0NzIzQ0MxMUU2QkY3OURFRENDOUZBQTY1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlP2IVAAAAAwSURBVHjaYuno6PjPQAAwlZeXM+JTAJJngjFwKQCbhC6Alf///38UDHIjuhhAgAEA4DslhcbS5kEAAAAASUVORK5CYII=);
-webkit-appearance:none;
}
.select.small{height:32px;}
.select.full{display:block;width:100%;}
.select.border{border:1px solid #ccc;}

.select + .select{margin-left:10px;}
.select.full + .select.full{margin-top:10px;margin-left:0;}

.input_group .select{border-radius:0;}

.input_box .select + .select,
.input_box .select.full + .select.full{margin:0 0 0 10px;}

.input_group .select + .select,
.input_group .select.full + .select.full{margin:0;}
.input_group .select:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.input_group .select:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.input_group .select.border + .select.border{border-left-width:0;}


/**
 * 按钮
 * ------------------------------ */
.button{box-sizing:border-box;display:inline-block;position:relative;min-width:44px;height:44px;padding:0 1.5em;border:none;border-radius:3px;background-color:#555;color:#fff;font-size:16px;line-height:44px;text-align:center;text-decoration:none;vertical-align:top;cursor:pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.button:hover{color:#fff;}
.button:empty{padding:0;}

.button.mini{height:24px;padding:0 1em;font-size:12px;line-height:24px;}
.button.small{height:36px;font-size:14px;line-height:36px;}
.button.full{display:block;width:100%;padding:0;}

.button.primary{background-color:#4a89dc;}
.button.success{background-color:#8cc152;}
.button.info{background-color:#aaa;}
.button.warn{background-color:#ff8639;}
.button.danger{background-color:#e82337;}

.button.blue{background-color:#4a89dc;}
.button.green{background-color:#8cc152;}
.button.red{background-color:#e82337;}
.button.orange{background-color:#ff8639;}
.button.yellow{background-color:#f6bb42;}
.button.purple{background-color:#967adc;}
.button.pink{background-color:#d770ad;}
.button.gray{background-color:#aaa;}
.button.lightgray{background-color:#ccc;}
.button.mediumgray{background-color:#888;}
.button.darkgray{background-color:#555;}
.button.white{background-color:#fff;color:#555;}

.button.link{background-color:transparent;}

.button.border{border:1px solid currentColor;background:none;box-shadow:none;color:#555;line-height:42px;
-webkit-transform:none;
transform:none;
}
.button.border.mini{line-height:22px;}
.button.border.small{line-height:30px;}

.button.border.primary{color:#4a89dc;}
.button.border.success{color:#8cc152;}
.button.border.info{color:#aaa;}
.button.border.warn{color:#ff8639;}
.button.border.danger{color:#e82337;}

.button.border.blue{color:#4a89dc;}
.button.border.green{color:#8cc152;}
.button.border.red{color:#da4453;}
.button.border.orange{color:#e9573f;}
.button.border.yellow{color:#f6bb42;}
.button.border.purple{color:#967adc;}
.button.border.pink{color:#d770ad;}
.button.border.gray{color:#aaa;}
.button.border.lightgray{color:#ccc;}
.button.border.mediumgray{color:#888;}
.button.border.darkgray{color:#555;}
.button.border.white{color:#fff;}

.button.radius{border-radius:99px;}

.button.shadow{box-shadow:0 3px 0 rgba(0,0,0,0.2);}
.button.shadow.small{box-shadow:0 2px 0 rgba(0,0,0,0.2);}

.button + .button{margin-left:10px;}
.button.full + .button.full{margin-top:10px;margin-left:0;}

.input_box .button,
.input_group .button{padding:0;}
.input_group .button{border-radius:0;}

.input_box .button + .button,
.input_box .button.full + .button.full{margin:0 0 0 10px;}

.input_group .button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.input_group .button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.input_group .button:only-child{border-right:3px;}
.input_group .button.radius:first-child{border-top-left-radius:99px;border-bottom-left-radius:99px;}
.input_group .button.radius:last-child{border-top-right-radius:99px;border-bottom-right-radius:99px;}
.input_group .button.radius:only-child{border-right:99px;}

.input_group .button + .button,
.input_group .button.full + .button.full{margin:0;}
.input_group .button + .button:after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(0,0,0,0.2);}
.input_group .button.border + .button.border{border-left-width:0;}
.input_group .button.border + .button.border:after{display:none;}
/*.input_group .button.border{border-left-width:0;border-right-width:0;}*/
/*.input_group .button.border:first-child{border-left-width:1px;}*/
/*.input_group .button.border:last-child{border-right-width:1px;}*/


/**
 * 状态
 * ------------------------------ */
.input[readonly]{color:#888;}

.input[disabled],
.select[disabled],
.button[disabled],
.radio[disabled] + label,
.checkbox[disabled] + label,
.input:disabled,
.select:disabled,
.button:disabled,
.radio:disabled + label,
.checkbox:disabled + label,
.checkswitch:disabled + label{cursor:no-drop;}

.input[disabled],
.select[disabled],
.radio[disabled] + label,
.checkbox[disabled] + label,
.input:disabled,
.select:disabled,
.radio:disabled + label,
.checkbox:disabled + label,
.checkswitch:disabled + label{color:#aaa;}


/**
 * 详情
 * ------------------------------ */
.detail{font-size:16px;}
.detail h1,
.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6{margin:0.5em 0;}
.detail h1{font-size:30px;}
.detail h2{font-size:24px;}
.detail h3{font-size:20px;}
.detail h4{font-size:18px;}
.detail h5{font-size:16px;}
.detail h6{font-size:14px;}
.detail img{max-width:100%;}
.detail img[width],
.detail img[height]{max-width:none;}
.detail p{margin:0.5em 0;}
.detail em,
.detail strong{font-weight:bold;}
.detail a:hover{text-decoration:underline;}
.detail li{position:relative;margin:0.5em 0;line-height:1.6;}
.detail li{padding-left:1em;}
.detail ol{counter-reset:item;}
.detail ul li:before{content:'';position:absolute;top:0.8em;left:2px;width:5px;height:5px;margin-top:-3px;border-radius:50%;background-color:#ccc;}
.detail ol li:before{counter-increment:item;content:counter(item)".";position:absolute;top:0;left:0;background:none;top:0;left:0;color:#888;}
.detail table{border-collapse:collapse;background-color:#fff;line-height:1.7;}
.detail table caption{font-weight:bold;font-size:14px;}
.detail table th,
.detail table td{padding:3px 5px;border:1px solid #ccc;}
.detail table th{background-color:#eee;}
.detail thead th{border-top-width:2px;}
.detail blockquote{position:relative;margin-top:10px;margin-bottom:10px;padding:0.5em 1em;border:1px solid #ddd;border-radius:3px;background-color:#f6f6f6;color:#555;}
.detail code{margin:0 0.5em;padding:0 5px;border:1px solid #ddd;border-radius:3px;background:#f8f8f8;font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';}
.detail pre{position:relative;overflow:auto;margin:10px 0;padding:0.5em 1em;border:1px solid #ddd;border-radius:3px;background-color:#f7f7f7;color:#555;font-family:Consolas,'Lucida Console',Monaco,Courier,'Courier New';word-wrap:break-word;}
.detail pre code{display:block;position:relative;margin:0;padding:1.5em 0 0 0;border:none;background:none;}
.detail pre code:before{content:'Code Examples';position:absolute;top:0;left:0;color:#bbb;font:bold 12px/1 Arial;text-shadow:1px 1px 0 #fff;}
.detail pre code.html:before{content:'HTML Code';}
.detail pre code.css:before{content:'CSS Code';}
.detail pre code.js:before{content:'JavaScript Code';}
.detail pre code.php:before{content:'PHP Code';}
.detail pre code ol{list-style:decimal inside;}

.detail .blue{color:#4a89dc;}
.detail .green{color:#8cc152;}
.detail .red{color:#da4453;}
.detail .orange{color:#e9573f;}
.detail .yellow{color:#f6bb42;}
.detail .purple{color:#967adc;}
.detail .pink{color:#d770ad;}
.detail .gray{color:#aaa;}
.detail .lightgray{color:#ccc;}
.detail .mediumgray{color:#888;}
.detail .darkgray{color:#555;}
.detail .white{color:#fff;}

.detail .in_scroll{overflow:auto;
-webkit-overflow-scrolling:touch;
}

/* 头像 */
.face{border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;}


/**
 * loading 动画
 * ------------------------------ */
.loading{position:relative;width:12px;height:40px;margin:0 auto;}
.loading:before,
.loading:after{content:'';position:absolute;top:14px;width:12px;height:12px;border-radius:50%;}
.loading:before{left:-100%;background-color:#f55;
-webkit-animation:AnimeLoadingA 2s infinite ease-out;
animation:AnimeLoadingA 2s infinite ease-out;
}
.loading:after{right:-100%;background-color:#09f;
-webkit-animation:AnimeLoadingB 2s infinite ease-out;
animation:AnimeLoadingB 2s infinite ease-out;
}

@-webkit-keyframes AnimeLoadingA{
0%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2;}
50%{-webkit-transform:translate(200%,0);transform:translate(200%,0);z-index:2;}
51%{z-index:1;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1;}
}
@keyframes AnimeLoadingA{
0%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2;}
50%{-webkit-transform:translate(200%,0);transform:translate(200%,0);z-index:2;}
51%{z-index:1;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1;}
}
@-webkit-keyframes AnimeLoadingB{
0%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1;}
50%{-webkit-transform:translate(-200%,0);transform:translate(-200%,0);z-index:1;}
51%{z-index:2;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2;}
}
@keyframes AnimeLoadingB{
0%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1;}
50%{-webkit-transform:translate(-200%,0);transform:translate(-200%,0);z-index:1;}
51%{z-index:2;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2;}
}


/**
 * AJAX 列表
 * ------------------------------ */
.ajax_list.ready:after,
.ajax_list.empty:after,
.ajax_list.end:after{content:'';display:block;clear:both;padding:10px;color:#888;font-size:14px;text-align:center;}
.ajax_list.ready:empty:after{content:attr(data-ready-tip);}
.ajax_list.empty:after{content:attr(data-empty-tip);}
.ajax_list.end:after{content:attr(data-end-tip);}

.ajax_list li{position:relative;}
.ajax_list li .go{position:absolute;top:0;left:0;width:100%;height:100%;}
.ajax_list li .go.arrow:after{content:'';position:absolute;top:50%;right:15px;width:10px;height:10px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;
-webkit-transform:rotate(45deg) translate(-25%,-25%);
transform:rotate(45deg) translate(-25%,-25%);
}

.ajax_list ~ .pull{display:none;padding:10px;color:#666;line-height:20px;text-align:center;}
.ajax_list ~ .pull:after{content:'上拉加载更多..';}

.ajax_list ~ .loading,
.ajax_list.load ~ .pull,
.ajax_list.ready:empty ~ .pull{display:none;}
.ajax_list.ready ~ .pull,
.ajax_list.load ~ .loading{display:block;}

.ajax_list ~ .tipbox.empty{display:none;}
.ajax_list.empty ~ .tipbox.empty{display:block;}



/**
 * 提示
 * ------------------------------ */
.tipbox{padding:20px;}
.tipbox:before{content:'';display:block;margin:0 auto 10px;background-repeat:no-repeat;background-size:contain;}
.tipbox .info{color:#888;font-size:14px;text-align:center;}
.tipbox .info h2,
.tipbox .info h3,
.tipbox .info h4{margin-bottom:0.5em;color:#555;font-size:16px;}
.tipbox .btns{margin:20px;text-align:center;}

.tipbox.full{padding:0;}
.tipbox.full:before{background-size:cover;}

.tipbox.empty:before,
.tipbox.error:before{width:64px;height:64px;background-image:url(../images/empty.png);}



/**
 * cxDialog
 * ------------------------------ */
.cxdialog{position:fixed;top:-100%;left:50%;overflow:hidden;min-width:240px;max-width:90%;margin:0;padding:0;border:none;border-radius:5px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.6);color:#333;font-family:Arial,'\5fae\8f6f\96c5\9ed1',sans-serif;z-index:10002;}
.cxdialog.in{top:40%;}
.cxdialog > a[rev="close"]{position:absolute;top:0;right:0;width:30px;height:30px;color:#e9573f;font:bold 18px/30px Tahoma;text-align:center;text-decoration:none;cursor:pointer;}
.cxdialog > a[rev="close"]:before{content:"×";}
.cxdialog > a[rev="close"]:hover{color:#fc6e51;}

.cxdialog_title{position:relative;background:#ddd;color:#333;font-weight:bold;font-size:14px;line-height:30px;text-indent:10px;}
.cxdialog_info{overflow:hidden;position:relative;min-height:40px;padding:10px;font-size:14px;line-height:1.6;}
.cxdialog_btns{overflow:hidden;position:relative;padding:10px;border-top:1px solid #ddd;font-weight:bold;font-size:14px;line-height:28px;text-align:right;}
.cxdialog_btns a{display:inline-block;position:relative;padding:0 1em;border:none;border-radius:3px;background:#aaa;color:#fff;text-decoration:none;cursor:pointer;}
.cxdialog_btns a:hover{background:#999;}
.cxdialog_btns a + a{margin-left:10px;}

.cxdialog_overlay{overflow:hidden;position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:10001;opacity:0.4;}
.cxdialog.in + .cxdialog_overlay{top:0;}

.cxdialog_lock{overflow:hidden !important;width:auto;}

/* iOS Theme */
@-webkit-keyframes cxDialogIosIn{
0%{top:35%;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{top:35%;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes cxDialogIosIn{
0%{top:35%;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}
100%{top:35%;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes cxDialogIosOut{
0%{top:35%;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
99%{top:35%;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);}
100%{top:-100%;opacity:0;}
}
@keyframes cxDialogIosOut{
0%{top:35%;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
99%{top:35%;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);}
100%{top:-100%;opacity:0;}
}

.cxdialog.ios{min-width:270px;border-radius:6px;background:#f9f9f9;box-shadow:none;}
.cxdialog.ios > a[rev="close"]{display:none;}
.cxdialog.ios .cxdialog_title{padding:16px 10px 0 10px;background:none;font-size:16px;line-height:1.5;text-align:center;text-indent:0;}
.cxdialog.ios .cxdialog_info{min-height:inherit;margin:0 0 10px 0;padding:10px 10px 0;font-size:14px;text-align:center;}
.cxdialog.ios .cxdialog_title + .cxdialog_info{margin-top:2px;padding-top:0;}
.cxdialog.ios .cxdialog_btns{overflow:hidden;margin:10px 0 0 0;padding:0;border-top:1px solid #ddd;font-size:16px;line-height:44px;text-align:center;}
.cxdialog.ios .cxdialog_btns a{clear:both;display:block;margin:0;padding:0;border:none;border-radius:0;background:none;color:#007aff;cursor:pointer;}
.cxdialog.ios .cxdialog_btns a:hover{background:#e9e9e9;}
.cxdialog.ios .cxdialog_btns a.btn_ok,
.cxdialog.ios .cxdialog_btns a.btn_no{clear:none;float:left;width:50%;border:none;}
.cxdialog.ios .cxdialog_btns a.btn_ok{float:right;}
.cxdialog.ios .cxdialog_btns a.btn_ok:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#d4d4d4;}
.cxdialog.ios .cxdialog_btns a.btn_ok:only-child,
.cxdialog.ios .cxdialog_btns a.btn_no:only-child{float:none;width:100%;}
.cxdialog.ios .cxdialog_btns a + a{border-top:1px solid #d4d4d4;}
.cxdialog.ios + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:0;
transition:top 0s,opacity 0.2s;
}

.cxdialog.ios.in{
-webkit-animation:cxDialogIosIn 0.2s both;
animation:cxDialogIosIn 0.2s both;
}
.cxdialog.ios.out{
-webkit-animation:cxDialogIosOut 0.2s both;
animation:cxDialogIosOut 0.2s both;
}
.cxdialog.ios.in + .cxdialog_overlay{top:0;opacity:1;}
.cxdialog.ios.out + .cxdialog_overlay{
transition:top 0s 0.2s,opacity 0.2s;
}

/* Black Theme */
.cxdialog.black{background:#333;color:#fff;}
.cxdialog.black > a[rev="close"]{color:#666;}
.cxdialog.black > a[rev="close"]:hover{color:#333;}
.cxdialog.black .cxdialog_title{border-bottom:1px solid #000;color:#333;
background:rgba(194,194,194,1);
background:-moz-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-webkit-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-o-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-ms-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:linear-gradient(to bottom,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
}
.cxdialog.black .cxdialog_title:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;}
.cxdialog.black .cxdialog_title:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#555;}
.cxdialog.black .cxdialog_btns{border-top:1px solid #000;line-height:28px;text-align:left;}
.cxdialog.black .cxdialog_btns:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#555;}
.cxdialog.black .cxdialog_btns a{border:1px solid #000;box-shadow:0 1px 0 #555;color:#333;
background:rgba(194,194,194,1);
background:-moz-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-webkit-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-o-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:-ms-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
background:linear-gradient(to bottom,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
}
.cxdialog.black .cxdialog_btns a:hover{background:#c2c2c2;}
.cxdialog.black + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:1;}


/**
 * 焦点图
 * 默认尺寸比例（16:9）
 * ------------------------------ */
.slide{overflow:hidden;visibility:hidden;position:relative;}
.slide > ul{overflow:hidden;position:relative;}
.slide > ul li{position:relative;float:left;width:100%;}
.slide .item{display:block;position:relative;height:0;padding-top:56.25%;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.slide .item a{position:absolute;top:0;bottom:0;left:0;right:0;}
.slide .btns{position:absolute;bottom:10px;left:50%;z-index:2;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.slide .btns i{float:left;width:16px;height:2px;background-color:rgba(255,255,255,0.5);
-webkit-transition:background-color 0.2s ease-in-out;
transition:background-color 0.2s ease-in-out;
}
.slide .btns i + i{margin-left:4px;}
.slide .btns i.n{background-color:rgba(255,255,255,1);}





/**
 * Responsive
 * ------------------------------ */
@media (min-width:375px){

}

@media (min-width:1000px){

}

@media (min-width:1200px){

}


/* Wechat for OtherPhone:360x640;*/
@media (min-height:570px){
}

/* Wechat for iPhone6 */
@media (min-height:600px){
}

/* Wechat for iPhone7 */
@media (min-height:660px){
}

/* iPhone X */
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){
/**/
}