@charset "utf-8";
*{-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0;margin:0;border:0;outline:0;font-family:Helvetica ;background:transparent;font-size:100%;vertical-align:baseline}
body{text-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
html,body{width:100%;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td {font-weight: normal;float:none ;}
table, th, td {vertical-align: middle;}
em,i {font-style:normal;}
h1,h2,h3,h4,h5,h6{color:#333;font-weight: normal;}
a, img {border: none; text-decoration:none; }
img{display: inline-block;margin:0 auto;width:auto;max-width:100%;}
:focus { outline: 0;border:none; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
input,textarea,select{color:#333;outline: 0;border:0;vertical-align: middle;font-size:14px;box-shadow: none;-webkit-appearance: none;}
input[type="radio"],input[type="checkbox"]{margin:0;-webkit-appearance: none;background-color: transparent;}
input[type="submit"], input[type="reset"], input[type="button"], button {padding: 0;-webkit-user-select: none;-webkit-appearance: none;}
a{color: #333;text-decoration: none;}
body{max-width: 640px;min-width: 320px;margin:0 auto;color:#333;font-size:14px;}
/**************************common class********************************/
.white {color: #fff;}
.red {color: #ff0000;}
.green{color:#00bf00;}
.pink {color: #ba136b}
.gray {color: #aaa;}
.blank {color: #000;}
.base_color {color: #003;}
.base_color1{color:#00174f}
.base_color2{color:#005293;}
.fl {float: left;}
.fr {float: right;}
.ofh {overflow: hidden;}
.align_left {text-align: left;}
.align_right {text-align: right;}
.align_center {text-align: center;}
.vertical_top {vertical-align: top;}
.vertical_middle {vertical-align: middle;}
.vertical_bottom {vertical-align: bottom;}
.text_shandow_white {text-shadow: 0 1px 0 white;}
.text_shandow_black {text-shadow: 0 1px 0 black;}
.text_shandow_gray {text-shadow: 0 1px 0 #ccc;}
.relative {position: relative;}
.absolute {position: absolute;}
.hidden {display: none;}
.hidden.on {display: block;}
.vhidden {visibility: hidden;}
.vhidden.on {visibility: visible;}
.empty:empty {display: none;}
.block {display: block;}
.inlineBlock {display: inline-block;}
.ml_10 {margin-left: 10px;}
.mr_10 {margin-right: 10px;}
.mt_10 {margin-top: 10px;}
.mb_10 {margin-bottom: 10px;}
.m_10 {margin: 10px;}
.m_auto {margin: auto;}
.ml_5 {margin-left: 5px;}
.mr_5 {margin-right: 5px;}
.mt_5 {margin-top: 5px;}
.mb_5 {margin-bottom: 5px;}
.m_5 {margin: 5px;}
.m_auto {margin: auto;}
.pl_10 {padding-left: 10px;}
.pr_10 {padding-right: 10px;}
.pt_10 {padding-top: 10px;}
.pb_10 {padding-bottom: 10px;}
.p_10 {padding: 10px;}
.pl_5 {padding-left: 5px;}
.pr_5 {padding-right: 5px;}
.pt_5 {padding-top: 5px;}
.pb_5 {padding-bottom: 5px;}
.p_5 {padding: 5px;}
.lineThrow {text-decoration: line-through;}
.bold {font-weight: bold;}
.bolder {font-weight: bolder;}
.bg_fff{background-color:#fff;}
.box {width: 100%;display: -webkit-box;display: -moz-box;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.box .icon-smile img {width: 40px;height: 40px;}
.box > * {-webkit-box-flex: 1;-moz-box-flex: 1;}
.tbox {width: 100%;height: 100%;}
.tbox > * {height: 100%;display: table-cell;vertical-align: top;}
.tbox > *:last-child {width: 100%;}
*[class*="btn"] {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}

.text_ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.text_ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.text_ellipsis3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}