@import "style.css?v110113B4";


.page_white {
  background-color: #fff;
}



.tab_nav {
    float:left;
    width:100.5%;
    height:auto;
    margin-bottom: 0.8px;
    display:flex;
    flex-flow:row;
}
.tab_nav li {
    float:left;
    width:100%;
    font-size:1rem;
    height:auto;
    line-height:2.8rem;
    height:2.8rem;
    text-align:center;
    background-color:#3688B7;
    color:#fff;
    font-weight: bold;
}
.tab_nav .on{
    color:#333;
    background-color:#fff;
}

.tab_nav li:first-child {
    border-left:0;
}
.tab_nav li:last-child {
    border-right:0;
}





.div_content {
  float:left;
  width:calc(100% - 1.5rem);
  background-color:#fff;
  margin-bottom: 2rem;
  padding: 1.2rem 0.75rem;
  border-bottom: 0.6px solid #ccc;
  margin-top: -1px;
}
.div_content_w100 {
    width:100%;
    margin-bottom: 2rem;
    padding: 0;
}

.div_content .txt {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.8rem;
  letter-spacing: 0.1rem;
}

.div_content table td {padding: 0.3rem 0.5rem; line-height: 1.5rem;}

.div_content .tsmall {}

.div_content .tsmall table td {padding: 0.3rem 0.2rem; font-size: 0.7rem; line-height: 1rem; letter-spacing: 0;}
.div_content .tsmall table td b {font-weight: bold;}
.div_content .tsmall table td i {font-weight: normal; font-size: 0.5rem; font-style: normal;}
.div_content .tsmall table td u {font-weight: bold; font-style: normal; font-size: 0.5rem; color: #c00000;}
.div_content .tsmall table td s {font-weight: normal; font-style: normal;  font-size: 0.55rem; text-decoration:none;}

.div_rulebox {
    float:left;
    width:100%;
    height:auto;
    background-color:#fff;
    /*border-top: 0.6px solid #ccc;
    border-bottom: 0.6px solid #ccc;*/
    /*margin-top: 3rem;*/
}


/*article detail*/
.article {
  float:left;
  width:100%;
  height:auto;
  padding-bottom:1rem;
  background-color:#fff;
  border-bottom: 0.6px solid #ccc;
}
.article h2 {
  width:calc(100% - 1.5rem);
  text-align: center;
  padding:0.75rem;
  line-height:2.4rem;
  font-size:1.2rem;
  font-weight:bold;
  color:#333;
}
.article_box {
  width:calc(100% - 1.5rem);
  height:auto;
  border-top:0.6px solid #ccc;
  padding:0.75rem;
  font-size: 0.9rem;
  color: #555;
  line-height: 1.8rem;
  letter-spacing: 0.1rem;
}

.article_box table td {padding: 0.3rem 0.5rem; line-height: 1.5rem; font-size: 0.8rem;}

.article_box img {width: 100%;}

.box {
  width:calc(100% - 1.5rem);
  height:auto;
  padding:0.75rem;
  color: #555;
}

.box_sections {
  font-size: 0.95rem;
  line-height: 1.8rem;
}
.box_sections .title {font-weight: bold; font-size: 1rem;}
.box_sections .txt {margin: .2rem 0 1rem; word-break: keep-all; }
.box_sections .txt a {margin-right: 0.5rem;}



.div_rulebox .article_box {
    letter-spacing: 0;
    line-height: 1.5rem;
}

.grey1 {
    color:#bbb;
}
.login_box {
    font-size: 0.95rem;
    float:left;
    width:100%;
    padding-left: 0;
    border-bottom:0.6px solid #ccc;
    border-top:0.6px solid #ccc;
    background-color:#fff;
    padding-top: 0;
    padding-bottom: 0;
}

.login_hint{
    float: left;
    margin-top: 1rem;
    text-align: center;
    font-size: 0.9rem;
}
.login_title {line-height: 2rem; font-size: 1.1rem; color: #333; text-align: center;}

.reg_title {line-height: 2rem; font-size: 0.95rem; color: #cc0000; text-align: center;}

.input {
    float:left;
    width:72%;
    height:3rem;
    line-height:3rem;
    border:0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 0.9rem;
    color:#ccc;
    padding-left: 0;
}

.login_thread {
    float:left;
    width:calc(100% - 1.5rem);
    padding-right:0.75rem;
    margin-left:0.75rem;
    height:3.1rem;
    border-bottom:0.6px solid #ccc;
}
.login_box p {
    float:left;
    width:4rem;
    margin-right:0.7rem;
    margin-top:0.1rem;
    height:2.9rem;
    overflow:hidden;
    line-height:3rem;
    font-size:0.9rem;
    color:#555;
}
.login_box input {
    float:left;
    width:8rem;
    font-size:0.9rem;
    height:2.9rem;
    text-align:left;
    color:#000;
    margin-top:0.1rem;
}

.login_box .w_input {width: 15rem;}

::-webkit-input-placeholder {
    color:#ccc;
}
.login_thread:last-child {
    border-bottom:0px;
}
.btn_01 {
    float:right;
    width:7.5rem;
    height:1.9rem;
    line-height:1.9rem;
    margin-top:0.6rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.9rem;
    white-space: nowrap;
    text-align:center;
}
.btn_02 {
    float:right;
    width:7.5rem;
    height:1.9rem;
    line-height:1.9rem;
    margin-top:0.7rem;
    margin-right: 0.1rem;
    color:#999;
    background-color:#eee;
    border-radius:0.2rem;
    font-size:0.9rem;
    text-align: center;
    display:none;
}
.btn_smallbox {
    line-height:1.4rem;
    border:0.6px solid #00B4CB;
    color:#00B4CB;
    border-radius:0.2rem;
    font-size:0.75rem;
    padding: 0 0.5rem;
    white-space: nowrap;
    text-align:center;
}

.color_brown {color: #E2983A;}

.W-layout-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.W-layout-box .W-box-col {width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.W-center-v { -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.W-center-h { -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.W-justify { -webkit-box-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

  /*截字*/
.W-cut-txt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.W-cut-p1{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.W-cut-p2{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.W-cut-p3{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.W-cut-p4{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.W-cut-p5{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.W-cut-p6{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.W-cut-p7{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:7; }
.W-cut-p8{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:8; }
.W-cut-p9{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:9; }
.W-cut-p10{ display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:10; }

.W-layer{background:rgba(0,0,0,.6);position:fixed;overflow:hidden;left:0;right:0;top:0;bottom:0;z-index:9999;}
.W-layer .content{background:#FFF;width:80%;border-radius:.6rem;overflow:hidden;text-align:center; padding: .7rem 0;}
.W-layer .tit{ line-height: 1.5rem;margin-top:.2rem; font-size: 1rem;}
.W-layer .mainbox {padding: .6rem .6rem .6rem; font-size: 0.9rem; }
.W-layer .layer-a .mainbox{margin:1.7rem 1.4rem;max-height:1.2rem;overflow-y:scroll;}
.W-layer .layer-b .mainbox{}
.W-layer .layer-c .mainbox{line-height: 1.25rem; }
.W-layer .layer_btn { margin-top: .6rem; padding-top: .8rem; border-top: 0.6px solid #e5e5e5; line-height: 1.25rem;}
.W-layer .layer_btn .p1 { border-right: 0.6px solid #e5e5e5;}
.W-layer .layer_btn .p2 { }
.W-layer .layer-c .layer_btn a {color: #fff;}
.W-layer .layer-c .layer_btn p:first-child a{color: #0099FF; }
.W-layer .layer-c .layer_btn p:last-child a{color: #f85f48; }
.W-layer .layer-x { width: 90%; border-radius: .25rem;  }
.W-layer .layer-x .tit { color: #0099FF; font-size: 1.1rem; margin-bottom: .6rem; }
.W-layer .layer-x .mainbox { padding: .15rem .8rem 1.1rem; font-size: .8rem; line-height: 1.5rem; text-align: center;}
.W-layer .layer-x .layer_btn {border: 0;margin-top: .25rem;padding-top: 0;margin-bottom: .8rem; font-size: 1rem;}
.W-layer .layer-x .layer_btn .p1 {border-right: 0; text-align: right; padding-right: .7rem;}
.W-layer .layer-x .layer_btn .p2 {text-align: left; padding-left: .7rem;}
.W-layer .layer-x .layer_btn a {color: #fff;}
.W-layer .layer-x .layer_btn p:first-child a{color: #c656a0; }
.W-layer .layer-x .layer_btn p:last-child a{color: #0099FF; }
.box_gray {color: #555555;text-decoration: none; border: 1px solid #e0e0e0; border-radius: .2rem; }
.box_red {color: #c656a0;text-decoration: none; border: 1px solid #FFE6E7; border-radius: .2rem; padding: 0 .2rem; margin-right: .2rem; }
.box_yellow {color: #999999;text-decoration: none; border: 1px solid #ffbe7d;background-color: #fff2e6; font-size: .65rem; border-radius: .2rem; padding: .4rem .5rem; }


/*通用状态文字颜色*/
.color_answerd {color: #005a93;}
.color_notanswer {color: #f30000;}
.color_expired {color: #959595;}

.color_public {color: #0099FF; }
.color_private {color: #C00000; }


.letter-sp3 {letter-spacing: 0.41rem;}
.ipt_phone {
    width:8rem !important;
}

.cells_titl {padding-top: .8rem; padding-bottom: .4rem; font-size: .8rem; color: #959595;}
.cells {position: relative; }
.cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #cfced3;
    color: #cfced3;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #cfced3;
    color: #cfced3;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.cells .cell {
    padding: .8rem .75rem .8rem 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cells .cellmenu {
    padding-top: 0; padding-bottom: 0;
}
.cells .cell:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 3px;
    border-top: 1px solid #cfced3;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 0;
}
.cells .cell:first-child:before {
    display: none;
}
.cells .cell .w100 {
    width: 100%;
}



.div_title {
    /*position: fixed;
    top: 0;*/
    height: 3rem;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #c00000;
    line-height: 3rem;
    background-color: #f2f2f2;
}

.div_btnbtmfix{
    /*position: fixed;
    bottom: 0;*/
    /*background-color: #f2f2f2;*/
    height: 3.3rem;
    width: 100%;
    /*border-top: 0.6px solid #ccc;*/
    padding-top: 1rem;
    float: left;
}

.btn_login {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    margin-top:0.9rem;
    height:2.8rem;
    line-height:2.8rem;
    background-color:#0099CC;
    border-radius:0.2rem;
    color:#fff;
    font-size:1.2rem;
    text-align:center;
}
.btn_refuse {
    float:left;
    display:block;
    width:calc(100% - 1.5rem);
    margin-left:0.75rem;
    margin-top:0.9rem;
    height:2.8rem;
    line-height:2.8rem;
    background-color:#ccc;
    border-radius:0.2rem;
    color:#555;
    font-size:1.2rem;
    text-align:center;
}
.btn_whalf {
    width: 45%;
}
.btn_disable {
    background-color: #e4e4e4;
    color:#999;
    border-color: #e4e4e4;
}



.listBox {background:#fff; padding:.8rem .75rem; margin-bottom: .8rem;}
.listBox_trans {background: transparent;}
.listBoxLine {padding-top: .8rem; padding-bottom: .8rem;margin-bottom: 0;}
.transbg {background: transparent;}
.whitebg {background: #fff;}
.boxnomargin {margin-bottom: 0;}
.boxnotopmargin {margin-top: 0;}
.boxnomargin-left {margin-left: 0;}
.boxnomargin-right {margin-right: 0;}
.boxnopadding {padding-top: 0; padding-bottom: 0;}
.boxnopadding-right {padding-right: 0;}
.boxnopadding-cells {padding-top: 0;padding-right: 0;padding-bottom: 0;}

.bord_top {border-top:0.6px solid #ccc;}
.bord_bottm {border-bottom:0.6px solid #ccc;}

.listBox .inputitem {}
.listBox .inputitem .l1 {width: 4.3rem; display: block; .text_wrap(); color: #666666;font-size: .9rem}
.listBox .inputitem .l2 {flex: 1; }
.listBox .inputitem .input  {width: 100%;border: 0;outline: 0;-webkit-appearance: none;background-color: transparent;font-size: .9rem; margin-left: 10px; }
.listBox .inputitem .img_arrow {display: block; float: right; height: .8rem; }
.listBox .inputitem .btn1 {display: block; float: right;}
.listBox .inputitem .btn1 .btnsend {width: 5rem;}

.listBox .inputitem .selecthint  {color:#ccc; font-size: .75rem; }

.listBox .inputitem .l1-2 {width: 6rem; color: #959595; line-height: .8rem; font-size: .7rem; }
.listBox .inputitem .l2 {width: 100%; margin-right: .6rem; }
.listBox .inputitem .radio {margin-right: 2rem; }



.div_content .txt img{
	width: 100%;
}

.noborder {border: 0;}