@charset "utf-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
form,
th,
td {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    font-size: .28rem;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important
}

address,
cite,
dfn,
em,
var {
    font-style: normal
}

strong,
b {
    font-weight: normal
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none
}

area {
    outline: 0
}

button {
    border-width: 0;
    background-color: transparent;
    cursor: pointer
}

.fl-clr {
    zoom: 1
}

.fl-clr:after {
    display: block;
    content: '';
    clear: both;
    visibility: hidden
}

.fl-clear {
    clear: both
}

.fl-clr {
    zoom: 1
}

.fl-clr:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020"
}

i {
    font-style: normal
}

::-webkit-input-placeholder {
    color: #999
}

input[type="text"],
input[type="password"] {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

@media screen and (min-width:640px) {
    html {
        font-size: 100px
    }
}

@media screen and (min-width:601px) and (max-width:639px) {
    html {
        font-size: 93.9063px
    }
}

@media screen and (min-width:551px) and (max-width:600px) {
    html {
        font-size: 86.0938px
    }
}

@media screen and (min-width:501px) and (max-width:550px) {
    html {
        font-size: 78.2813px
    }
}

@media screen and (min-width:451px) and (max-width:500px) {
    html {
        font-size: 70.4688px
    }
}

@media screen and (min-width:414px) and (max-width:450px) {
    html {
        font-size: 64.6875px
    }
}

@media screen and (min-width:375px) and (max-width:413px) {
    html {
        font-size: 58.5938px
    }
}

@media screen and (min-width:360px) and (max-width:374px) {
    html {
        font-size: 56.25px
    }
}

@media screen and (min-width:320px) and (max-width:359px) {
    html {
        font-size: 50px
    }
}

.check-box {
    position: relative;
    padding-left: .3rem
}

.check-box [type="checkbox"] {
    display: none
}

.check-box .i-check {
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 0;
    width: .26rem;
    height: .26rem;
    border: .02rem solid #dadada;
    transform: translateY(-50%)
}

.check-box.checked .i-check {
    background-color: #e60000;
    border-color: transparent
}

.check-box.checked .i-check:after {
    content: '';
    position: absolute;
    border-right: .02rem solid #fff;
    border-bottom: .02rem solid #fff;
    width: .06rem;
    height: .14rem;
    top: .04rem;
    left: .09rem;
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

.search_pop {
    width: 6.4rem;
    height: 100%;
    background: #fff;
    overflow: auto;
    display: none
}

.search_pop_index {
    width: 6.4rem;
    height: 0;
    background: #fff;
    overflow: auto;
    opacity: 0;
    position: fixed;
    z-index: 9
}

.top-bar {
    width: 6.4rem;
    height: .72rem;
    line-height: .72rem;
    margin: 0 auto
}

.top-inner {
    width: 6rem;
    padding: 0 .2rem;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.top-inner .back_btn {
    width: .18rem;
    height: .3rem;
    display: block;
    margin-top: .22rem;
 
    background-size: 100%;
    float: left
}

.search_article {
    width: 6rem;
    margin: .06rem auto 0
}

.search_box span {
    position: relative;
    width: 4.64rem;
    height: .68rem;
    float: left
}

.search_box .txt {
    width: 4.06rem;
    height: .64rem;
    outline: 0;
    line-height: .64rem;
    border: solid .02rem #e6e6e6;
    font-size: .24rem;
    color: #666;
    padding-left: .58rem;
    border-radius: .05rem 0 0 .05rem
}

.search_box a.delete {
    width: .3rem;
    height: .3rem;
    
    background-size: 100%;
    position: absolute;
    right: .12rem;
    top: .18rem;
    cursor: pointer;
    display: none
}

.search_box a.search-btn {
    width: 1.37rem;
    height: .68rem;
    margin-left: -0.02rem;
    position: relative;
    font-size: .24rem;
    text-align: center;
    line-height: .68rem;
    background: #e60000;
    color: #fff;
    border-radius: 0 .05rem .05rem 0;
    cursor: pointer;
    float: left
}

.search_box span i {
    width: .3rem;
    height: .3rem;
    display: block;
    
    position: absolute;
    left: .17rem;
    top: .19rem;
    background-size: 100%
}

.tip_box {
    margin-top: .34rem
}

.tip_box a {
    padding: 0 .3rem;
    height: .56rem;
    line-height: .56rem;
    display: block;
    border: solid .02rem #f0f0f0;
    border-radius: .03rem;
    color: #333;
    font-size: .24rem;
    margin: 0 .2rem .2rem 0;
    float: left
}

.txt:valid+.delete {
    display: inline
}

.slide-box {
    position: absolute;
    right: 0;
    top: 0
}

.slide-box .slide-icon {
    width: .72rem;
    height: .72rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.slide-box .slide-icon i {
    width: .31rem;
    height: .07rem;
    display: block;
    margin: .32rem 0 0 .2rem;
   
    background-size: 100%
}

.slide-box .slide-list {
    width: 2.1rem;
    height: auto;
    padding-bottom: .05rem;
    display: none;
    background: #fff;
    border-radius: .05rem;
    border: solid 1px #f2f2f2;
    position: absolute;
    right: .2rem;
    top: .62rem;
    z-index: 10
}

.slide-box .slide-list:after {
    width: 0;
    height: 0;
    content: "";
    border-top: .09rem solid transparent;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-bottom: .09rem solid #fff;
    position: absolute;
    top: -0.18rem;
    right: .11rem
}

.slide-box .slide-list ul {
    width: 1.5rem;
    margin: .1rem auto 0
}

.slide-box .slide-list ul li {
    height: .72rem;
    line-height: .72rem;
    text-align: left;
    border-bottom: solid 1px #f2f2f2
}

.slide-box .slide-list ul li:last-child {
    border: 0
}

.slide-box .slide-list ul li a {
    color: #333;
    font-size: .24rem
}

.slide-box .slide-list ul li i {
    display: inline-block;
    background-size: 100%;
    margin-right: .12rem;
    vertical-align: -0.04rem
}

.slide-box .slide-list ul li .home-icon {
    width: .3rem;
    height: .27rem;

    background-size: 100%
}

.slide-box .slide-list ul li .pro-icon {
    width: .3rem;
    height: .27rem;
   
    vertical-align: -0.06rem;
    background-size: 100%
}

.slide-box .slide-list ul li .industry-icon {
    width: .3rem;
    height: .27rem;

    vertical-align: -0.1rem;
    background-size: 100%
}

.slide-box .slide-list ul li .login-icon {
    width: .3rem;
    height: .27rem;

    background-size: 100%
}

.slide-box .slide-list ul li .exit-icon {
    width: .25rem;
    height: .25rem;
   
    background-size: 100%
}

.opacity-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9
}

.back-top {
    width: .62rem;
    height: .62rem;
    position: fixed;
    right: .2rem;
    bottom: 2.01rem;
    z-index: 5;
    display: none
}

.back-top span {
    width: .62rem;
    height: .62rem;
    display: block;
   
    background-size: 100%
}

.modal {
    width: 78%;
    background-color: #fff;
    position: fixed;
    left: 11%;
    top: 25%;
    z-index: 99;
    display: none;
    border-radius: .08rem
}

.modal-header {
    height: .58rem;
    line-height: .58rem
}

.modal-header .close {
    float: right;
    margin-right: .15rem;
    margin-top: .19rem;
    display: block;
    width: .22rem;
    height: .22rem;
   
    background-size: 100%
}

.modal-body {
    color: #333;
    font-size: .26rem;
    text-align: center;
    padding-top: .26rem;
    min-height: .46rem;
    line-height: .46rem
}

.modal-body .t {
    font-size: .2rem
}

.modal-footer {
    text-align: center;
    height: .62rem;
    line-height: .62rem;
    padding: .49rem 0
}

.modal-footer .btn {
    border-radius: .3rem;
    background: #e60000;
    padding: .15rem .99rem;
    border: 1px solid #cfcfcf;
    font-size: .22rem
}

.modal-footer .btn-confirm {
    border-color: transparent;
    color: #fff
}

.modal-footer .btn-cancel {
    color: #333;
    margin-left: .38rem
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 98;
    display: none
}

.hide {
    display: none !important
}

.lm-box iframe {
    width: 6.4rem !important
}

.submit-modal {
    overflow: hidden
}

.submit-modal .text {
    display: table;
    height: 2.2rem;
    text-align: center;
    width: 100%
}

.submit-modal .text .box {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #b2b2b2;
    line-height: .5rem;
    font-size: .28rem
}

.submit-modal .text .box.error {
    color: #e60000;
    padding: 0 .2rem
}

.submit-modal .text .success {
    position: relative;
    padding-left: .5rem;
    color: #333;
    font-size: .3rem
}

.submit-modal .text .success:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.2rem;
    width: .4rem;
    height: .4rem;
    
    background-size: 100%
}

.submit-modal .bottom {
    overflow: hidden;
    border-top: 1px solid #ddd;
    position: relative
}

.submit-modal .bottom .bnt {
    display: block;
    height: .8rem;
    line-height: .8rem;
    color: #333;
    text-align: center;
    font-size: .28rem
}

.submit-modal .bottom.s2 .bnt {
    float: left;
    width: 50%
}

.submit-modal .bottom.s2:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ddd;
    z-index: 3
}

.header_bar {
    height: .85rem
}

.header_bar .header_bar_box {
    position: fixed;
    height: .85rem;
    line-height: .85rem;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 110;
    text-align: center;
    font-size: .3rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 0 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0 0 10px
}

.header_bar .header_bar_box .back_btn {
    position: absolute;
    left: .2rem;
    top: 50%;
    margin-top: -0.22rem;
    width: .24rem;
    height: .44rem;
    background: url(../img/back_gray.png) no-repeat 0 center;
    background-size: 100%
}