@charset "utf-8";
html{font-size: 100px; line-height: 100px}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:12px;line-height:1.25em;font-family:Arial,'microsoft yahei',Verdana,Helvetica,sans-serif;}
body{ min-width:320px;font-size:.12rem; -webkit-text-size-adjust:none; color: #666;}
header,footer,section,nav,menu,details,hgroup,figure,figcaption,article,aside{margin:0;padding:0;display:block}
img,fieldset{border:0;}
img { vertical-align:middle;}
ul,ol{list-style:none;}
table{border-collapse:collapse; width: 100%;}
a{color:#4D5053;text-decoration:none;}
.main {
    float: left;
    width:100%;
}
.banner {
    width:100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.banner img {
    margin: 0;
    padding: 0;
    max-width:100%;
}
.title img {
    margin: 0;
    padding: 0;
    max-width:100%;
}
.searchbox {
    width: 86%;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: .26rem;
    box-sizing: border-box;
}
.search-input {
    margin-bottom: .1rem;
}
.search-input .inputxt {
    background-color: #efefef;
    color: #000;
    border: none;
    border-radius: .05rem;
    text-indent: .2rem;
    min-height: .4rem;
    width: 100%;
}
.searchbtn {
    min-height: .34rem;
    background: url("../images/btnBg.png") repeat-x;
    background-size: 100%;
    padding: .03rem .03rem .12rem .03rem;
    margin-left: -.03rem;
    width: 100%;
    box-sizing: border-box;
}
.searchbtn input {
    width: 100%;
    min-height: .34rem;
    max-height: 100%;
    border: none;
    border-radius: .05rem;
    background: url("../images/searchBtn.png") no-repeat;
    background-size: 100%;
}
.detail {
    width:100%;
    text-align: center;
}
.oem-main .content {
    margin-top: .08rem;
}
.content img {
    max-width:100%;
}
ul.oemlist {
    float: left;
    background-color: #f4f4f4;
    color: #636363;
    width: 100%;
}
.oemlist li {
    float: left;
    width: 100%;
    height: .48rem;
    text-align: left;
    line-height: .48rem;
    color: #636363;
    border-bottom: .01rem solid #dedede;
}
.oemlist li a {
    float: left;
    width: 100%;
    height: .48rem;
    text-align: left;
    line-height: .48rem;
    background: url("../images/arrow_green.png") center right .2rem no-repeat;
    background-size: 3%;
}
.oemlist li span {
    margin-right: .1rem;
    margin-left: .15rem;
}
@media screen and (min-width: 360px) and (max-width: 400px) {
    .oemlist li span {
        font-size: 0.08rem;
    }
}
.oemlist li a:hover {
    color: #f00023;
    background: #ffffff url("../images/arrow_red.png") center right .2rem no-repeat;
    background-size: 3%;
}
.oemlist li a:active {
    color: #f00023;
    background: #ffffff url("../images/arrow_red.png") center right .2rem no-repeat;
    background-size: 3%;
}
.oemlist li.curr a {
    color: #f00023;
    background: #ffffff url("../images/arrow_red.png") center right .2rem no-repeat;
    background-size: 3%;
}
.bottom {
    float: left;
}
.bottom img {
    max-width:100%;
}

/*-------------otc--------------*/
.otc-main {
    float: left;
    position: relative;
    background: #EDEDED url("../images/tco_bg.jpg") top center no-repeat;
    background-size: 100%;
    width: 100%;
}
.otc-main .content {
    width: 85%;
    min-height: 480px;
    margin: 0 auto;
    margin-top: 58%;
    background: url("../images/tco_calbg.png") top center no-repeat;
    background-size: 100%;
}
.result {
    width: 45%;
    margin-left: 10%;
    padding-top: 8%;
    font-size: .25rem;
    font-weight: bold;
    color: #424242;
    line-height: .56rem;
}
@media screen and (min-width: 414px) {

    .result {
        width: 45%;
        margin-left: 10%;
        padding-top: 8%;
        font-size: .25rem;
        font-weight: bold;
        color: #424242;
        line-height: .62rem;
    }
}
@media screen and (min-width: 768px) {

    .otc-main .content {
        width: 85%;
        min-height: 950px;
        margin: 0 auto;
        margin-top: 58%;
        background: url("../images/tco_calbg.png") top center no-repeat;
        background-size: 100%;
    }

    .result {
        width: 45%;
        margin-left: 10%;
        padding-top: 7%;
        font-size: .5rem;
        font-weight: bold;
        color: #424242;
        line-height: 1.2rem;
    }
}

.calculator {
    width: 88%;
    padding-top: 11%;
    margin-left: 8%;
}
.calculator .item {
    height: 0.4rem;
}
.calculator .item span{
    color: #FFF;
    font-size: .12rem;
    font-weight: bold;
    line-height: 0.3rem;
}
.calculator input.caltxt {
    float: right;
    width: 68%;
    border: none;
    height: 0.3rem;
    line-height: 0.32rem;
    text-indent: .1rem;
    background: url("../images/inputbg_mv.png") top center no-repeat;
    background-size: 100%;
}
.calculator input.number {
    background: url("../images/inputbg_number.png") top center no-repeat;
    background-size: 100%;
}
.calculator input.cost {
    background: url("../images/inputbg_cost.png") top center no-repeat;
    background-size: 100%;
}
.calculator input.time {
    background: url("../images/inputbg_time.png") top center no-repeat;
    background-size: 100%;
}
.calculator .button {
    margin-top: .05rem;
    text-align: center;
}
.calculator input.submit {
    width: 64%;
    height: 0.52rem;
    border: none;
    background: url("../images/submit.png") top center no-repeat;
    background-size: 100%;
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .calculator {
        width: 88%;
        padding-top: 5%;
        margin-left: 8%;
    }
    .calculator .item {
        height: 0.36rem;
    }
    .calculator .item span{
        color: #FFF;
        font-weight: bold;
        line-height: 0.2rem;
    }
    .calculator input.caltxt {
        float: right;
        width: 62%;
        border: none;
        height: 0.24rem;
        text-indent: .1rem;
        background: url("../images/inputbg_mv.png") top center no-repeat;
        background-size: 100%;
    }
    .calculator .button {
        margin-top: 0;
        text-align: center;
    }
    .calculator input.submit {
        width: 64%;
        height: 0.5rem;
        border: none;
        background: url("../images/submit.png") top center no-repeat;
        background-size: 100%;
    }
}
@media screen and (min-width: 360px) and (max-width: 400px) {
    .calculator {
        width: 88%;
        padding-top: 10%;
        margin-left: 8%;
    }
    .calculator .item {
        height: 0.36rem;
    }
}
@media screen and (min-width: 411px) and (max-width: 413px) {
    .calculator {
        width: 88%;
        padding-top: 14%;
        margin-left: 8%;
    }
    .calculator .item {
        height: 0.4rem;
    }
}
@media screen and (min-width: 768px) {
    .calculator .item {
        height: 0.8rem;
    }
    .calculator .item span{
        color: #FFF;
        font-weight: bold;
        line-height: 0.6rem;
    }
    .calculator input.caltxt {
        float: right;
        width: 68%;
        border: none;
        height: 0.6rem;
        line-height: 0.32rem;
        text-indent: .3rem;
        background: url("../images/inputbg_mv.png") top center no-repeat;
        background-size: 100%;
    }
    .calculator .button {
        margin-top: .05rem;
        text-align: center;
    }
    .calculator .button {
        margin-top: .14rem;
        text-align: center;
    }
    .calculator input.submit {
        width: 64%;
        height: 0.8rem;
        border: none;
        background: url("../images/submit.png") top center no-repeat;
        background-size: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .calculator {
        width: 88%;
        padding-top: 18%;
        margin-left: 8%;
    }
    .calculator .item {
        height: 1rem;
    }
    .calculator .item span{
        color: #FFF;
        font-weight: bold;
        line-height: 0.7rem;
    }
    .calculator input.caltxt {
        float: right;
        width: 68%;
        border: none;
        height: 0.7rem;
        line-height: 0.32rem;
        text-indent: .3rem;
        background: url("../images/inputbg_mv.png") top center no-repeat;
        background-size: 100%;
    }
    .calculator .button {
        margin-top: .05rem;
        text-align: center;
    }
    .calculator .button {
        margin-top: .14rem;
        text-align: center;
    }
    .calculator input.submit {
        width: 64%;
        height: 1.3rem;
        border: none;
        background: url("../images/submit.png") top center no-repeat;
        background-size: 100%;
    }

}
/*-------------campus-------------*/
.campus-main {
    text-align: center;
    /*background-color: #ececec;*/
}
.campus-main .content img {
    max-width:100%;
}
.campus-main .content .ci-coming {
    text-align: center;
    /*border:1px solid seagreen;*/
}
.ci-coming .coming{
    /*background: url("../images/ci_coming_bg.png") top center repeat-y;*/
    /*background-size: 100%;*/
    margin: 0 auto;
}
.ci-coming .coming img {
    width: 86%;
}
.ci-recommend, .sys-recommend {
    text-align: center;
    margin-top: .1rem;
}
.sys-recommend {
    margin: 0 auto;
    width: 94%;
}
.ci-recommend img {
    max-width:90%;
}
.sys-recommend .item {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 6%;
    padding-bottom: 10px;
    border-bottom: 1px solid #b7b3b2;
}
.sys-recommend .item img {
    max-width: 96%;
}
.sys-recommend .item:nth-of-type(even) {
    text-align: right;
}
.sys-recommend .item:nth-of-type(odd) {
    text-align: left;
}
.recommend-item {
    text-align: center;
    /*background: url("../images/ci_recommend_bg.png") top center repeat-y;*/
    /*background-size: 100%;*/
    padding: 0.1rem 0;
}
.campus-main .content .recommend-item img {
    width:86%;
}
.messageBox {
    float: left;
    width:100%;
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);
}
.message-content {
    float: left;
    margin: 3%;
    width: 94%;
    background-color: #f1f1f1;
    border-radius: 0.1rem;
    padding: 0.01rem 0;
}
.msg-list {
    padding: 0.1rem 0;
}
.msg-list .row {
    float: left;
    margin: 0.05rem 0.14rem;
    width: 90%;
    font-size: 0.14rem;
    text-align: left;
}
.msg-list .row > span {
    float: left;
    display: inline-block;
}
.msg-list .row span.avator {
    margin-right: 0.05rem;
    border-radius: 50%;
    width: 11%;
}
.msg-list .row > span.avator img {
    border-radius: 50%;
    width: 100%;
}
.msg-list .row .con {
    float: left;
    padding: 0.1rem;
    background-color: #fff;
    border-radius: 0.05rem;
    max-width: 78%;
}
.msg-list .row > .con > span.nickname {
    float: left;
    display: inline-block;
    font-weight: bold;
}
.msg-list .row > .con > span.usernickname {
    float: left;
    display: inline-block;
    color: #408F4D;
    margin-right: .05rem;
}
.msg-list .row > .con > .msg {
    word-wrap: break-word;
}
.askBox {
    float: left;
    width: 100%;
    padding-bottom: 0.1rem;
    margin-bottom: 10%;
}
.askCon {
    margin: 3%;
    width: 94%;
}
.askCon > span {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #009343;
    border-radius: 0.06rem;
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: .16rem;
    color: #009343;
    width: 0.34rem;
    padding: 0.05rem 0.1rem;
    margin-right:0.05rem;
}
.askCon input.msginput {
    vertical-align: middle;
    display: inline-block;
    border: none;
    border-radius: 0.08rem;
    width: 59%;
    min-height: 0.4rem;
    text-indent: .16rem;
    background-color: #e9e9e9;
    margin-right:0.05rem;
}
.askCon input.send {
    vertical-align: middle;
    width: 16%;
    min-height: 0.4rem;
    border: none;
    border-radius: 0.06rem;
    background-color: #009343;
    color: #FFF;
    font-size: .18rem;
    padding: 0.08rem 2%;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.askBox > span {
    text-align: left;
    display: inline-block;
    width: 94%;
    color: #b1b1b1;
}

/*遮罩层*/
#cover{
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
    z-Index:1;
}
.fixed {
    position:fixed;
    top:0;
    height: 100%;
    overflow: hidden;
}