/*----------------------------------------------------
*
*   MAINFRAME CSS FILE | by zhanglong | Wechat: teakiagy
*
-----------------------------------------------------*/

.ie-view { position: fixed; background: #444 url(../images/ie.jpg) no-repeat 50% 50%; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; }
/*----------------------------------------------------*/

:root {
   --COLOR-PRIMARY:    #00c6ff;
}

/*----------------------------------------------------*/
html { font-size: 100px; }
@media (max-width: 828px) { 
   html { font-size:calc(100vw/3.75); } 
} 
body { color: #454545; font: .14rem/1.6 "Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
   background-color: #FFF; }

/*----------------------------------------------------*/
ul,p  { margin: 0; padding: 0; }
li    { list-style: none; }
i     { font-style: normal; } 
cite  { font-style: normal; }
em    { font-style: normal; font-weight: bold; }

a { color: #121212; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #00c6ff; }

.primary { color: #00c6ff !important; }
.red  { color: #f5696c !important; }
.pipe { padding: 0 .08rem; }
.npd { padding: 0 !important; }
.im img { width: 100%; }

/* font ---------------------- */
@font-face {
   font-family: "din";
   src:  url("fonts/din.eot"); 
   src:  url("fonts/din.ttf") format("truetype"),
         url("fonts/din.eot") format("embedded-opentype");
   font-style: normal; font-weight: normal;
}
.din { font-family: "din"; line-height: 1; }

.wrap { width: 1280px; margin: 0 auto; position: relative; }
@media (max-width: 1440px) { .wrap { width: 1140px;}}
@media (max-width: 828px)  { .wrap { width: 100%; padding: 0 .1rem;}}



/* modal */
.modal { height: 100%; width: 100%; }
.modal-dialog { display: table; width: 100%; height: 100%; margin: 0; padding: .1rem; margin: 0 auto;}
.modal-content-wrapper { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.modal-content { background-color: #FFFFFF; color: #454545; position: relative; overflow: hidden; margin: 0 auto; }

.modal-sm .modal-content { max-width: 400px; }
.modal-md .modal-content { max-width: 640px; }
.modal-lg .modal-content { max-width: 860px; }

.modal-header { padding: 0; border: 0; text-align: center; font-size: .16rem; text-align: center; color: #333; font-size: .16rem; color: #111; height: .5rem; line-height: .5rem; border-bottom: 1px solid #dfdfdf;}
.modal-title { text-align: center; font-size: .16rem; text-align: center; color: #454545; height: .5rem; line-height: .5rem;}
.modal-footer { border-top: 1px solid #dfdfdf; text-align: center; }
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: scale(0.8,0.8);
      -ms-transform: scale(0.8,0.8);
       -o-transform: scale(0.8,0.8);
          transform: scale(0.8,0.8);
}
.modal.in .modal-dialog {
  -webkit-transform: scale(1,1);
      -ms-transform: scale(1,1);
       -o-transform: scale(1,1);
          transform: scale(1,1);
}
.modal-backdrop { background-color: #004a5d; }
.modal-backdrop.in { opacity: 0.8; -webkit-opacity: 0.8; }

/* 

button & control 

*/

.form-control, .btn { height: .4rem; line-height: .4rem; border-radius: 0;}

.form-control { padding: 0 .1rem; font-size: .14rem; line-height: 1.4; color: #333; background-color: #FFF; color: #454545;  }
   .form-control:focus { -webkit-box-shadow: 0 0 .02rem 0.01rem #00c6ff; box-shadow: 0 0 .02rem 0.01rem #00c6ff; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/select-r.png) no-repeat 100% 50% / auto 0.07rem; padding-right: .5rem; padding-left: .1rem; }
select.form-control:disabled { opacity: 0.5; background-color: #ccc; }
textarea.form-control { padding: .1rem; }
.btn { padding: 0 .2rem; border: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; font-size: .14rem; }

.btn-default  { color: #666; background-color: #FFF; border: 1px solid #ccc;}
   .btn-default.active,
   .btn-default.active.focus, 
   .btn-default:focus,
   .btn-default:hover 
   { background-color: #e6e6e6; color: #000;}

.btn-primary  { color: #FFF; background-color: #00c6ff; }
   .btn-primary.active,
   .btn-primary.active.focus, 
   .btn-primary:focus,
   .btn-primary:hover 
   { background-color: #007698; }

.btn-lg { height: .56rem; line-height: .56rem; padding: 0 .4rem; font-size: .16rem; }


/* clear */
.row-col:after, .row-col:before,
.wrap:after, .wrap:before,
.part:after, .part:before
{ display: table; content: " ";}
.row-col:after,
.wrap:after,
.part:after
{ clear: both;}

/* 

toper

*/
.toper { height: .8rem; background-color: #00c6ff;  }
   .toper .inner { display: table; width: 100%; }
   .toper .c { display: table-cell; vertical-align: top; width: 1%; height: .8rem; line-height: .8rem; }
   .toper .logo { padding: 0 .3rem; }
   .toper .logo img { height: .5rem; }
   .toper .local .x { display: inline-block; border-radius: .2rem; border: 1px solid #FFF; height: .3rem; line-height: .3rem; padding: 0 .2rem 0 .3rem; background: url(../images/ico-local.png) no-repeat .1rem 50% / auto .16rem; color: #FFF; white-space: nowrap; font-size: .12rem;}
   .toper .local .x:hover { background-color: #aeefff; color: #007698; }
   .toper .local .x em { padding-right: .1rem; }
   
   .toper .i { height: .8rem; line-height: .8rem; display: block; text-align: center; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); font-size: .16rem;}
   .toper .i:hover { background-color: #e1f2ff; color: #111; }
   .toper .menu { width: 100%; }
   .toper .menu .in { height: .8rem; float: right; padding-right: .3rem;}
   .toper .menu .i { padding: 0 0.2rem; float: left; }
   .toper .account .in { white-space: nowrap; height: .8rem; padding-right: .2rem;}
   .toper .account .i { display: inline-block; border-left: 1px solid rgba(255,255,255,0.4); padding: 0 .3rem;}
   	.toper .account .ic { height: .4rem; line-height: .4rem; padding: .06rem; text-align: center;}
   	.toper .account .ic { width: 1.2rem; }
   	.toper .account .ic a { color: #FFF; }
   	.toper .account .ic a + a { padding-left: .2rem; }
   	.toper .account .ic .btn { background-color: #FFF; color: #00c6ff; width: 100%; height: .28rem; line-height: .28rem; border-radius: 1rem; display: block; }
   .toper .menu-tog { display: none; }

@media (max-width: 828px) {
   .toper .account .ic a { color: #00c6ff; }
   .toper, .toper .c { height: .6rem; line-height: .6rem; }
   .toper .c { width: auto; }
   .toper .local { width: 100%; }
   .toper .logo { padding: 0 .15rem; }
   .toper .logo img { height: .35rem; }
   .toper .menu-tog { display: block; width: .6rem; height: .6rem; background: url(../images/top-menu-tog.png) no-repeat 50% 50% / .26rem auto; text-indent: -9999em; overflow: hidden; }
   .toper .menu, .toper .account { position: fixed; left: -51%; width: 50%; background-color: #FFF; transition: all 0.3s ease-in-out; }
   .open .toper .menu, .open .toper .account { left: 0; }
   .toper .menu { z-index: 1000; height: 100%; overflow: auto; top: 0; }
   .toper .menu .in { float: none; height: auto; padding: 10% 0 0 0; }
   .toper .menu .i { float: none; width: 100%; color: #111; text-shadow: none; height: .5rem; line-height: .5rem; padding: 0;}
   .toper .account { z-index: 1001; height: auto; bottom: 0;}
   .toper .account .in { width: 100%; border-top: 1px solid #e6e6e6; height: auto;}
   .toper .account .i { color: #999; line-height: 1.4; height: .4rem; padding: .1rem 0; text-shadow: none; display: block;}

}
/* 

footer

*/
.footer { text-align: center; padding: .3rem 0;}
   .f-menu { color: #999; }
   .f-menu a { padding: 0 .1rem; color: #999; }
   .f-cprt { padding-top: .1rem; font-size: .12rem; color: #9f9f9f; }
@media (max-width: 828px) {
   .f-menu a { display: inline-block; }
}

/*

swiper

*/
.swiper-slide .view { display: block; }
   .swiper-slide .view img { width: 100%; }

@font-face {
   font-family: "focus-ctext";
   src:  url("fonts/focus-ctext.eot"); 
   src:  url("fonts/focus-ctext.ttf") format("truetype"),
         url("fonts/focus-ctext.eot") format("embedded-opentype");
   font-style: normal; font-weight: normal;
}

.idx-focus { position: relative; }
   .idx-focus .c { position: absolute; z-index: 100; top: 0; left: 0; text-align: center; width: 100%; padding-top: 7%;}
   .idx-focus .c .t { font-family: "focus-ctext","Microsoft YaHei",sans-serif; color: #FFF; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
   .idx-focus .c .t i { display: inline-block; }
   .idx-focus .c .t cite { display: inline-block; width: .8rem; height: .5rem; background: url(../images/logo-focus.png) no-repeat 50% 50% / contain; width: calc(100vw / 20); height: calc(100vw / 25);}
   .idx-focus .c .t1 { font-size: .46rem; font-size:calc(100vw/24);}
   .idx-focus .c .t2 { font-size: .18rem; padding-bottom: .4rem;}
      .idx-focus .c .t2 i { padding: 0 .2rem; }
   .idx-focus .c .sc { position: relative; width: 6rem; margin: 0 auto;}
      .idx-focus .c .sc .ctr { height: .5rem; line-height: .5rem; display: block; border: 0; background-color: #FFF; color: #111; font-size: .16rem; width: 100%; padding: 0 1.8rem 0 .12rem;}
      .idx-focus .c .sc .btn { position: absolute; right: 0; top: 0; height: .5rem; line-height: .5rem; text-align: center; background: #00c6ff url(../images/ico-search.png) no-repeat .5rem 50% / auto .18rem; color: #111; padding: 0 .5rem 0 .8rem; font-size: .16rem; }
   .idx-focus .c .act { padding-top: .3rem; }
      .idx-focus .c .act .btn-act { background-color: #ff9900; color: #FFF; font-size: .18rem; font-weight: bold; height: .5rem; line-height: .5rem; width: 2.6rem; }

@media (max-width: 828px) {
   .idx-focus { height: 0; padding-bottom: 70%; }
   .idx-focus .c .sc { width: 90%; border: 0.03rem solid #00c6ff; }
   .idx-focus .c .t1 { font-size:calc(100vw/16); }
   .idx-focus .c .t2 { font-size:calc(100vw/22); padding-bottom: .2rem;}
   .idx-focus .c .sc .ctr { padding: 0 .3rem 0 .4rem; }
   .idx-focus .c .sc .btn { padding: 0 .2rem 0 .4rem; background: #00c6ff url(../images/ico-search.png) no-repeat .1rem 50% / auto .18rem; }
}
/*

account

*/
.account, .account body { height: 100%; }
.account .account-wrap { height: 100%; background: url(../images/account-bg.jpg) no-repeat 0 0 / auto 100%; }
.account-wrap .main { height: 100%; padding-left: 60%; display: table; width: 100%;}
.account-wrap .inner { display: table-cell; vertical-align: middle; padding-bottom: 15%;}
.account-wrap .logo { width: 3rem; height: 2rem; background: url(../images/logo-blue.png) no-repeat 50% 0 / 2.8rem auto; text-align: center; padding-top: 1rem; color: #999; margin: 0 auto;}
.account-form { max-width: 4rem; margin: 0 auto; }
   .account-form .t { font-size: .28rem; font-weight: bold; color: #111; padding-bottom: .2rem;}
   .account-form .form-control { height: .5rem; line-height: .5rem; padding-left: 1.2rem; font-size: .18rem;}
   .account-form .i { position: relative; }
      .account-form .i + .i { margin-top: .15rem; }
   .account-form .i i { position: absolute; left: 0; top: 0; line-height: .5rem; display: block; padding-left: .15rem; color: #999; font-size: .16rem;}
   .account-form .i .q { position: absolute; right: 5%; top: 20%;  }
   .account-form .i .r { position: absolute; right: 0; top: 0; height: .5rem; line-height: .5rem;}
   .account-form .btn-act { margin-top: .15rem; width: 100%; display: block; height: .5rem; line-height: .5rem; }
   .account-form .ex { margin-top: .2rem; }
   .account-form .ex .a2 { float: right; }

@media (max-width: 828px) {
   .account .account-wrap { background: url(../images/account-bg.jpg) no-repeat 50% .1rem / 60% auto; }
   .account-wrap .main { padding-left: 0; }
   .account-wrap .inner { padding: 1.2rem .2rem 0; }
   .account-wrap .logo { background: url(../images/logo-blue.png) no-repeat 50% 0 / auto .6rem; height: .8rem; padding-top: .6rem; font-size: .12rem;}
   .account-form .i + .i { margin-top: -1px; }

}


/*

ad

*/
.common-ad a { display: block; }
.common-ad img { width: 100%; margin: .15rem 0; border-radius: .04rem;}
.ad-r-x2 { margin: 0 -0.1rem; }
.ad-r-x2 .common-ad { width: 50%; float: left; padding: 0 0.1rem; }
.idx-fix-right { position: fixed; top: 20%; right: 0; z-index: 900; }
@media (max-width: 828px) {
   .idx-fix-right { width: .3rem; display: none;}
   .ad-r-x2 .common-ad { width: 100%; float: none; }
}

/*

index

*/
.idx-mb-t { height: .5rem; }
   .idx-mb-t i { display: block; font-size: .3rem; line-height: 1.2; font-weight: bold; color: #111;}
   .idx-mb-t .mb01 { padding-left: .32rem; background: url(../images/idx-s-t-1.png) no-repeat 0 50% / auto .3rem;}
   .idx-mb-t .mb02 { padding-left: .32rem; background: url(../images/idx-s-t-2.png) no-repeat 0 50% / auto .3rem;}
.idx-mb-c {  }
   .idx-mb-c .c1 { float: left; width: 30%; }
   .idx-mb-c .c2 { float: right; width: 70%; padding-left: .1rem; margin-right: -0.1rem;}
   .idx-mb-c .c3 { margin: 0 -0.1rem; }

@media (max-width: 828px) {
   .idx-mb-c .c1, .idx-mb-c .c2 { float: none; width: 100%; }
   .idx-mb-c .c2, .idx-mb-c .c3 { padding: 0; margin: 0; }
}

.reward-hot { 
   background: -webkit-linear-gradient(top,  #00dfff 0%,#00c7ff 100%); 
   background: linear-gradient(to bottom,  #00dfff 0%,#00c7ff 100%);
   color: #FFF; padding: .3rem; text-align: center; border-radius: .04rem;
}
   .reward-hot .prc { font-size: .16rem; }
   .reward-hot .prc .din { font-size: .56rem; }
   .reward-hot .t { color: #111; font-weight: bold; line-height: 1.2; height: .4rem; margin: 0.32rem 0; overflow: hidden;}
   .reward-hot .act {  }
      .reward-hot .act .btn { border-radius: .5rem; }

.misc-enter { margin: 0 -0.05rem; }
   .misc-enter .i { width: 50%; float: left; padding: 0 .05rem .1rem;}
   .misc-enter i { display: block; border: 1px solid #ccc; padding: .1rem .2rem .1rem .7rem; font-size: .2rem; color: #111; }
   .misc-enter .i-1 i { background: url(../images/misc-enter-1.png) no-repeat .3rem 50% / auto .3rem; }
   .misc-enter .i-2 i { background: url(../images/misc-enter-2.png) no-repeat .3rem 50% / auto .3rem; }
   .misc-enter .i-3 i { background: url(../images/misc-enter-3.png) no-repeat .3rem 50% / auto .3rem; }
   .misc-enter .i-4 i { background: url(../images/misc-enter-4.png) no-repeat .3rem 50% / auto .3rem; }

.c-bx-lst { width: 50%; float: left; padding: 0 .1rem; margin-bottom: 0.15rem;}
   .c-bx-lst .t { height: .4rem; position: relative; }
   .c-bx-lst .t i { display: block; border-left: .05rem solid #00c6ff; line-height: .4rem; padding-left: .2rem; font-size: .18rem; color: #111; font-weight: bold;}
   .c-bx-lst .t a { position: absolute; display: block; right: 0; top: 0; line-height: .4rem; font-size: .12rem; color: #999;}
   .c-bx-lst .lst { border: 1px solid #ccc; min-height: 1.74rem;  }
   .c-bx-lst .lst .i { display: block; height: .4rem; line-height: .4rem; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 1rem; padding-left: .1rem;}
   .c-bx-lst .lst .i + .i { border-top: 1px solid #ccc; }
   .c-bx-lst .lst .i span { display: block; position: absolute; right: 0; top: 0; padding-right: .1rem; }
   .c-bx-lst .lst .i span .din { color: #f5696c; font-size: .18rem;}
   .c-bx-lst .lst .i span cite { font-size: .12rem; color: #9f9f9f; padding-right: .02rem;}
.idx-mb-c .c3 .c-bx-lst .t i { border-left: .05rem solid #ff9900; }

.ft-show { background: url(../images/idx-ft-bg.jpg) no-repeat 50% 50%; }
   .ft-show .wrap { position: relative; height: 4.75rem;  }
   .ft-show .t { position: absolute; right: 15%; top: 24%; width: 2.8rem; height: 1.8rem; background: url(../images/logo-ft.png) no-repeat 50% 50% / 2.4rem auto; padding-top: 1.4rem;  text-align: center;}

@media (max-width: 828px) {
   .c-bx-lst { padding: 0; width: 100%; float: none;}
   .ft-show { background: url(../images/idx-ft-bg.jpg) no-repeat 16% 0% / auto 2rem; }
   .ft-show .wrap { height: 3.68rem; }
   .ft-show .t { top: 1.8rem; }
}

/*

page

*/
.phd { border-bottom: 1px solid #00c6ff; padding: .2rem 0; position: relative; margin-bottom: .2rem;}
.phd .t i { display: block; font-size: .28rem; line-height: 1.2; font-weight: bold; color: #111; padding-left: .1rem; border-left: .34rem solid #00c6ff; }
.phd .t span { display: block; padding-left: .45rem; font-weight: bold; font-size: .12rem; color: #00c6ff; text-transform: uppercase; }
.phd .p { position: absolute; right: 0; bottom: .1rem; height: .3rem; line-height: .3rem; }
.phd .p em { padding: 0 00.06rem; color: #111; }
.phd .x { position: absolute; right: 0; bottom: .2rem; }
@media (max-width: 828px) {
   .phd { padding: .1rem 0; margin-bottom: .1rem; }
   .phd .t { padding-bottom: .05rem; margin-bottom: .05rem;}
   .phd .t i { font-size: .2rem; border-left: .22rem solid #00c6ff; line-height: 1; }
   .phd .t span { padding-left: .34rem; padding-top: -0.5rem;}
   .phd .p { position: static; border-top: 1px solid #dfdfdf; }
   }


/*

list

*/
.list-swc { position: relative; border-bottom: 1px solid #00c6ff;}
   .list-swc .nv { height: .5rem; }
      .list-swc .nv a { display: block; float: left; height: .5rem; line-height: .5rem; padding: 0 .4rem; text-align: center; }
      .list-swc .nv a.active { background-color: #00c6ff; color: #FFF; }
   .list-swc .sc { position: absolute; right: 0; top: 0; height: .4rem; width: 3rem; }
      .list-swc .sc .btn { position: absolute; right: 0; top: 0; height: .4rem; line-height: .4rem; }

.list-ctr { height: .4rem; margin: .15rem 0;}
   .list-ctr .nv { height: .4rem; float: left;}
      .list-ctr .nv a { display: block; float: left; height: .4rem; line-height: .4rem; padding: 0 .3rem; }   
      .list-ctr .nv a.active { background-color: #00c6ff; color: #FFF; }
   .list-ctr .pg { float: right; }
      .list-ctr .pg .c { display: inline-block; line-height: .4rem; height: .4rem;}
      .list-ctr .pg .p { padding-right: .1rem; }
      .list-ctr .pg .p em { padding: 0 .05rem; }

.list-default { margin-top: .3rem;}
   .list-default .i { display: table; width: 100%; table-layout: fixed; }
   .list-default .i + .i { border-top: 1px dashed #d0d0d0; margin-top: .2rem; padding-top: .2rem; }
   .list-default .x { display: table-cell; vertical-align: top; }
   .list-default .im { width: .8rem; }
      .list-default .im a, .list-default .im img { display: block; width: 100%; }
   .list-default .c { padding: 0 .2rem; }
      .list-default .t { font-size: .18rem; font-weight: bold; line-height: 1.2; }
         .list-default .t em { color: #f5696c; padding-right: .05rem; }
      .list-default .s { padding-top: .1rem; color: #999; font-size: .12rem; }
      .list-default .s i + i { padding-left: .2rem; }
   .list-default .k { width: 1.4rem; vertical-align: middle;}
      .list-default .k .btn { display: block; }

.list-pager { text-align: right; padding-top: .2rem; border-top: 1px solid #dfdfdf; margin-top: .3rem;}
   .list-pager .c { display: inline-block; height: .4rem; line-height: .4rem; }
   .list-pager .p { padding-right: .2rem; }

@media (max-width: 828px) {
   .list-swc { padding-bottom: .1rem; }
   .list-swc .sc { position: relative; width: 100%; }
   .list-swc .nv { height: 1rem; margin-bottom: .1rem; }
   .list-swc .nv a { width: 33.33333333%; padding: 0 0.1rem; }

   .list-ctr { height: .66rem; }
   .list-ctr .nv { display: table; table-layout: fixed;}
   .list-ctr .nv a { display: table-cell; float: none; padding: 0 0.1rem; width: 33.33333333%; text-align: center;}

   .list-default .im { width: 1rem; }
   .list-default .i { position: relative; }
   .list-default .c { width: 100%; padding-right: 0;}
   .list-default .k { position: absolute; bottom: 0; left: 0; width: 1rem;}
   .list-default .s i { display: block; }
   .list-default .s i + i { padding-left: 0; }

   .list-pager { text-align: center; }
   .list-pager .p { display: block; width: 100%; padding-right: 0; }

}

/*

city

*/
.city-hot i, .city-hot a { display: inline-block; height: .3rem; line-height: .3rem; }
.city-hot i { font-weight: bold; color: #00c6ff; padding-right: .3rem; }
.city-hot a { padding: 0 .1rem; }
.city-hot a + a { margin-left: .03rem; }
.city-hot a:hover { background-color: #00c6ff; color: #FFF; }

.city-list { padding-top: .3rem; }
   .city-list .i { border: 1px solid #ccc; display: table; width: 100%; table-layout: fixed;}
   .city-list .i + .i { margin-top: .2rem; }
   .city-list .t { font-weight: bold; background-color: #f0f0f0; padding: .2rem .3rem; display: table-cell; vertical-align: top; width: 1.2rem;}
   .city-list .c { display: table-cell; vertical-align: top; padding: .2rem .3rem;}
   .city-list .c a { display: inline-block; height: .24rem; line-height: .24rem; padding: 0 .1rem; }
   .city-list .c a:hover { background-color: #00c6ff; color: #FFF; }

@media (max-width: 828px) {
   .city-hot i { display: block; padding-left: .1rem;}
   .city-list .t { padding: .1rem; width: .8rem; }
   .city-list .c { padding: .1rem; }
}

/*

view

 */
.view-hd { display: table; width: 100%; table-layout: fixed; }
   .view-hd .im, .view-hd .c { display: table-cell; vertical-align: top; }
   .view-hd .im { width: 4rem;}
   .view-hd .c { padding-left: .3rem; }
   .view-hd .t { font-size: .22rem; line-height: 1.2; font-weight: bold; margin-bottom: .2rem;  position: relative; padding-right: 1rem; }
   .view-hd .t em { color: #00c6ff; }
   .view-hd .t .fav { display: block; position: absolute; right: 0; top: 0; font-size: .14rem; height: .4rem; line-height: .4rem; padding: 0 .2rem; color: #00c6ff; border: 1px solid currentColor; }
   .view-hd .t .fav.true { border-color: #999; color: #666; }
   .view-hd .reward { margin: 0.1rem 0; border: 1px solid #f5696c; padding: .1rem .2rem; color: #f5696c; display: inline-block;}
   .view-hd .reward .din { font-size: .36rem; letter-spacing: -0.02rem; }
   .view-hd .w1 { float: left; }
   .view-hd .w2 { float: right; }
   .view-hd .w2 .in { border: 1px solid #00c6ff; width: 3rem; padding: .2rem; }
   .view-hd .w2 p { color: #00c6ff; padding-bottom: .1rem; font-weight: bold;}
   .view-hd .w2 i { font-family: "din","Microsoft YaHei"; font-size: .24rem;}
   .view-hd .w2 .i-tel { padding-left: .3rem; background: url(../images/view-i-tel.png) no-repeat 0 50% / auto .18rem; }
   .view-hd .w2 .i-qq { padding-left: .3rem; background: url(../images/view-i-qq.png) no-repeat 0 50% / auto .18rem; }
   .view-hd .w2 .btn { height: .5rem; line-height: .5rem; }
   .view-hd .s .i { margin: .04rem 0; }
@media (max-width: 828px) {
   .view-hd .im, .view-hd .c { display: block;  }
   .view-hd .im { width: 100%; }
   .view-hd .c { padding: .1rem 0; }
   .view-hd .t { padding-right: 0; }
   .view-hd .t .fav { display: inline-block; position: static; margin-top: .1rem;}
   .view-hd .w1, .view-hd .w2 { float: none; width: 100%; }
   .view-hd .w2 .in { width: 100%; }
}

.view-bd { display: table; width: 100%; table-layout: fixed; }
   .view-bd .bd1 { display: table-cell; vertical-align: top; padding-right: .3rem; }
   .view-bd .bd2 { display: table-cell; vertical-align: top; width: 3rem; }
   .view-bd .t { text-align: center; font-size: .2rem; font-weight: bold; padding-bottom: .14rem; background: url(../images/view-st-bg.png) no-repeat 50% 100% / auto .11rem; margin: .2rem 0;}
.p-content { text-align: justify; }
@media (max-width: 828px) {
   .view-bd .bd1, .view-bd .bd2 { display: block; }
   .view-bd .bd1 { padding: 0; }
   .view-bd .bd2 { width: 100%; }

}
.view-jump { margin: .2rem -0.2rem; }
   .view-jump .j { display: block; float: left; width: 50%; padding: 0 .2rem;}
   .view-jump .j .in { border: 1px solid #ccc; padding: .15rem .2rem;}
   .view-jump .j i { font-size: .12rem; color: #999; }
   .view-jump .j1 .in { border-left: .1rem solid #00c6ff; }
   .view-jump .j2 .in { border-right: .1rem solid #00c6ff; text-align: right;}
@media (max-width: 828px) {
   .view-jump .j { float: none; width: 100%; margin-bottom: .1rem;}
}

/*

edit

 */

.wrap-release {  }
   .wrap-release .w1 { width: 50%; float: left; }
   .wrap-release .w2 { width: 50%; float: right; padding-left: .4rem; }
   .wrap-release .t { font-size: .18rem; font-weight: bold; color: #00c6ff; margin: .1rem 0;}

.form-default .i { display: table; table-layout: fixed; width: 100%; }
   .form-default .i + .i { margin-top: .1rem; }
.form-default .h { display: table-cell; vertical-align: top; width: 1.2rem; line-height: .4rem; }
.form-default .c { display: table-cell; vertical-align: top; line-height: .4rem; }
   .form-default .c-sm .form-control { width: 1.4rem; }
   .form-default .c-md .form-control { width: 2rem; }
   .form-default .x { float: left; margin-right: 2%; }
.form-default .act { padding-top: .4rem; border-top: 1px solid #d0d0d0; margin-top: .5rem; }
.form-default .act .btn { height: .4rem; line-height: .4rem; padding: 0 .8rem; }

.media-upload { position: relative; float: left; }
.media-upload + .media-upload { margin-left: .1rem; }
   .media-upload, .media-upload .prv { display: block; width: 1.2rem; height: 1.2rem;}
   .media-upload .i, .media-upload .x { position: absolute; width: 100%; display: block; height: .3rem; line-height: .3rem; bottom: 0; left: 0; }
   .media-upload .x { opacity: 0; z-index: 15; cursor: pointer;}
   .media-upload .i { z-index: 14; cursor: pointer;}
   .media-upload .prv { background-position: 50% 0; background-repeat: no-repeat; background-size: 100% .9rem; }

.release-act { padding-top: .2rem; }
   .release-act .i { display: block; float: right; padding-left: .1rem;}
   .release-act .tps { font-size: .12rem; line-height: 1.2; text-align: right; padding-top: .14rem; color: #999;}
   .release-act .din { font-size: .4rem; letter-spacing: -0.02rem; line-height: .5rem;}
   .release-act .btn { height: .5rem; line-height: .5rem; padding: 0 .8rem; font-weight: bold;}

@media (max-width: 828px) {
   .wrap-release .w1, .wrap-release .w2 { width: 100%; float: none; }
   .wrap-release .w2 { padding: 0; }
   .form-default .h, .form-default .c { display: block; width: 100%; }
   .form-default .h { font-weight: bold; }
   .release-act .i { float: none; padding-left: 0;}
   .release-act .btn { width: 100%; display: block; }
   .release-act .i + .i { float: right; }
   .form-default .act .btn { width: 100%; }
   .media-upload, .media-upload .prv { display: block; width: 29vw; height: 1.2rem;}

}

/*

uc

 */
.wrap-uc { display: table; width: 100%; table-layout: fixed; }
   .uc-menu, .uc-main { display: table-cell; vertical-align: top; }
   .uc-menu { width: 2rem; }
      .uc-menu .menu { border: 1px solid #00c6ff; }
      .uc-menu .menu a { display: block; height: .5rem; line-height: .5rem; padding-left: .3rem;  }
      .uc-menu .menu a + a { border-top: 1px solid #dfdfdf; }
      .uc-menu .menu a:hover { background-color: #f0f0f0; }
      .uc-menu .menu a.active { background-color: #00c6ff; color: #FFF; }
   .uc-main { padding-left: .3rem; }
      .uc-main .c-t { height: .5rem; margin-bottom: .2rem; border-bottom: 1px solid #dfdfdf; position: relative;}
      .uc-main .c-t i { display: block; line-height: .5rem; border-left: .05rem solid #00c6ff; font-size: .18rem; font-weight: bold; padding-left: .2rem; }
      .uc-main .c-t .btn { position: absolute; right: 0; top: 0; }
      .uc-main .c-nv { padding-bottom: .2rem; }
      .uc-main .c-nv .i { display: block; float: left; padding: 0 .4rem; height: .5rem; line-height: .5rem; font-size: .16rem; color: #999; border-bottom: .03rem solid transparent;}
      .uc-main .c-nv .i em { padding-left: .1rem; color: #f5696c;}
      .uc-main .c-nv .i.active { color: #00c6ff; border-color: currentColor; font-weight: bold; }
      .uc-main .c-tips { border: 1px solid #00c6ff; padding: .1rem .2rem; margin-bottom: .2rem;}
      .uc-main .c-tips em { padding: 0 .1rem; }

@media (max-width: 828px) {
   .uc-menu, .uc-main { display: block; }
   .uc-menu { width: 100%; overflow: hidden; margin-bottom: .1rem; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;}
   .uc-menu .menu { border: 0; }
   .uc-menu .menu a { width: 33.33333333%; float: left; height: .4rem; padding: 0; line-height: .4rem; text-align: center; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
   .uc-menu .menu a + a { border-top: 0; }
   .uc-main { padding: 0; }
   
   .uc-main .c-nv { display: flex; }
   .uc-main .c-nv .i { flex: 1; text-align: center; font-size: .14rem; padding: 0; line-height: 1.4;}
   .uc-main .c-nv .i em { display: block; }
}

.uc-1-hd { display: table; width: 100%; table-layout: fixed; }
   .uc-1-hd .im { display: table-cell; vertical-align: top; width: 1.2rem; }
   .uc-1-hd .c { display: table-cell; vertical-align: top; padding-left: .3rem;}
   .uc-1-hd .n { font-size: .2rem; font-weight: bold; color: #111; padding-bottom: .1rem;}
   .uc-1-hd p { color: #999; }
   .uc-1-hd .s { color: #666; }
      .uc-1-hd .s em { color: #00c6ff; }
      .uc-1-hd .s i { padding-right: .2rem; }

@media (max-width: 828px) {
   .uc-1-hd .im, .uc-1-hd .c { display: block; text-align: center; margin: 0 auto; padding: 0;}
   .uc-1-hd .s i { display: block; padding: 0; }
}

.uc-1-list { margin: .2rem -0.1rem; }
   .uc-1-list .bx { width: 50%; float: left; padding: 0 .15rem .2rem; }
   .uc-1-list .bx .t { height: .5rem; position: relative; border: 1px solid #ccc; }
   .uc-1-list .bx .t i { line-height: .5rem; display: block; border-bottom: 1px solid #00c6ff; position: absolute; left: 0; bottom: -1px; padding: 0 .2rem; font-size: .18rem; font-weight: bold; color: #111;}
   .uc-1-list .bx .t a { position: absolute; display: block; right: 0; top: 0; padding: 0 .12rem; line-height: .5rem; color: #00c6ff; }
   .uc-1-list .bx .lst { border: 1px solid #ccc; border-top: 0; height: 2.42rem; overflow: hidden;}
   .uc-1-list .bx .lst.blank { background: url(../images/list-blank.png) no-repeat 50% 50% / auto 1.4rem; }
   .uc-1-list .bx .lst .i { display: block; position: relative; height: .4rem; line-height: .4rem; padding: 0 .86rem 0 .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
   .uc-1-list .bx .lst .i + .i { border-top: 1px solid #ccc; }
   .uc-1-list .bx .lst .i i { position: absolute; right: 0; top: 0; display: block; line-height: .4rem; color: #999; font-size: .12rem; padding: 0 .1rem; }
@media (max-width: 828px) {
   .uc-1-list .bx { width: 100%; float: none; }
}

.uc-2-list { margin: 0 -0.2rem; }
   .uc-2-list .i { width: 33.33333333%; float: left; padding: 0 .2rem; }
   .uc-2-list .in { border: 1px solid #ccc; padding: .3rem; text-align: center;}
   .uc-2-list i { display: block; width: 60%; height: 0; padding-bottom: 60%; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; margin: 0 auto;}
   .uc-2-list .i-1 i { background-image: url(../images/uc-2-ico1.png); }
   .uc-2-list .i-2 i { background-image: url(../images/uc-2-ico2.png); }
   .uc-2-list .i-3 i { background-image: url(../images/uc-2-ico3.png); }
   .uc-2-list p { font-size: .16rem; font-weight: bold; color: #111; margin: .25rem 0; }
@media (max-width: 828px) {
   .uc-2-list .i { width: 100%; float: none; margin-bottom: .1rem; }
  
}

.list-task { min-height: 3rem; }
   .list-task .i { display: table; width: 100%; table-layout: fixed; }
   .list-task .i + .i { margin-top: .2rem; border-top: 1px dashed #d0d0d0; padding-top: .2rem;}
   .list-task .im { display: table-cell; width: 1rem; vertical-align: top;}
   .list-task .c { display: table-cell; vertical-align: top; padding-left: .2rem;}
   .list-task .t { font-weight: bold; display: block; font-size: .18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   .list-task .s { display: table; width: 100%; table-layout: fixed; }
      .list-task .s1, .list-task .s2 { display: table-cell; vertical-align: top; }
      .list-task .s1 { white-space: nowrap; font-size: .12rem; padding-top: .06rem; }
      .list-task .s1 i + i { padding-left: .2rem; }
      .list-task .s1 i em { color: #00c6ff; }
      .list-task .s2 .si { float: right;  padding-left: .1rem;}
      .list-task .s2 .si .btn, .list-task .s2 .si .form-control { height: .3rem; line-height: .3rem; font-size: .12rem; }
      .list-task .s2 i { font-size: .12rem; float: right; color: #999; }
@media (max-width: 828px) {
   .list-task .s1, .list-task .s2 { display: block; }
   .list-task .s1 { white-space: normal; }
   .list-task .s1 i { display: block; }
      .list-task .s1 i + i { padding: 0; }
   .list-task .s2 { display: flex; justify-content: flex-end; padding-top: .1rem;}
   .list-task .s2 .si {  }
  
}

.list-msg {  }
   .list-msg .i { display: table; width: 100%; table-layout: fixed; padding: .14rem .2rem; border: 1px solid #ccc; border-left: .08rem solid #00c6ff;}
   .list-msg .i + .i { margin-top: .1rem; }
   .list-msg .x { display: table-cell; vertical-align: top; }
   .list-msg .x1 { width: 1.4rem; color: #999; }
   .list-msg .x2 { width: .5rem;  }
   .list-msg p { font-weight: bold; }
@media (max-width: 828px) {
   .list-msg .x { display: block; }
}

/*

other

 */
.wrap-article { font-size: .16rem; line-height: 1.8; }
.wrap-article img { max-width: 100%; }
.wrap-article p { margin: .1rem 0; }

.wrap-contact .map { height: 3.2rem; margin-bottom: .3rem; border: 1px solid #ccc; }
.wrap-contact .i { margin: .1rem 0; font-size: .16rem; }
.wrap-contact .i i { font-weight: bold; font-size: .14rem; display: inline-block; width: .6rem; color: #00c6ff; }
.wrap-contact .i .din { font-size: .22rem; }
.wrap-contact .i span { padding-right: .15rem; }

@media (max-width: 828px) {
   .wrap-contact .i .din { font-size: .18rem; }
   }


/* pay */
.wrap-payment {  }
   .wrap-payment .i + .i { padding-top: .1rem; }
   .wrap-payment .t { line-height: .4rem; color: #00c6ff; font-weight: bold;}
   .wrap-payment .release-act { border-top: 1px solid #d0d0d0; margin-top: .2rem; }

/* check */
.check-ph { position: relative; display: inline-block;}
   .check-ph .ip, .check-ph i { display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
   .check-ph .ip { z-index: 2; opacity: 0; cursor: pointer; }
   .check-ph i { z-index: 1; border: .03rem solid transparent}
   .check-ph .ip:checked + i { border-color: #00c6ff; }
.check-wxpay, .check-alpay,.check-jifen { width: 2.4rem; height: 1rem;}
.check-wxpay i { background: url(../images/pay-wx.png) no-repeat 50% 50% / contain; }
.check-alpay i { background: url(../images/pay-al.png) no-repeat 50% 50% / contain; }
.check-jifen i { background: url(../images/pay-jf.png) no-repeat 50% 50% / contain; }







.upl-mc { position: relative; }
.upl-mc, .upl-mc .s, .upl-mc .x { display: block; width: 1.8rem; height: 1.2rem; }
.upl-mc .s, .upl-mc .x { position: absolute;left: 0; top: 0; }
.upl-mc .s { z-index: 5; line-height: 1.2rem; text-align: center; color: #aaa; border: 1px solid #d0d0d0;}
.upl-mc .s img { position: absolute; left: 0; top: 0; width: 100%; z-index: 6;}
.upl-mc .x { z-index: 10; opacity: 0; cursor: pointer; }

.picarr { text-align: center;}
.picarr img { max-width: 100%;  }
.picarr img + img  { margin-top: .1rem;  }
@media (max-width: 828px) {
	.picarr img + img  { margin-left: 0;  margin-top: .1rem;}
	.picarr img { width: 100%; display: block; }
}