/*********--WAP端样式--*********/


@media (max-width: 767px) 
{
    
    @charset "utf-8";
    /* CSS Document */
    /* 初始化 */
    body,v,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
    body{font-size:.65rem;font-family:\5FAE\8F6F\96C5\9ED1,Heiti,arial,helvetica,sans-serif!important;line-height:19px;color:#333;position:relative;background-color:white;-webkit-font-smoothing:antialiased;}
    fieldset,img{border:0;}
    table{border-collapse:collapse;border-spacing:0;}.tmenulist
    ol,ul{list-style:none;}
    em{font-style:normal;}
    input,button,select,textarea{outline:none;}
    textarea { resize:none; }
    a:hover{text-decoration:none;}
    a:focus{outline:none;-moz-outline:none;}
    a {text-decoration:none;}
    *:before,*:after { z-index:-1;}
    .ovfHiden{overflow: hidden;height: 100%;}
    .clear{clear:both;}
    .commonwidth {
        width: 92%;
        margin: 0 auto;
    }
    .showloading {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.7);
        z-index:12;
        display:none;
    }
    .loadingbox {
        position: absolute;
        top: 35%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .loading {
        width: 20%;
        border-radius: 100%;
        overflow: hidden;
        display: block;
        animation: spin 2.5s linear infinite;
    }

    @keyframes spin  {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .loadingbox p {
        color:white;
        font-size:0.8rem;
        margin-top:0.5rem;
        display:block;
        text-align:center;
    }
    .top {
        height:2rem;
        box-shadow: 1px 1px 5px 1px rgba(188,188,188,.32);
        background-color:white;
    }

    .top label{
        line-height: 2rem;
        display: inline-block;
        margin-left: 3rem;
        font-size: .7rem;
        color: #e57704;
    }
    
    .top img {
        margin-top: .2rem;
        margin-left: .5rem;
        height: 80%;
        display: inline-block;
        float: left;
    }

    .innertop {
        position:fixed;
        top:0;
        width:100%;
        z-index:9;
        height:1.8rem;
        box-shadow: 1px 1px 5px 1px rgba(188,188,188,.32);
        background-color:white;
    }

    .innertop button{
        height:100%;
        float:left;
        background:none;
        border:none;
        width:12%;
    }

    .innertop label{
        height: 100%;
        float: left;
        text-align: center;
        line-height:1.8rem;
        width:76%;
        font-size:.7rem;
        text-align:center;
        color:#e57704;
    }

    .innertop button img{
        height: 40%;
        margin-top: 0.2rem;
        display: block;
        margin-left: 33%;
    }


    .innertop a,.top a{
        height:100%;
        line-height: 1.8rem;
        float:right;
        font-size:.6rem;
        color:#e57704;
        width:12%;
        text-align:center;
    }

    .pagewidth {
        width:92%;
        margin: 0 auto;
        margin-top:1.2rem;
    }

    .ovfHiden{
        overflow: hidden;
        height: 100%;
    }

     .outertop {
        position:fixed;
        top:0;
        width:100%;
        z-index:9;
        height:1.8rem;
        box-shadow: 1px 1px 5px 1px rgba(188,188,188,.32);
        background-color:#275016;
    }
    .outertop button {
        float:left;
        border: none;
        background: none;
        display: block;
        height: 100%;
        width: 10%;
    }
    .outertop label {
        height: 100%;
        float: left;
        text-align: center;
        line-height: 1.8rem;
        width: 80%;
        font-size: .7rem;
        color: white;
    }
    .outertop button img{
        height: 50%;
    }
    .topcenter {
        height:100%;
        width: 80%;
        float:left;
    }
    .topcenter img {
        height:70%;
        vertical-align:middle;
    }
    .topcenter label {
        color:white;
        text-align:center;
        line-height:1.8rem;
        font-size: .7rem;
        width:100%;
        display:block;
        text-overflow :ellipsis;
        overflow:hidden;
    }
    #signature{  
        border: 1px solid #cecece;
        border-radius: 5px;
        margin-top: .5rem;
        overflow: hidden;
    }
    .write_product button {
        color: white;
        border: 1px solid white;
        background-color: #f4a93c;
        height: 1.5rem;
        padding:0 0.5rem;
        margin-top: 0.5rem;
        font-size: 0.65rem;
    }
    .order_type_box {
        border-bottom: 2px solid #edefee;
        padding: 0.5rem 0;
        display:none;
    }
    .suredata_cvv,.suredata_banktime {
        display:none;
    }
    .order_type {
        color: #f4a93c;
        font-size: .7rem;
        font-family: "pingfang";
        margin-bottom:.5rem;
    }
    .order_checkbox {
        padding-left: .5rem;
        font-size: .7rem;
        color: #333;
        line-height: 1.5rem;
    }
    .order_checkbox p{
        display:inline;
    }
    .order_checkbox input {
        padding:0 0.4rem;
    }
    .order_checkbox label {
        color:#666;
        margin-left:2rem;
    }
    .order_checkbox span {
        color:#bc2824;
    }
    .transportpay span {
        color:gray;
    }
    .order_type_box samp {
        font-size: .6rem;
        color: #444;
        padding-left: .5rem;
        margin-top: 0.5rem;
        display: inline-block;
    }
    .order_type_box samp:before{
        content:"*";
        color:red;
    }
    .order_checkbox .order_checkbox_label {
        color: #333;
        margin-left: .2rem;
    }
    .write_product {
        border-bottom: 2px solid #edefee;
        padding: 0.5rem 0;
        display:none;
    }
    .write_product_title span {
        display:block;
        float:left;
        text-align:center;
        font-size:.7rem;
        color: #f4a93c;
        line-height:1.2rem;
    }
    .write_product_content input {
        display:block;
        float:left;
        text-align:center;
        font-size:0.65rem;
        height:1.4rem;
        border: 1px solid #efedf1;
        color:#9c9a9d;
    }
    .advertisement {
        width: 90%;
        margin: 0 auto;
    }
    .advertisement a {
        display: block;
        position: relative;
    }
    .advertisement img {
        width: 100%;
    }
    .advertisement .advicon {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        width: 12%;
    }
    /*********--首页--*********/

    .wap-banner {
        display:block;
        width: 100%;
        overflow: hidden;
    }
    .ind-banner {
        display:none;
    }
    .swiper-slide img{
        width:100%;
    }
    .homewidth {
        width: 92%;
        margin: 0 auto;
    }
    .homecenter {
        background-color:#f5f5f5;
        padding-top: 0.5rem;
    }
    .searchbox {
        border:1px solid #ebebeb;
        border-radius:50px;
        overflow:hidden;
        background-color:white;
    }
    .searchtext {
        width: 75%;
        height: 1.5rem;
        font-size: .55rem;
        border: none;
        padding-left: 5px;
        color: #e57704;
        margin-left:.2rem;
        float: left;
    }
    .searchbox button{
        height:1.5rem;
        border:none;
        background:none;
        float:right;
        margin-right:.5rem;
    }
    .searchbox button img{
        height:.8rem;
    }
    .homedirect {
        margin-top:0.5rem;
    }
    .homedirect li {
        display:inline-block;
        vertical-align: top;
        width: 49%;
    }
    .homedirect li a{
        display:block;
        margin-bottom:0.2rem;
    }
    .homedirect li a img {
        display:block;
        width:100%;
    }
    .homedirect li a p {
        color:black;
        font-size:0.7rem;
        line-height:1.5rem;
        text-align:center;
    }
    .homelinkbox {
        margin-top:0.5rem;
    }
    .homelinkbox a {
        display:block;
        width:49.4%;
        background-color:#feb14d;
        color:white;
        text-align:center;
        font-size:0.6rem;
        line-height:1.5rem;
        float:left;
    }
    .iconbox {
        margin:1rem 0;
    }
    .iconlist {
        margin-top:1rem;
    }
    .iconlist li {
        width:33.3%;
        float:left;
    }
    .iconlist li a{
        display:block
    }
    .iconlist li img {
        display:block;
        margin:0 auto;
        width:24%;
    }
    .iconlist li span {
        display:block;
        text-align:center;
        margin-top:.3rem;
        color:#333;
        font-size:0.5rem;
    }
    .iconlist li:first-child img{
        margin-left:0.6rem;
    }
    .iconlist li:first-child span{
        text-align:left;
    }
    .iconlist li:nth-child(3) img{
        margin-right:0.8rem;
    }
    .iconlist li:nth-child(3) span{
        text-align:right;
    }
    .linkbox {
        margin-bottom: 2.2rem;
        background-color: #f5f5f5;
        padding: 0.8rem 0;
    }
    .linkbox span {
        float:left;
        line-height: 1.2rem;
    }
    .linklist {
        display:table;
        margin:0 auto;
    }
    .linklist li{
        float: left;
        line-height: 1.2rem;
        text-align: center;
        margin:0 0.2rem;
    }
    .linklist li:last-child{
        border-left:1px solid #646464;
    }
    .linklist li:first-child{
        margin:0;
    }
    .linklist a{
        font-size:.6rem;
        color:#333;
    }
    .otherlinklist {
        display: table;
        margin: 0 auto;
        margin-bottom:.4rem;
    }
    .otherlinklist li{
        float:left;
    }
    .otherlinklist li:first-child{
        border-left:none;
    }
    .otherlinklist li a{
        color:#646464;
        font-size:.55rem;
        margin: 0 0.3rem;
        display: block;
    }
    .bottom {
        position:fixed;
        bottom:0;
        width:100%;
        border-top:1px solid #eaeaea;
        background-color:white;
    }
    .bottombutton {
        width:25%;
        display: block;
        float: left;
    }
    .bottombutton img{
        display: block;
        height: 0.8rem;
        margin: 0.2rem auto;
    }
    .bottombutton span{
        display:block;
        text-align:center;
        font-size:.6rem;
        margin:0.1rem 0;
        color:#7a7a7a;
    }
    .dicurrent span {
        color:rgb(254,177,77);
    }
    .studycourselistsbox {
        border-bottom:8px solid white;
        margin-bottom: 0.5rem;
        padding-bottom:0.5rem;
    }
    .studycourselists {
        margin-top: 0.5rem;
    }
    .studysys_titlebox {
        border-bottom:1px solid #eaeaea;
        padding-bottom:0.5rem;
    }
    .studysys_title {
        width:90%;
        margin:0 auto;
        display:block;
    }
    .studysys_title span {
        font-size:0.6rem;
        font-weight: 400;
    }
    .studycourselists li{
        width:33.3%;
        float:left;
    }
    .studycourselists li a{
        display:block;
    }
    .studycourselists li button{
        display:block;
        border:none;
        background:none;
        width:100%;
    }
    .studycourselists li img{
        width:30%;
        display:block;
        margin:0 auto;
    }
    .studycourselists li p{
        text-align: center;
        margin-top: .3rem;
        color: #333;
        font-size: 0.6rem;
    }
    .studycourselists li:first-child img{
        margin:0;    
        margin-left: 2%;
    }
    .studycourselists li:first-child p{
        text-align: left;
    }
    .studycourselists li:nth-child(3) img{
        margin:0;
        float:right;
        float: right;
        display: block;
        margin-right: 6%;
    }
    .studycourselists li:nth-child(3) p{
        display:block;
        text-align:right;
        float:right;
        width:100%;
    }
    /*********--文件列表--*********/
    .coursetitles {
        margin-top:.5rem;
    }
    .coursetitles p{
        font-size:.65rem;
        line-height:1.2rem;
        color:black;
    }
    .coursedirect {
        margin-top:.5rem;
    }
    .coursedirect li {
        float:left;
        width:50%;
        border-bottom:1px solid #f7f6f6;
    }
    .coursedirect li span{
        text-align:center;
        color:#777;
        display: table;
        margin: 0 auto;
        padding:0 .5rem;
        line-height:1.5rem;
        font-size:.6rem;
    }
    .coursedirect .current span{
        color:#010101;
        border-bottom:1.5px solid #feb14d;
        font-size:.6rem;
    }
    .coursetitles span{
        font-size:.55rem;
        color:#a6a6a6;
    }
    .coursedetail {
        width:100%;
        display:none;
    }
    .filetypes {
        padding-top:.5rem;
    }

    .filetypes li {
        padding:.4rem 0;
        border-bottom:1px solid #eaeaea;
    }
    .filetypes li a {
        display:block;
    }
    .son_course li {
        margin-left:1rem;
        border:none;
    }
    .file_title {
        font-size:.65rem;
        color:#010101;
        line-height:1rem;
    }
    .file_title img {
        float:right;
        height:10px;
        margin-top: .3rem;
        transition: transform 1s ease 0s;
    }
    .son_course {
        margin-top:.2rem;
    }
    .son_course li p {
        color:#010101;
        font-size:.55rem;
    }
    .tocourse_detail {
        margin:0 auto;
        width:60%;
        text-align:center;
        color:white;
        background-color:#34872c;
        border-radius:20px;
        line-height:1.5rem;
        margin-top:.5rem;
        margin-bottom:.3rem;
    }
    .son_course {
        display:none;
    }
     /*********--文件详情--*********/

    .filelist li{
        position: relative;
        border-bottom: 1px solid #eaeaea;
    }

    .filelist li a{
        display:block;
    }
    .filelist li img{
        float:left;
        height:1rem; 
        margin-top: 0.75rem;   
    }
    .filelist li p{
        display: block;
        font-size: .6rem;
        margin-left: 0.5rem;
        padding: .7rem 0;
        word-wrap: break-word;
        word-break: break-all;
        color:#010101;
        float:left;
        width:88%;
    }

    .files_decoration {
        float:right;
    }

    .wxcover {
        position:fixed;
        top:0;
        background:rgba(0,0,0,0.8);
        width: 100%;
        height: 100%;
        z-index:10;
        display:none;
    }

    .wxcover img {
        width:5rem;
        height:5rem;
        float:right;
    }

    .wxcover label {
        margin-top:3rem;
        display: block;
        font-size: .8rem;
        color: white;
        line-height: 1.5rem;
        text-indent: 1rem;
        margin-bottom:.5rem;
    }

    .wxcover p {
        display: block;
        font-size: .7rem;
        color: white;
        line-height: 1.5rem;
        text-indent: 2rem;
    }

    .wxcover button {
        font-size: .7rem;
        color: white;
        line-height: 1.5rem;
        display: block;
        margin: 0 auto;
        background: none;
        border: 2px solid white;
        width: 48%;
        margin-top: 1.5rem;
        border-radius: 20px;
    }

    .wxcovershow {
        display:block;
    }

    .pdfwindow {
        z-index:1;
        width:100%;
        padding-top:1.8rem;
    }

    .mediabox {
        padding-top:2.5rem;
        width:90%;
        margin:0 auto;
    }

    .mediabox audio{
        width:100%;
    }

    .mediabox video{
        width: 100%;
        height: 10rem;
        margin-top: 2rem;
    }

    #picture {
        width:95%;
        margin:0 auto;
    }

    #picture p:before{
        content:'*';
        color:red;
    }

    #picture p{
        display:block;
        font-size:.6rem;
        line-height:1.5rem;
        color:#666;
        margin-top:2rem;
        text-indent:1rem;
        border-bottom: 1px solid #dbe42f;
    }

    #picture img{
        width:100%;
        margin-top:.5rem;
        max-height:100%;
    }

    .Audio{position: relative; width: 100%; margin: 0 auto;}
    .pgs{width: 326px; margin: 0 auto 30px; background-color: #E3E8EE; text-align: center; position: relative; overflow: hidden; height: 35px;}
    .pgs-play{position: absolute; top:0; left: 4.65%; width: 0; height: 100%; background-color: #4785f9; z-index: 1;}
    .pgs img{width: 100%; position: relative; z-index: 2;}
    .audio-name{position: absolute; top: 0; width: 100%; left: 0;text-align: center; color: #666; font-size: 12px;}
    .controls{width: 100%; height: 40px; padding: 0; text-align: center;}
    .play-pause{border: 0; outline: 0; padding: 0; width: 40px; height: 40px; margin: 0 28px; background: none; display: inline-block; vertical-align: middle;}
    .icon-play{width: 40px; height: 40px; background: url(/templet/ch/images/play.png) no-repeat; display: block; color: #478f59;}
    .icon-pause{width: 40px; height: 40px; background: url(/templet/ch/images/pruse.png) no-repeat; display: block; color: #478f59;}
    .controls span{color: #b3b5b7; font-size: 12px; display: inline-block;}
    .audio-time{display: inline-block; vertical-align: middle;}


    /*********--登录页面--*********/

    .loginbox {
        padding-top:1.5rem;
    }

    .loginbox p {
        font-size:.65rem;
        line-height:1.5rem;
        color:#333;
        display:inline-block;
        float:left;
    }

    .loginbox input {
        font-size:.6rem;
        line-height:1.5rem;
        border:1px solid #e57704;
        width:70%;
        padding-left:1%;
        float:left;
    }

    .loginbox button{
        width: 94%;
        margin: 0 auto;
        color: white;
        background-color: #e57704;
        border: none;
        border-radius: 15px;
        line-height: 1.5rem;
        margin-top: 2rem;
        font-size: .7rem;
    }

    /*************-----产品列表----************/

    .product_type {
        margin-top:0.5rem;   
        width:100%;
        background-color:#f4f4f4;
    }

    .product_type li {
        width:49%;
        display:inline-block;
    }

    .product_type li:nth-child(2n) {
        margin-left:0.5%;
    }

    .product_type li img{
        width:100%;
    }

    .product_type li a{
        position:relative;
    }

   .product_type li a p{
        display:block;
        text-align:center;
        line-height:1.8rem;
        color:black;
        font-size:0.6rem;
        padding:0 0.5rem;
    }
    .commentlistbox {
        background-color:#f5f5f5;
        padding:0.5rem 0;
        margin-top: 0.5rem;
    }
    .producttitle_box {
        width:92%;
        margin:0 auto;
        margin-bottom:0.5rem;
    }

    .producttitle_box p{
        color: #7a7a7a;
        font-size:0.7rem;
        line-height:1.5rem;
        float:left;
    }
    .producttitle_box button {
        float: right;
        line-height: 1.5rem;
        font-size: .65rem;
        color: #f4a93c;
        border:none;
        background:none;
    }
    .thecontent {
    }

    .thecontent img {
        max-width:100%;
    }

    .topselect {
        width: 92%;
        margin:0.5rem auto;
        background-color: white;
    }

    .topselect label {
        font-size:0.75rem;
        color:black;
        float:left;
        width:70%;
        line-height: 1.5rem;
    }

    .topselect a{
        font-size: 0.6rem;
        background-color: #f4a93c;
        color: #fff;
        float: right;
        padding: 0 0.4rem;
        line-height: 1.2rem;
        margin-top:0.1rem;
    }

    .commentcurrent {
        border-bottom:2px solid #feb14d;
    }

    #addcomment {
        width:60%;
        display:block;
        margin:15px auto;
        height:1.5rem;
        background:none;
        border:1px solid #feb14d;
        color:#feb14d;
        font-size:.7rem;
        border-radius:20px;
    }

    .applycommentbox {
        left:100%;
        position:fixed;
        bottom:0;
        height:93%;
        width:100%;
        background:rgba(0,0,0,0.7);
        z-index:10;
    }
    .vote {
        position:fixed;
        right:0.8rem;
        bottom:1rem;
        display:inline-block;
        height:2rem;
        width:2rem;
        border:none;
        background-color:#f4a93c;
        color:white;
        font-size:0.7rem;
        border-radius:100%;
    }

    .show {
        left:0;
    }

    .closecomment {
        margin-left: 8%;
        width: 36%;
        font-size: .65rem;
        background-color: white;
        color: darkred;
        border: 1px solid darkred;
        line-height: 1.5rem;
        display: inline-block;
    }

    #content {
        width: 80%;
        margin: 0 auto;
        display: block;
        margin-top: 5rem;
        height: 7rem;
        border: 1px solid #feb14d;
        padding: 8px;
        font-size: .65rem;
        color: #333;
        line-height: 1.2rem;
    }

    #apply {
        width: 36%;
        background-color: #48c148;
        display: inline-block;
        margin-left: 10%;
        margin-top: 1rem;
        color: white;
        line-height: 1.5rem;
        font-size: .7rem;
        border: none;
    }

    .commentbox {
        width:92%;
        margin:0 auto;
        margin-top:.5rem;
    }

    .commentbox img {
        border-radius:100%;
        width:2rem;
        height:2rem;
        float:left;
    }

    .commentbox label {
        font-size:0.65rem;
        margin-top: .3rem;
        margin-left: 0.5rem;
        color: #56350a;
    }
    .commentbox button {
        float:right;
        color:#f4a93c;
        font-size:0.6rem;
        border:none;
        background:none;
    }
    .commentbox samp {
        display: block;
        margin-top: .2rem;
        margin-left: 2.5rem;
        color: #555;
        font-family:Arial;
        font-size: 0.5rem;
    }

    .commentbox p {
        display: block;
        margin-top: .5rem;
        line-height:1.1rem;
        font-size:0.6rem;
    }

    .commentbox span {
        color:#e57704;
        font-size:.65rem;
    }

    .commentbox li{
        padding-bottom:.5rem;
        margin-bottom:.5rem;
    }
    .producttabbox {
        position:fixed;
        top:2rem;
        width: 100%;
        background-color:white;
        white-space: nowrap;
        overflow: hidden;
        z-index:10;
        overflow-x: scroll;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
    }
    .producttabbox li{
        display:inline-block;
        padding:0 0.5rem;
    }

    .producttabbox li button{
        display:block;
        background:none;
        border:none;
        line-height: 1.6rem;
        font-size: 0.65rem;
        color:black;
    }

    .producttabbox .producttabcurrent button{
        color:rgb(254,177,77);
        border-bottom: 2px solid rgb(254,177,77);
    }

    .productlist {
        width:90%;
        margin:0 auto;
        margin-top:4.2rem;
        margin-bottom:0.5rem;
    }

    .productlist li{
        margin-top:0.7rem;
    }

    .productlist li a{
        display:block;
    }

    .productlist img{
        float:left;
        width:35%;
    }
    .productnamebox {
        float: left;
        width: 60%;
        margin-left: 5%;
        position: relative;
        min-height: 3rem;
    }
    .productnamebox p {
        font-size:0.6rem;
        color:#333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .productnamebox img {
        width:0.6rem;
        margin-top:1.5rem;
    }
    .productnamebox span {
        font-size: 0.6rem;
        color: #7a7a7a;
        margin-top:1.5rem;
        display:inline-block;
        margin-left:0.2rem;
    }
    .gobuybox {
        margin-top:0.5rem;
    }
    .gobuybox p{
        float:left;
        font-size:0.65rem;
        line-height:1.7rem;
    }
    .gobuybox a {
        float:right;
        position:relative;
    }
    .gobuybox img {
        height: 1.7rem;
        position: absolute;
        right: 3.8rem;
        top: -0.3rem;
    }
    .gobuybox span {
        background-color: #f4a93c;
        text-align: center;
        line-height: 1.3rem;
        padding: 0 0.8rem;
        color: white;
        display: inline-block;
        border-radius: 8px;
        font-size: 0.55rem;
    }

    /*********--home样式--*********/
    .home {
        background:url(../images/homeback.jpg);
    }
    .homeicon {
        padding-top:5rem;
    }
    .homeicon img {
        display:block;
        margin:0 auto;
        height:5rem;
        border-radius:100%;
        box-shadow: 1px 1px 5px 1px rgba(84,183,76,.55);
    }
    .homeicon p {
        color: white;
        text-align: center;
        font-size: .8rem;
        line-height:1.2rem;
        width:92%;
        margin:0 auto;
        margin-top: 1rem;
    }
    .homebutton {
        width:60%;
        margin:0 auto;
        margin-top:2rem;
    }
    .homebutton a {
        border:1px solid white;
        line-height:1.6rem;
        width:3rem;
        display:block;
        text-align:center;
        color:white;
        font-size:.8rem;
        border-radius:5px;
    }
    .gobonnie {
        border: 1px solid white;
        line-height: 1.6rem;
        width: 92%;
        display: block;
        text-align: center;
        color: white;
        font-size: .8rem;
        border-radius: 5px;
        margin:0 auto;
        margin-top: 2rem;
    }
    .gouser {
        float:right;
    }
    /***********--填报美乐家--**********/

    .applymelalueca {
        border-bottom: 1px solid #efedf1;
        padding: 0.5rem 0;
    }

    .applymelalueca label,.applymelalueca p{
        color:black;
        font-size:.7rem;
        font-family: "pingfang";
    }
    .applymelalueca samp{
        font-size:0.65rem;
        color:#ab2e2e;
    }

    .applymelalueca label{
        width:10%;
    }
    .applymelalueca p{
        margin-bottom:.5rem;
    }
    .applymelalueca input{
        color:#666;
        border:1px solid #cecece;
        font-size:.7rem;
        height:1.4rem;    
        padding: 0 0.2rem;
        border-radius:5px;
        width:76%;
        margin-left: .1rem;
    }

    .applymelalueca span {
        font-size:0.6rem;
        color:#444;
        margin-top:0.5rem;
        display:inline-block;
    }
    .applymelalueca span:before{
        content:"*";
        color:red;
    }
    #clearbankcardn {
        color: white;
        border: none;
        background-color: #275016;
        float: right;
        margin-top: .2rem;
        height: 1.3rem;
        padding: .2rem .4rem;
        border-radius: 4px;
    }
    .useraddress {
        width:92%;
        font-size:.7rem;
        color:black;
        margin: 0.5rem auto;
        padding-left:0;
    }
    .applymelaluecaaddress {
        width:90%;
        margin:0 auto;
        margin-top: 0.5rem;
        padding: 0.5rem 0;
        border: 1px solid #cccccc;
        border-radius: 5px;
        background-color: #f4fcf2;
    }
    .applymelaluecaaddress label {
        padding-left:.2rem;
    }
    .melaluecaapply {
        color:white;
        border:none;
        background-color:#e57704;
        height:1.5rem;
        width:100%;
        text-align:center;
        display:block;
        margin:1rem auto;
        font-size: 0.7rem;
    }
    .applymelaluecaaddress select {
        width:30%;
        border:none;
        color:black;
        background: none;
        text-align:center;
    }
    .addressselect {
        width:90%;
        margin:0 auto;
        border-bottom:1px solid black;
        padding-bottom:0.5rem;
    }
    .applymelaluecaaddress input {
        width: 90%;
        margin: 0 auto;
        display: block;
        font-size: .7rem;
        margin-top: 0.5rem;
        color: black;
        border: none;
        background: none;
    }
    #city {
        margin:0 3.5%;
    }
    .selectbox {
        border: none;
        line-height: 1.4rem;
        height: 1.4rem;
        color: white;
        background-color: #f4a93c;
        text-align: center;
    }
    .banksbox {
        display:none;
    }
    .updatebankbox,.updatebank_cvv {
        display:none;
    }
    .webpay {
        display:none;
    }
    .orderbankinfo {
        border-bottom: 2px solid #edefee;
        padding: 0.5rem 0;
    }
    .orderbankinfo label{
        color: #e57704;
        font-size: .7rem;
        font-family: "pingfang";
    }
    .orderbankinfo span{
        color:#bc2824;
    }
    .isselectbox {
        position:fixed;
        top:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.9);
        display:none;
        z-index:11;
    }
    .isselect {
        position:absolute;
        top:40%;
        left:5%;
        width:90%;
        background-color:white; 
        padding:1rem 0;
        border-radius:10px;
    }
    .isselect p{
        text-align:center;
        line-height:1.5rem;
        font-size:0.75rem;
        margin-bottom:0.8rem;
    }

    .isselect a{
        margin-left:20%;
        border:1px solid #e57704;
        color:#e57704;
        font-size:0.6rem;
        line-height:1.4rem;
        display:inline-block;
        padding:0 0.8rem;
        border-radius:5px;
    }
    .isselect #sureselect {
        background:#e57704;
        color:white;
        border:1px solid #e57704;
    }
    .idcarbox {
        margin-top:2.2rem;
    }
    .idcarbox span {
        font-size:0.65rem;
        color:#444;
        margin-top:0.5rem;
        display:inline-block;
    }
    .idcarbox p {
        color:black;
        font-size:.7rem;
        font-family: "pingfang";
    }
    .uploadimgbox {
        margin-top:0.5rem;
    }
    .idcarbox span:before{
        content:"*";
        color:red;
    }
    .applyphotobox {
        width:90%;
        margin:0 auto;
        margin-top:1rem;
        padding:0.5rem 0;
        border:1px solid #cccccc;
        border-radius:5px;
        background-color:#f4fcf2;
    }
    .applyphotobox p {
        color:#666;
        font-size:.7rem;
        font-family: "pingfang";
        padding-left:5%;
    }
    .applyphotobox input {
        width:90%;
        margin:0 auto;
        display:block;
        font-size:.7rem;
        margin-top:0.5rem; 
        color:black;
        border:none;
        background:none;  
    }
    .applysignbox {
        width:90%;
        margin:0 auto;
        margin-top:1rem; 
    }
    .applysignbox p {
        color:black;
        font-size:.7rem;
        font-family: "pingfang";
        line-height: 1.5rem;
        float:left;
    }
    .applysignbox p span{
        color:red;
    }
    .clearsign {
        color: white;
        border:none;
        background-color: #feb14d;
        height: 1.5rem;
        padding:0 0.5rem;
        font-size: 0.65rem;
        float:right;
    }
    /************--确认入会资料--************/
    .suredata_commonbox {
        padding: 0.5rem 0;
        border-bottom: 1px solid #efedf1;
    }
    .suredata_commonbox label {
        display:inline-block;
        min-width:3rem;
        color:black;
        font-size:0.65rem;
        line-height:1.5rem; 
        text-align:justify;
    }
    .suredata_commonbox p {
        color:black;
        font-size:0.65rem;
        line-height:1.5rem; 
        text-align:justify;
    }
    .suredata_commonbox input {
        background:none;
        border:none;
        display:inline-block;
        line-height:1.5rem;
        font-size:0.65rem;
        color:#9c9a9d;
        min-width:10rem;
    }
    .suredata_line {
        border-top:0.5rem solid #f3f1f4;
    }
    .suredata_commonbox #address,.suredata_commonbox #leader,.suredata_commonbox #leadermobile,.suredata_commonbox #helper,#helpermobile {
        width:100%;
    }
    /*********--bonnieinfo样式--*********/

    .bonnieinfo {
        margin-top:.8rem;
    }

    .bonnieinfo label {
        font-size: .7rem;
        line-height: 1.5rem;
        color: #f4a93c;
        display: inline-block;
        float: left;
        width: 28%;
        text-align: center;
    }
    .bonnieinfo img {
        width:3rem;
        height:3rem;
        border-radius:100%;
    }
    .bonnieinfo input {
        font-size: .7rem;
        line-height: 1.5rem;
        width: 70%;
        padding-left: 1%;
        float: left;
        color: #333;
        border: 1px solid #cecece;
        border-radius: 5px;
    }
    .bonnieinfo p {
        font-size: .7rem;
        line-height: 1.5rem;
        width: 70%;
        padding-left: 1%;
        float: left;
        color: #666;
        border-bottom: 1px solid #efefef;
    }

    .bonnieinfo_upload {
        width: 100%;
        margin: 0 auto;
        color: white;
        background-color: #e57704;
        border: none;
        border-radius: 5px;
        line-height: 1.5rem;
        margin-top: 2rem;
        font-size: .7rem;
    }
    .infotps {
        color:#333;
        font-size:.7rem;
        margin-top:.8rem;
        line-height:1.2rem;
    }
    .infotps:before{
        color:red;
        content:"*";
    }
    .emailist {
        right: 4%;
        background-color: white;
        border:1px solid #afafaf;
    }
    .emailist li{
        padding:0.5rem 0;
        border-bottom:1px solid #afafaf;
        font-size:0.65rem;
        text-indent: 0.2em;
    }

    .cutbox {
        height: 100%;
        background-color: white;
    }
    #avatarbox {
        margin: 0 auto;
        margin-top:1.8rem;
        background-color: black;
    }
    #avatar {
        margin: 0 auto;
        position: relative;
    }
    #avatarbox p {
        text-align: center;
        line-height: 1rem;
        font-size: 0.6rem;
        color: white;
    }
    #Mavatar-wrapper {
        margin-top:0.5rem;
    }
    .botton-box {
        width: 80%;
        position: relative;
        left: 10%;
    }
    #selectimg {
        position: relative;
        margin-top: 0.5rem;
    }
    #selectimgbutton {
        color:#e57704;
        font-size: 0.6rem;
        background-color: white;
        border-radius: 20px;
        line-height: 1.5rem;
        display: block;
        width: 100%;
        border:1px solid #e57704;
        text-align: center;
        border: none;
    }
    #Mavatar-file {
        font-size: 0.6rem;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 2rem;
        top: 0;
    }

    .cutbutton {
        color: white;
        font-size: 0.6rem;
        background-color: #c9963b;
        border-radius: 20px;
        line-height: 1.5rem;
        width: 100%;
        text-align: center;
        top: 20px;
        position: relative;
        border: none;
        display:none;
    }
    .cutbutton-info {
        background-color: #e57704;
        top: 0;
        float: right;
        display: block;
    }
    /************--申请成为美乐家会员--*************/
    .applywidth {
        width:92%;
        margin:0 auto;
    }
    .imgupload {
        border-radius: 5px;
        height: 5rem;
        width: 46%;
        overflow:hidden;
    }
    .imgbox {
        height: 5rem;
        width: 47%;
        border-radius: 5px;
        border: 1px solid #afafaf;
    }
    .uploadimgbox {
        height: 5rem;
    }
    .uploadimgbox img,.imgbox img{
        display:block;
        margin:0 auto;
        max-height:100%;
        max-width:100%;
    }
    .applymelalueca .pagewidth {
        margin-top:1.8rem;
    }
    .applywidth label {
        width:18%;
        display:inline-block;
    }
    .applywidth .banktitle {
        color:red;
        line-height:1.2rem;
        font-size:.7rem;
    }
    .applywidth .bank_teitle {
    }
    .banktitle span {
        margin:0;
        line-height:1rem;
        font-size:.65rem;
        padding-left: .8rem;
    }
    .applywidth  .banktitle span:before {
        content:"";
    }
    .banklist {
        margin-bottom:.5rem;
    }
    .banklist img {
        margin:0.2rem 0;
        margin-right:0.5rem;
        height:1rem;
    }
    /*************报单系统说明页面*************/
    .applyuse {
        margin-top:2.2rem;
    }
    .applyuse video {
        width:100%;
        height:10rem;
    }
    .usebook {
        width:92%;
        margin:0 auto;
        margin-top:.5rem;
    }
    .usebooktitle {
        margin:0 auto;
        margin-top:1rem;
        display:block;
    }
    .usebookcontent p{
        width: 47%;
        height: 3.5rem;
        margin-top: 1rem;
        text-align: center;
        border: 1px solid #314f1f;
        border-radius: 10px;
        color: #333;
        font-size: .6rem;
        padding-top: .5rem;
        line-height: 1rem;
    }
    .applyshare {
        width: 47%;
        display: inline-block;
        line-height: 1.5rem;
        font-size: .6rem;
        color: white;
        background-color: #e57704;
        border-radius: 50px;
        text-align: center;
        float:right;
        border: 1px solid #e57704;
    }
    .readd {
        display:block;
        text-align:right;
        margin-top:0.5rem;
        color:#e57704;
        text-decoration:underline;
    }
    .seeshare {
        width: 47%;
        display: inline-block;
        line-height: 1.5rem;
        font-size: .6rem;
        color: #e57704;
        background-color: white;
        border-radius: 50px;
        text-align: center;
        border: 1px solid #e57704;
        float: left;
    }
    .useapplybutton {
        position:fixed;
        bottom:0;
        width:92%;
        margin:0 auto;
        background-color:white;
        padding:0.5rem 4%;
        border-top: 4px solid #bfbfbf;
    }
    /*********--底部--*********/
    
    @keyframes bounce-down {
     25% {transform: translateY(-3px);}
     50%{transform: translateY(0);}
     75% {transform: translateY(3px);}
     100% {transform: translateY(0);}
    }
    .facloud {
        position:fixed;
        bottom:2.5rem;
        width:100%;
    }
    .facloud img {
        width: 0.8rem;
        margin: 0 auto;
        display: block;
        background: rgba(254,177,77,0.8);
        padding: 0.2rem 0.15rem;
        height: 1rem;
        -webkit-animation: bounce-down 1s linear infinite;animation: bounce-down 1s linear infinite;
    }
    .bonnebottom {
        height:1.8rem;
        position:fixed;
        bottom:0;
        width:100%;
        border-top:1px solid #bababa;
        background-color:white;
    }
    .bonnebottom a
    {
        width:50%;
        display:inline-block;
        text-align:center;
        float:left;
        line-height:1.8rem;
        color:#56350a;
        font-size:.7rem;
    }    

    .bonnebottom .index
    {
        background-color:#2a5c00;
        color:white;
    }

    .foot {
        height:2rem;
    }

    .foot {
        line-height: 2.5rem;
        text-align: center;
        font-size: .7rem;
        color: #333;
        display: block;
    }
    /*************--用户中心--**************/
    .avatarbox {
        background-color:white;
        padding-top: 1rem;
    }
    .avatar {
        float:left;
        width:15%;
    }
    .avatar img{
        width:95%;
        border-radius:100%;
        overflow:hidden;
        margin-top:.2rem;
    }
    .nickbox {
        float:left;
        margin-left: 4%;
        width: 81%;
    }
    .nickname {
        font-size:.7rem;
        color:#333;
        line-height:1.2rem;
    }
    .govip {
        background: url('../images/vipback.png') center;
        border-radius: 50px;
        line-height: 1.2rem;
        display: inline-block;
        color: white;
        padding: 0 0.7rem;
        margin-left: 0.5rem;
        float:right;
    }
    .govip img{
        margin-right: .1rem;
        vertical-align: middle;
        height: 14px;
    }
    .govip span{
        font-size:.5rem;
    }
    .userinfo {
        display:block;
        font-size:.5rem;
        color:#7a7a7a;
        line-height:1.5rem;
    }
    .userinfo img {
        vertical-align: middle;
        float: right;
        margin-top: .5rem;
        height: 0.5rem;
    }
    .user_functions {
        background-color:white;
        margin-top:0.5rem;
        border-top:#f7f6f6 .5rem solid;
    }
    .functions {
        padding:0.5rem 0;
    }
    .functions li{
        margin-top:.5rem;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: .5rem;
    }
    .functions li:first-child{
        margin-top:0;
    }
    .functions li a{
        display:block;
        color:#333;
        font-size:.65rem;
    }
    .functions img{
        vertical-align: middle;
        height:1rem;
    }
    .functions span {
        margin-left:.2rem;
    }
    .functions .rightsign {
        float:right;
        height:0.5rem;
        margin-top:.25rem;
    }
    .bonniecenter_body {
        margin:0 auto;
        width:92%;
    }
    .bonniecenter_body a {
        display:block;
        text-align:center;
        line-height:4rem;
        border-bottom:1px solid #9a9a9a;
        font-size:.7rem;
        color:#275016;
    }
    .mlj_listtips {
        width:90%;
        margin:0 auto;
        margin-top:2rem;
    }
    .mlj_listtips samp{
        font-size:0.6rem;
        color:red;
        line-height: 1.5rem;
    }
    .mlj_list {
    }
    .mlj_list li {
        width:92%;
        margin:0 auto;
        padding-top:.5rem;
        border-bottom:1px solid #aeaeae;
        padding-bottom:.5rem;
    }
    .mlj_list a{
        display:block;
    }
    .mljavatar {
        border-radius: 100%;
        height: 2rem;
        float:left;
    }
    .mlj_list p {
        color: #e57704;
        line-height: 2rem;
        font-size: .7rem;
        display:inline;
        margin-left:.8rem;
    }
    .mlj_list span {
        color: #56350a;
        line-height: 2rem;
        font-size: .65rem;    
        margin-left: .5rem;
    }
    .mljdetail label {
        width: 24%;
        display: inline-block;
    }

    .mljdetail input {
        color: #333;
        border: 1px solid #cecece;
        font-size: .7rem;
        height: 1.4rem;
        padding: 0 0.2rem;
        border-radius: 5px;
        width: 70%;
        margin-left: .1rem;
    }
    .mljdata {
        border-bottom: 2px solid #edefee;
        padding: 0.5rem 0;
    }
    .mljdata label ,.mljdata span {
        color: #f4a93c;
        font-size: .7rem;
        font-family: "pingfang";
    }
    .mljdata span
    {
        color:#333;
        margin-left:1.5rem;
    }
    .updatemlc {
        color: white;
        border: none;
        background-color: #e57704;
        height: 1.5rem;
        width: 100%;
        text-align: center;
        display: block;
        margin: 1rem auto;
        font-size: .7rem;
        border-radius: 5px;
    }
    .previewimgs img {
        width:100%;
        margin-top: 2.2rem;
    }
    #previeworderimg {
        margin-top:0;
    }
    .sharecheckdata {
        width:92%;
        margin:0 auto;
    }
    .previedetails {
        width:92%;
        margin:0 auto;
        margin-top:0.5rem;
    }
    .previedetails label {
        color:#f4a93c;
        font-size: 0.65rem;
        font-family: "pingfang";
    }
    .previedetails span {
        font-size:0.65rem;
        color: black;
    }
    .previedetails a {
        font-size:0.65rem;
        color:white;
        display:inline-block;
        line-height:1.2rem;
        padding:0 0.2rem;
        background-color:#feb14d;
    }
    /*****************--二维码界面--******************/
    .qrcode_box {
    }

     #qrcode {
        display: block;
        width:100%;
    }
    .qrcodebutonbox {
        background-color:white;
    }
    .qrcodebuton {
        width:92%;
        margin:0 auto;
        padding:1rem 0;
        display:flex;
    }
    .qrcodebuton li {
        width:33%;
    }
    .qrcodebuton li button {
        background:none;
        border:none;
        display:block;
        color:#000;
    }
    .qrcodebuton li button img{
        display:block;
        width:50%;
        margin: 0 auto;
    }
    .qrcodebuton li button p{
        text-align:center;
        font-size:0.6rem;
        display:block;
        margin-top:0.5rem;
    }
    .ruls {
        margin-top:1rem;
        padding: 1rem 0;
        background-color: white;
    }
    .ruls img{
        width: 88%;
        margin:0 auto;
        display:block;
    }

    /*******************微信支付*********************/
    .paytop {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
        box-shadow: 1px 1px 5px 1px rgba(188,188,188,.32);
        background-color: #275016;
    }
    .paytopcenter{
        height:30px;
        display:table;
        margin:0 auto;
        padding:2px 0;
    }
    .paytop button {
        float: left;
        border: none;
        background: none;
        display: block;
        height: 30px;
    }
    .paytop button img {
        height: 70%;
        display: block;
        margin-top: 10px;
        margin-left: 10px;
    }
    .paytopcenter img{
        vertical-align: middle;
    }
    .paytopcenter label{
        font-size:14px;
        color: white;
        margin-left:5px;
        line-height: 30px;
    }
    .paybox {
        width: 92%;
        margin: 0 auto;
        margin-top: 100px;
    }
    .paytype input {
        margin-left:20px;
    }
    .paytype p {
        font-size:18px;
        color:#275016;
        line-height:30px;
    }
    .paytype span {
        margin-left:10px;
        font-size:16px;
        line-height:25px;
        color:#333;
    }
    .paytype label {
        color:#bc2824;
    }
    .topay {
        margin-top:80px;
    }
    .topay button {
        width:45%;
        border:none;
        line-height:30px;
        font-size:16px;
        border-radius:5px;
    }
    .paycourse p {
       font-size:.7rem; 
    }
    .coursepricebox {
        width: 4rem;
        margin: 0 auto;
        padding: 1rem 0;
        border: 1px solid #f78d2f;
        background-color: #fceee1;
        margin-top: 1rem;
        border-radius: 10px;
    }
    .coursepricebox label{
        display:block;
        text-align:center;
        color:#f78d2f;
        font-size:.7rem;
    }
    .coursepricebox span {
        font-size:.8rem;
        color:#f78d2f;
        margin-top:.5rem;
        display:block;
        text-align:center;
    }
    .paycoursebutton {
        margin-top:2rem;
    }
    .paycoursebutton button{
        width: 45%;
        border: none;
        line-height: 30px;
        font-size: 16px;
        border-radius: 5px;
    }
    .paycoursebutton .cancelpay {
        background-color:white;
        border:1px solid #255116;
        color:#255116;
        line-height:1.5rem;
    }
    .paycoursebutton .surepay {
        background-color:#255116;
        border:1px solid #255116;
        color:white;
        float:right;
        line-height:1.5rem;
    }
    /********************-- 消息 --****************/
    .newsbox {
        background-color:white;
        padding-bottom:.7rem;
        margin-top:2rem;
    }
    .newsbox li{
        border-bottom:1px solid #eaeaea;
        padding:.7rem 0;
    }
    .newsimg {
        float:left;
        width:35%;
    }
    .newsimg img {
        width:100%;
    }
    .newstitle {
        float:left;
        margin-left:5%;
        width:60%;
    }
    .newstitle span {
        font-size:.65rem;
        color:#333;
        display: block;
        line-height:1.1rem;
    }
    .newstitle label {
        font-size:.55rem;
        color:#a6a6a6;
    }
    .newstitle p{
        font-size:.65rem;
        color:#5b5b5c;
        margin-top:.2rem;
        line-height:1.1rem;
    }
    .newsdetailbox {
        width:90%;
        margin:0 auto;
        margin-top:2rem;
    }
    .newsdetailbox  img{
        max-width:100%;
    }
	.newsdetailbox video {
        max-width:100%;
		margin-bottom: 0.5rem;
    }
    .photolist {
        width:90%;
        margin:0 auto;
    }
    .photolist li{
        width:30%;
        display:inline-block;
        vertical-align:top;
        margin-top:0.5rem;
        height: 3rem;
        overflow: hidden;
    }
    .photolist li:nth-child(3n-1){
        margin:0 3%;
        margin-top:0.5rem;
    }
    .photolist li img{
        height: 150%;
    }
    .photobox {
        position:relative;
    }
    #scale {
        position:fixed;
        width:100%;
        height:100%;
        display:none;
		overflow: hidden;
		top:0;    
        z-index: 12;
		bottom:0;
		left:0;
		right:0;
        background-color:white;
    }
    #scale #showphoto{
		transition: 0s ease all;
		position:absolute;
		top:0;
        max-height:100%;
		max-width:100%;
        margin:0;
		padding:0;
	}
    #scale button{
        position:absolute;
        top:0.5rem;
        right:0.5rem;
        border-radius:100%;
        height:1.5rem;
        width:1.5rem;
        line-height:1.5rem;
        display:block;
        border:none;
        background:none;
        padding:0;
    }
    #scale button img {
        width:80%;
    }
    .changephotobox {
        position: absolute;
        bottom: 0;
        padding: 0.5rem 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: white;
    }
    .changephotoprev, .changephotonext {
        width:50%;
    }
    .changephotoprev img, .changephotonext img{
        width:25%;
        display:block;
        margin:0 auto;
    }
     /*****************  公共 ******************/

    .list-paddingleft-2 {
        margin-left:5%;
        width:95%
    }
    .otherlist li {
        border-bottom: 1px solid #5a5a5a;
        padding: 10px 0;
    }
    .otherlist  li a {
        display: block;
    }
    .homecourse_left {
        float: left;
    }
    .homecourse_left  p {
        font-size: .65rem;
        color: black;
        line-height: 1rem;
    }
    .homecourse_right {
        float: right;
        font-size: .6rem;
        color: #efedf1;
        line-height: 2rem;
    }
    .homecourse_left .other, .other {
        line-height: 1.3rem;
    }
    .homecourse li {
        margin-top:0.5rem;
    }

    .learntitle {
        display:block;
        font-size:.7rem;
        line-height:1.2rem;
        color:#333;
        margin-bottom:.5rem;
    }

    .learnaudio {
        width:100%;
    }
    .showloadings {
        position:fixed;
        top:0;
        background:rgba(0,0,0,0.8);
        width:100%;
        height:100%;
        display:none;
        z-index: 11;
    }
    .showloadings img{
        margin:0 auto;
        display:block;
        margin-top:10rem;
        height:60px;
        -webkit-transform: rotate(360deg);
        animation: rotation 2.3s linear infinite;
        -moz-animation: rotation 2.3s linear infinite;
        -webkit-animation: rotation 2.3s linear infinite;
        -o-animation: rotation 2.3s linear infinite;
    }
    .showloadings p{
        margin-top:1rem;
        color:white;
        font-size:0.8rem;
        text-align:center;
    }
    .loadingshow {
        display:block;
    }

    @-webkit-keyframes rotation{
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }
    .dialogbox {
        position:fixed;
        top:0;
        background:rgba(0,0,0,0.8);
        width:100%;
        height:100%;
        z-index: 9;
        display:none;
    }
    .dialogcontent {
        margin:0 auto;
        margin-top:8rem;
        color:white;
        text-align:center;
        font-size:.7rem;
        width: 92%;
        font-size: .8rem;
        line-height: 1.5rem;
    }
    .dialogbox button {
        display:block;
        background-color:white;
        color:#e57704;
        margin:0 auto;
        width:80%;
        line-height:1.5rem;
        font-size:.7rem;
        margin-top:1.5rem;
        border:1px solid #e57704;
        border-radius:5px;
    }
    .servicebox {
        position:fixed;
        right: 0.4em;
        bottom: 3rem;
        width: 1.5rem;
        z-index:10;
    }
    .servicebox a{
        display:inline-block;
        width:100%;
        margin-bottom:0.5rem;
    }
    .servicebox a img{
        width:100%;
    }
    /********************产品学苑******************/
    .productcollegecover {
        float:left;
        width:35%;
        border-radius:10px;
        overflow:hidden;
    }
    .productcollegecover img {
        width:100%;
    }
    .productcollegename {
        float: left;
        margin-left: 4%;
        width: 60%;
    }
    .productcollegename p {
        color: #000;
        font-size: .6rem;
    }
    .audiohead,.newshead{
        top: 0.5rem;
        z-index: 11;
        position: fixed;
        width:15%;
    }

    .audiohead a{
        color:white;
        font-size:18px;
    }
    .collectbox{
        float:right;
        border:none;
        background:none;
        background: rgba(0,0,0,0.5);
        border-radius:20px 0 0 20px;
        height:1.6rem;
        padding-left:.5rem;
        color:white;
        font-size:.6rem;    
    }
    .collectbox img{
        vertical-align: middle;
    }
    .collectbox span{
        display:inline-block;
        line-height:1.6rem;
    }
    #audioback {
        background: rgba(0,0,0,0.5);
        width: 0.6rem;
        height:0.6rem;
        border-radius: 100%;
        display: inline-block;
        padding:0.5rem;
        margin-left: 10px;
    }
    #audioback img{
        height: 100%;
        display: block;
        margin: 0 auto;
    }
    /****************--事业学院--****************/
    .advertismentbutton,.advertisment {
        display:block;
        width:100%;
    }
    .advertismentbutton img,.advertisment img {
        display:block;
        width:100%;
    }
    .causelist {
        margin:1rem auto;
    }
    .causelist li {
        margin-top:.5rem;
    }
    .causecover {
        float: left;
        width: 35%;
        border-radius: 10px;
        overflow: hidden;
    }
    .causename {
        float: left;
        margin-left: 4%;
        width: 60%;
    }
    .causename p {
        color: #000;
        font-size: .6rem;
    }
    .causename label{
        font-size: .5rem;
        color: #777;
        margin-top: 0.2rem;
        display:block;
    }
    .causename samp{
        margin-top:1rem;
        display:inline-block;
        font-size:.5rem;
        color:#777;
    }
    .causename span{
        margin-top:0.7rem;
        display:inline-block;
        float:right;
        font-size:.6rem;
        background-color:#34872c;
        border-radius:50px;
        line-height:1.2rem;
        padding:0 .6rem;
        color:white;
    }

    /***********成功故事*************/
    .successstorybox {
        width:90%;
        margin:0.5rem auto;
        margin-top:2rem;
    }
    .storytypelist {
    }
    .storytypelist span {
        font-size: 0.7rem;
        color: black;
        line-height: 1.8rem;
    }
    .storytypelist a {
        font-size: 0.55rem;
        line-height: 1rem;
        display: inline-block;
        background-color: #f4a93c;
        color: white;
        margin-left: 0.2rem;
        padding: 0 0.3rem;
    }
    .storypeople {
        margin-top:0.5rem;
    }
    .storypeople li {
        width: 49%;
        vertical-align: top;
        display: inline-block;
    }
    .storypeople li:nth-child(2n) {
        float:right;
    }
    .storypeople li img {
        width:100%;
    }
    .storypeople li p {
        line-height: 1.4rem;
        color: black;
        font-size: 0.6rem;
        margin: 0.5rem auto;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .personlist_box {
        margin:0 auto;
        width:90%;
        margin-top:2rem;
    }
    .personlistbox {
        margin-top:0.5rem;   
        width:100%;
        background-color:#f4f4f4;
    }

    .personlistbox li {
        width: 49%;
        vertical-align: top;
        display: inline-block;
    }

    /*.personlistbox li:nth-child(2n) {
        margin-left: 0.5%;
    }*/

    .personlistbox li img{
        width:100%;
    }

    .personlistbox li p{
        text-align:center;
        line-height:1.5rem;
        color:#666;
        font-size:0.6rem;
        width:90%;
        margin:0 auto;
    }

    .thecontent img {
        max-width:100%;
    }

    .personcommenttitle {
        position: fixed;
        width: 100%;
        top: 1.8rem;
        background-color: white;
        z-index:9;
    }

    .personcommenttitle li {
        width:50%;
        float:left;
    }

    .personcommenttitle li a {
        display:block;
        text-align:center;
        font-size:.65rem;
        color:#333;
        line-height:1.5rem;
    }

    .personcommenttitel {
        margin-top:.5rem;
        border-bottom:1px solid #5a5a5a;
        padding-bottom: .2rem;
    }

    .personcommenttitel p{
        color:white;
        background-color:#feb14d;
        font-size:.7rem;
        line-height: 1.4rem;
        padding: 0 .5rem;
        display:inline-block;
    }
    .personcommenttitel a {
        float: right;
        line-height: 1.5rem;
        font-size: .65rem;
        color: #010101;
    }
    .audiobox {
        background-color:#efefef;
        border-radius:5px;
        margin:0.5rem 0;
    }

    .audiocontain {
        width:95%;
        margin:0 auto;
        padding:0.5rem 0;
    }
    .audiocontain p {
        font-size:0.65rem;
        color:black;
    }
    .progresstimebox {
       margin-top:0.4rem;
       float:left;
       width:81%;
    }
    .audioprogressbox {
        height: 6px;
        cursor: pointer;
        overflow: hidden;
        background-color: #bfbfbf;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }
    .audioprogressbar {
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
    }
    .audioprogress-bar-danger {
        background-color: #666;
    }
    .audiodurationtime {
        float:right;
    }
    .audiocurrenttime,.audiodurationtime {
        line-height:1.2rem;
        font-size:0.65rem;
        color:#333;
    }
    .playbutton {
        float:right;
        display:block;
        width:14%;
        background:none;
        border:none;
    }
    .playbutton img {
        width:100%;
    }
    /*****************--问题咨询--**************/
    .messagebox p {
        font-size:0.7rem;
        margin:0.5rem 0;
        color:black;
    }
    .messagebox textarea {
        width: 98%;
        height: 9rem;
        padding: 0.2rem;
        font-size: 0.65rem;
        line-height: 1.4;
        border: 1px solid #cfcfcf;
    }
    .messageimglist {
        width:100%;
    }
    .imgadd {
        width:17%;
        margin: 0.5rem 0;
    }
    .imgone,.imgtwo,.imgthree {
        width:30%;
        margin-right:2%;
        position:relative;
        display:none;
        float:left;
    }
    .imgone img,.imgtwo img,.imgthree img{
        width:100%;
    }
    .imgone button,.imgtwo button,.imgthree button{
        position:absolute;
        top:0;  
        right:0;
        width:1rem;
        height:1rem;
        border:none;
        color:#e57704;
        border:1px solid #e57704;
        font-size:.6rem;
    }
    .messageimglist label {
        margin-top:0.5rem;
    }
    .messageimglist label:before {
        content:"*";
        color:red;
    }
    .messagebox p .askpayfor {
        color:#e57704;
    }
    .sendmessage {
        width:100%;
        color:white;
        background-color:#e57704;
        border:none;
        font-size:.6rem;
        display:block;
        margin:1rem 0;
        height: 1.5rem;
        border-radius:20px;
    }
    /********************--开通会员--******************/
    .vipbackbox {
        background: url('../images/vipback_02.jpg') center no-repeat;
        background-size:100% 100%; 
        padding:1rem 0;
    }
    .vipbackbox img{
        height:3rem;
        width:3rem;
        border-radius:100%;
        overflow:hidden;
        display:block;
        margin: auto;
        margin-bottom: 1rem;
    }
    .vipbackbox p{
        margin-top:.5rem;
        text-align:center;
        line-height:1.2rem;
        font-size:.6rem;
        width: 90%;
        margin: 0 auto;
    }
    .vipbackbox strong{
        margin-top:.5rem;
        text-align:center;
        line-height:1.2rem;
        font-size:0.65rem;
        width: 90%;
        margin: 0 auto;
        display:block;
    }
    .vipbackbox strong label{
        font-size:0.65rem;
        color: #666;
        font-weight: 100;
    }
    .tovipbox {
        margin-top:1rem;
    }
    .payyars {
        width:90%;
        margin:0 auto;
        margin-top:1rem;
    }
    .payyars label {
        font-size:0.6rem;
        color:#333;
        line-height:1.5rem;
    }
    .payselectyears {
        line-height:1.5rem;
        font-size:0.6rem;
        height:1.5rem;
        padding:0 0.5rem;
        border:1px solid #fbcb5f;
        color:#333;
        background-color:white;
    }
    .tovipbox button {
        width:92%;
        border:none;
        background-color:#fbcb5f;
        border-radius:50px;
        line-height: 1.5rem;
        font-size: .6rem;
        margin:0 auto;
        display:block;
        color: #333;
        margin-top:0.5rem;
    }
    .tovipbox img {
        width: 60%;
        display: block;
        margin: 0 auto;
        margin-bottom: 1rem;
    }
    .viptips {
        margin-top:1rem;
    }
    
    .viptips label {
	    font-size: 0.6rem;
	    color: #333;
	    line-height: 1.8rem;
	    display: block;
    }

    .viptips label::before {
	    content: "*";
	    color: red;
    }

    .viptips p {
	    font-size: 0.5rem;
	    color: #333;
	    line-height: 1.8rem;
	    display: block;
	    text-indent: 2em;
    }
    .vipcondition {
        margin: 1rem auto;
    }
    .vipconditiontitle {
        margin-bottom:.5rem;
    }
    .vipconditiontitle img {
        height:1.2rem;
        vertical-align: bottom;
    }
    .vipconditiontitle span {
        line-height:1rem;
        font-size:.8rem;
        color:#e8b239;
        margin-left:.2rem;
    }
    .vipcondition p {
        margin-left:1.6rem;
        font-size:.6rem;
        line-height:1.2rem;
    }
    /***************--AQ问答--****************/
    .questionbox li {
        padding:.5rem;
        border-bottom:1px solid #eaeaea;
    }
    .questionicon {
        float: left;
        background-image: url('../images/QA_03.jpg');
        color:white;
        padding:.1rem .2rem;
        font-size:.6rem;
    }
    .questiontitle {
        float:left;
        font-size:.6rem;
        margin-left:.5rem;
        line-height:1.1rem;
        width:88%;
        color:black;
    }
    .answericon {
        float: left;
        background-image: url('../images/QA_06.jpg');
        color:white;        
        padding:.1rem .2rem;
        font-size:.6rem;
        margin-top:.5rem;
    }
    .answercontent {
        float:left;
        font-size:.6rem;
        margin-left:.5rem;
        line-height:1.1rem;
        margin-top:.5rem;
        color:#a6a6a6;
        width:88%;
    }
    /**************-产品消费问卷调查--*************/
    .selectproductbackbox {
        position:relative;
        margin-top:1.8rem;
        padding-bottom:0.5rem;
    }
    .selectproductbackbox img {
        width:100%;
    }
    .selectproductback {
        width: 100%;
        position:absolute;
        top:0;
        left:0;
    }
    .selectproductback p{
        color:white;
        text-align:center;
        padding-top: 1rem;
        font-size: 0.8rem;
    }
    .companyintroductbox {
        display:table;
        margin:0 auto;
        margin-top:0.5rem;
    }
    .companyintroduct {
        display:inline-flex;
        flex-direction:row;
    }
    .selectproductback strong{
        color: white;
        margin: 0 auto;
        text-align: left;
        margin-top: 0.8rem;
        font-size: 1rem;
        display: table;
        line-height: 1.3rem;
    }
    .companyintroduct li a {
        display:block;
        color:white;
        font-size:0.65rem;
        line-height: 1.5rem;
    }
    .companyintroduct li a:before{
        content:"·";
        color:white;
    }
     .companyintroduct li:first-child a:before{
        content:"";
    }
    .selectproductboxp {
        width:90%;
        margin:0 auto;
        color:#e57704;
        margin-bottom:0.5rem;
        line-height:1.5rem;
        font-size:0.75rem;
    }
    .productmark samp {
        font-size:0.65rem;
        color:red;
        line-height:1.2rem;
    }
    .category_name {
        background-color: #328921;
        cursor: pointer;
        display: flex;
        font-size: 18px;
        justify-content: space-between;
        padding: 10px 0px;
        width: 100%;
    }
    .category_name span{
        margin-left:15px;
        color:white;
    }
    .category_name img{
        transition: transform 1s ease 0s;
        vertical-align: middle;
        height:15px;
        margin-right:15px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    .category_name .fa {
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
    }
    .theproductlistbox {
        width:99%;
        margin-left:1%;
    }
    .theproductlist {
        margin-top:0.8rem;
    }
    .product-label {
        display:flex;
        flex-direction:row;
        align-items:center;
    }
    .product-label em {
        width:0.8rem;
        height:0.8rem;
        display:inline-block;
        background-image:url(../images/icon_unselect_05.png);
        background-size:100%;
        background-repeat:no-repeat;
    }
    .checkbox-label {
        font-size:0.6rem;
        margin-left:5px;
        line-height:1.1rem;
    }
    .product-labelcurrent em {
        background-image:url(../images/icon_selected_08.png);
    }
    .product-labelcurrent span {
        color:#328921;
    }
    .product_item {
    }
    .product_itemdetail {
        margin-top:0.5rem;
        display:flex;
        flex-direction:row;
        align-items:center;
    }
    .product_itemdetail input {
        display:none;
    }
    .product_itemdetail img {
        width:30%;
        margin-left: 3%;
    }
    .product_itemdetail span {
        margin-left:4%;
        width: 45%;
        color:black;
        font-size:0.65rem;
        line-height:1.1rem;
        min-height:1.8rem
    }
    .product_itemdetailcurrent {
        border:1px solid #328921;
        background-color:#f4fcf2;
        border-radius:5px;
        overflow:hidden;
    }
    .product_itemdetail .productdelete {
        width: 5%;
        margin-left: 1%;
        display:none;
    }
    .product_itemdetail label {
        height:1.8rem;
        font-size:0.65rem;
        font-family:Arial;
        line-height:1.1rem;
        margin-left: 2%;
        width: 15%;
        text-align: center;
        display:none;
    }
    .selectlistbox {
        display:none;
    }
    .selectmoney {
        text-align:center;
        font-size:24px;
        line-height:30px;
        margin-top:30px;
    }
    .selectlist li {
        margin:.5rem 0;
    }
    .selectlist li img{
        float:left;
        width:20%;
    }
    .selectproduct_title{
        float:left;
        margin-left:20px;
        font-size:14px;
        color:#333;
    }
    .selectproduct_title span{
        color:#888;
        margin-top:5px;
        display:block;
    }
    .seeselect {
        width:100%;
        border:none;
        background-color:#275016;
        line-height: 2rem;
        color: white;
        font-size:0.7rem;
        border:1px solid #275016;
        float:left;
        margin-bottom:2rem;
    }
    .sureselectshowbox {
        display:flex;
        flex-direction:row;
        display:none;
        padding-bottom:2rem;
    }
    .sureselectshowbox button{
        width:32%;
        color:white;
        font-size:0.7rem;
        border:none;
        line-height: 2rem;
        padding:0;
    }
    .reselect {
        background-color:#a7a7a7;
    }
    .sureselect {
        background-color:#477e2f;
        margin:0 2%;
    }
    .addmela {
        background-color:#285116;
    }
    .selectproductremark {
        display:none;
    }
    .selectproductremark img {
        width:100%;
    }

    /****************--重新加入美乐家--******************/
    .readdbox {
        margin-bottom:.8rem;
    }
    .readdbox label {
        font-size:.65rem;
        color:#333;
        line-height:1.5rem;
    }
    .readdbox input {
        font-size:.65rem;
        color:#333;
        border:none;
        border:1px solid #e57704;
        border-radius:5px;
        height:1.5rem;
        line-height:1.5rem;
        float:right;
        width:74%;
        padding-left:5px;
    }
    .readdbox p{
        font-size:.65rem;
        color:#333;
        line-height:1.5rem;
    }
    .readdapply{
        font-size:.7rem;
        color:#333;
        line-height:1.5rem;
        border:none;
        background-color:#e57704;
        color:white;
        width:100%;
        display:block;
        border-radius:5px;
        margin-top:2rem;
    }
    .channellist {
        padding-top: .5rem;
    }
    .channellist li {
        border-bottom: 1px solid #dbe42f;
        padding: .4rem 0;
    }
    .channel_ico {
        float: left;
        width: 11%;
    }
    .channel_title {
        float: left;
        width: 80%;
        margin-left: .8rem;
    }
    .channel_title p {
        font-size: .65rem;
        color: #56350a;
        line-height: 1rem;
    }
    /****************--组织列表--***************/
    .userorganizebox {
        height:100%;
        margin-bottom:2rem;
    }
    .userorganize {
        margin-top:.5rem;
    }
    .userorganize li {
        margin-bottom:.5rem;
    }
    .infobox {
        float:left;
    }
    .userorganize button {
        float:right;
    }
    .infobox span {
        font-size:.7rem;
        color:#e57704;
    }
    .infobox label {
        font-size:.65rem;
        color:#56350a;
    }
    .infobox p {
        font-size:.65rem;
        color:#333;
        line-height:1.5rem;
    }
    .userorganize button {
        font-size:.65rem;
        border:none;
        background-color:white;
        border:1px solid #e57704;
        color:#333;
        line-height:1.2rem;
        margin-top:0.4rem;
    }
    .organizebutton {
        position: fixed;
        bottom: .5rem;
        width:92%;
        height:1.5rem;
    }
    .handstoaddorganize {
        line-height: 1.5rem;
        display: block;
        text-align: center;
        float:left;
        width: 48%;
        border: 1px solid #275016;
        color:#275016;
    }
    .toaddorganize {
        line-height: 1.5rem;
        display: block;
        text-align: center;
        float:right; 
        width: 48%;
        border: 1px solid #275016;
        background-color:#275016;
        color:white;
    }
    /*****************--添加组织成员--******************/
    .selectuser {
        float:right;
        width:80%;
    }
    #organize_leaderinput {
        width:100%;
    }
    #organize_leader {
        width:100%;
        background:none;
    }
    /***************--搜索--*****************/
    .searchproduct {
        padding-top: .5rem;
    }
    .searchproduct li {
        margin-top: 0.5rem;
    }
    .searchproduct li a {
        display:block;
    }
    .searchfile_ico {
        width: 30%;
        float: left;
    }
    .searchfile_title {
        font-size: .65rem;
        color: #010101;
        line-height: 1rem;
        float: left;
        margin-left: .5rem;
    }
    .searchcourse li {
        position: relative;
        border-bottom: 1px solid #eaeaea;
    }
    .searchcourse li a {
        display: block;
    }
    .searchcourse li img {
        float: left;
        height: 1rem;
        margin-top: .5rem;
    }
    .searchcourse li p {
        display: block;
        font-size: .6rem;
        margin-left: 0.5rem;
        padding: .5rem 0;
        word-wrap: break-word;
        word-break: break-all;
        color: #010101;
        float: left;
        width: 88%;
    }
    /*----------------------排行榜界面------------------------*/

    /*大背景*/
    .backimg{
        background:url("../images/rankbgimg.png") no-repeat;  
        background-size: 100%;
        margin:-1.2rem auto;
    }

    /*奖杯图片*/
    .prize{
        width: 100%;
        padding-top:3rem;
    }

    /*排行规则画布*/
    .rulediv {
        width:100%;
        background:url("../images/rule.png") no-repeat; 
        background-size: 100%;
    }

    /*排行规则按钮*/
    .rulebutton{
        color:#ff9630;
        border: none;
        background-color:white;
        border-radius:60px;
        width:25%;
        margin:0.1rem auto;
        line-height:0.9rem;
        display:table;
        text-align:center;
    }
    .listyle {
        margin-bottom:0.8rem;
    }
    /*排行榜单画布样式*/
    .bgpic{
       padding-left:2%;
       padding-top:5%;
       padding-bottom:2%;
       margin:1.3rem auto;
       width: 84%;
       padding-right: 0.5rem;
       background-color:white;
       box-shadow: 0px 9px 12px 0px rgba(240,196,186,.5) inset;
    }
    .bgpic ul {
        width:96%;
        margin:0 auto;
    }
    .hotproduct_imgbox {
        width:22%;
        position:relative;
        float:left;
    }
    /*商品图片*/
    .goodpic{
        overflow: hidden;
        display: block;
        border:1px;
        border-style: solid ;
        border-color: #969696;
        width:100%;
    }

    .circlecolor1{
        border-color: #fd5331;
    }
    .circlecolor2{
        border-color: #ff7100;
    }
    .circlecolor3{
        border-color: #fdc531;
    }

    /*排行标志*/
    .ranknumpic{
        position:absolute;
        top:0;
        left:0;
        width:60%;
    }
    .ranknum{
        position:absolute;
        top:0;
        left:3px;
        font-size:0.6rem;
        color:white;
        display:inline-block;
    }

    /*商品名称*/
    .hotproduct_namebox {
        float:left;
        width:74%;
        margin-left:4%;
    }
    .goodname{
        color:#333;
        font-size: 0.7rem;
        line-height:1rem;
        display:block;
        float:left;
        width:90%;
    }
    .range{
        color:#333;
        font-size: 0.7rem;
        line-height:1rem;
        display:block;
        float:left;
        width:10%;
        font-family:Arial;
    }
    .rangeo {
        color:#fd5331;
    }
    .rangetwo {
        color:#ff7100;
    }
    .rangethree {
        color:#fdc531;
    }
    .hotproduct_button {
        margin-top:0.5rem;
    }
    .hotproduct_button button {
        float:right;
        border:none;
        color:white;
        background-color:#fd5331;
        border-radius:5px;
        padding:0.2rem;
    }
    .hotproduct_button .voted{
        background-color:#cecece;
    }
    .hotproduct_button a {
        float:right;
        color:#ff7100;
        font-size:0.6rem;
        line-height:1.2rem;
        margin-right:0.5rem;
    }
    .theEnd{
       display:table;
       margin:0 auto;
       width:25%;
       margin-top: -0.67rem;
       padding-bottom: 0.7rem;
    }

    /**************--年会报名--***************/
    .yearparty_box {
        width:100%;
        background-image:url(../images/yearpartybg.jpg);
        background-size: 100% 100%;
        background-repeat:no-repeat;
    }
    .yearparty_cotent {
        padding-top:30%;
        width:75%;
        margin:0 auto;
    }
    .yearparty_price {
        text-align:center;
        color:#e94730;
        font-size:2rem;
        font-family:Arial;
        line-height: 1.5rem;
    }
    .yearparty_price span{
        font-family:"方正姚体";
        font-size:1.1rem;
    }
    .yearparty_cotent input {
        display:block;
        width:98%;
        height:1.5rem;
        margin-top:1rem;
        color:#333;
        border:1px solid #e94730;
        padding-left:2%;
        font-size:0.7rem;
    }
    .yearparty_cotent select {
        display: block;
        width:100%;
        height: 1.5rem;
        margin-top: 1rem;
        color: #333;
        border: 1px solid #e94730;
        padding-left: 2%;
        font-size: 0.7rem;
    }
    .yearparty_cotent button {
        display:block;
        width:100%;
        height:1.5rem;
        margin-top:1.5rem;
        background-color:#e94730;
        color:white;
        font-size:0.7rem;
        border:none;
    }
    .yearparty_other:before {
        content:"*";
        color:black;
    }
    .yearparty_other{
        color:black;
        margin-top:0.5rem;
        font-size:0.6rem;
    }
    
    /*********课程表*******/
    .mediaposter {
        position:absolute;
        top:0;
        z-index:10;
    }
    .course_channel {
        border-bottom: 2px solid #f7f6f6;
        margin-top: 0.5rem;
        border-top:0.4rem solid #f7f6f6;
    }

    .course_channel li{
        float:left;
        line-height:1.5rem;
        width:33.3%;
    }

    .soncourse_channel li{
        width:100%;
    }

    .course_channel li p{
        text-align:center;
        font-size:0.65rem;
        color:#777777;
    }

    .course_channel .currentchannel p{
        border-bottom: 2px solid rgb(254,177,77);
        display: table;
        margin: 0 auto;
    }

    .course_channel .currentchannel p{
        color:black;
    }
    .mynote,.notelistbox {
        position:relative;
    }
    .showbox {
        padding-bottom: 3rem;
    }
    .notelist {
        width:92%;
        margin:0 auto;
    }
    .note_name a{
        display:block;
    }
    .noteavatar {
        float:left;
        width:15%;
        border-radius:100%;
        overflow:hidden;
        display:block;
    }
    .note_name {
        float:left;
        width:80%;
        margin-left:5%;
    }
    .note_name_detail {
        float:left;
        width:80%;
        margin-left:5%;
    }
    .note_name_detail span {
        font-size: 0.6rem;
        line-height: 1.2rem;
        color: rgb(191, 133, 57);
    }

    .allnotelist {
        margin-bottom:0;
    }
    .notelist li{
        margin-top:0.5rem;
        border-bottom: 1px solid #afafaf;
        padding-bottom: 0.5rem;
    }
    .notecommentlist li {
        border:none;
        padding-bottom:0;
    }
    .note_name span{
        font-size:0.6rem;
        line-height:1.2rem;
        color: rgb(191, 133, 57);
    }
    .notelist li samp{
        font-size:0.65rem;
        line-height:1.2rem;
        color: #333;
        font-weight:bold;
    } 
    .note_name p{
        font-size:0.6rem;
        line-height:1.2rem;
        text-align:justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color:#333;
    }
    .notelist .note_name_detail p {
        font-size: 0.6rem;
        line-height: 1.2rem;
        text-align: justify;
        color: #333;
         display: block;
         -webkit-line-clamp: initial;
    }
    .notecommentlist li label,.notecommentlist p{
        font-size:0.65rem;
        line-height:1.2rem;
        color: #e57704;
    }  
    .notecommentlist li span{
        font-size:0.65rem;
        line-height:1.2rem;
        color: #333;
    }
    .noteannex {
        margin-top:0.5rem;
    }
    .noteannex a{
       width: 31%;
       margin-right: 3%;
        float: left;
    }
    .noteannex img {
        width:100%;
    }
    .noteannex a:nth-child(3) {
       margin-right:0;
    }
    .gonotebox {
        background-color:white;
        position: fixed;
        bottom: 0rem;
        width:100%;
    }
    #gonote {
        width: 90%;
        margin:0.5rem auto;
        display: block;
        border: none;
        background-color: rgb(254,177,77);
        line-height: 1.5rem;
        color: white;
        font-size: 0.7rem;
        border-radius: 5px;
    }
    .selectstudycourse {
        width:90%;
        margin:0 auto;
        margin-top:2rem;
    }
    .selectstudycourse p,.sendnotebox p{
        color:black;
        font-size:0.65rem;
        line-height:1.5rem;
    }
    .sendnotebox p {
        width:90%;
        margin:0 auto;
        margin-top:2rem;
    }
    .selectstudycourse p:before,.sendnotebox p:before{
        color:red;
        content:"*注：";
        font-size: 0.7rem;
        font-weight: bold;
    }
    .selectstudycourse span {
        color:#ffaf53;
        font-size:0.7rem;
        line-height:1.5rem;
    }
    .choicecorse {
        display:block;
        width:100%;
        border:1px solid #afafaf;
        border-radius:5px;
        line-height:1.5rem;
        font-size:0.6rem;
        padding:0 0.5rem;
        height:1.5rem;
    }
    .sendnotebox {
        width:100%;
        height:100%;
        margin:0 auto;
        position:fixed;
        top: 0;
        background: white;
        z-index: 12;
        display:none;
    }

    #note {
        width:90%;
        display: block;
        height: 8rem;
        border: 1px solid #dfdfdf;
        line-height: 1.1rem;
        padding: 2%;
        margin: 0 auto;
        border-radius: 5px;
        margin-top:0.5rem;
    }

    .surenote {
        display:block;
        margin:0 auto;
        border:1px solid white;
        background-color: rgb(254,177,77);
        line-height: 1.5rem;
        color: white;
        font-size: 0.7rem;
        border-radius: 5px;
        width:91%;
        left:5%;
        margin-top:1rem;
    }

    .cancelnote {
        display:block;
        margin:0 auto;
        line-height: 1.5rem;
        font-size: 0.7rem;
        border-radius: 5px;
        width:91%;
        left:5%;
        margin-top:1rem;
        color:rgb(254,177,77);
        background-color:white;
        bottom:2rem;
        border:1px solid rgb(254,177,77);
    }
    .sendnotebox .imgone button, .sendnotebox .imgtwo button, .sendnotebox .imgthree button {
        position: absolute;
        top: 0;
        right: 0;
        width: 1rem;
        background-color:white;
        height: 1rem;
        border: none;
        color: rgb(254,177,77);
        border: 1px solid rgb(254,177,77);
        font-size: .6rem;
    }
    .showbox {
        display:none;
    }

    .currentbox {
        display:block;
    }

    .noteoperation {
        margin-top:0.5rem;
    }
    .noteoperation span{
        color:#333;
        font-size:0.55rem;
        line-height:0.8rem;
    }

    .operation{
        float:right;
        border:none;
        background:none;
        color:#e57704;
        font-size:0.7rem;
        line-height:0.8rem;
    }

    .operation img {
        height:0.8rem;
    }

    .notecommentbox {
        position:fixed;
        bottom:0;
        background-color:white;
        width:100%;
        height:24%;
        border-top:1px solid #efefef;
        display:none;
        z-index:12;
    }
    .notecomment {
        width:90%;
        margin:0 auto;
        margin-top:1rem;
    }

    #notecomment {
        width:100%;
        display:block;
        height:2rem;
        line-height:1.2rem;
        border-radius:5px;
    }

    .notecomment button {
        float:right;
        margin-top:0.8rem;
        border:none;
        background-color: #f3ddb7;
        color:#333;
        width:48%;
        line-height:1.5rem;
        font-size:0.7rem;
        border-radius:5px;
    }

    .notecomment .notecommentsure {
        float:left;
        background-color: rgb(254,177,77);
        color:white;
    }

    .noteimg {
        width:90%;
        margin:0 auto;
        margin-top: 1rem;
        background-color:white;
    }
    .showpayvip,.showpayvipbox {
        background-color: white;
        position: fixed;
        bottom: 0rem;
        width: 100%;
        z-index:2;
    }
    .showpayvip{
	    display:none;
    }
    .showpayvip a {
        width: 90%;
        margin: 0.5rem auto;
        display: block;
        border: none;
        background-color: rgb(254,177,77);
        line-height: 1.5rem;
        color: white;
        font-size: 0.7rem;
        border-radius: 5px;
        text-align:center;
    }
    .showpayforbox {
        position:fixed;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.8);
        z-index:10;
        display:none;
    }
    .showpayfor{
        position:absolute;
        top:30%;
        width:90%;
        left:5%;
        background-color:white;
        padding:2rem 0;
        border-radius:5px;
    }
    .showpayfor p {
        width:90%;
        margin:0 auto;
        text-align:center;
        font-size:0.7rem;
        color:black;
        line-height:1.2rem;
    }
    .showpayvipbox a {
        width: 42.5%;
        margin: 0.5rem auto;
        display: block;
        border: none;
        background-color: rgb(254,177,77);
        line-height: 1.5rem;
        color: white;
        font-size: 0.7rem;
        border-radius: 5px;
        text-align:center;
        margin-left:5%;
        float:left;
        border:1px solid rgb(254,177,77);
    }
    .showpayvipbox .topaycourse {
        float:right;
        color: rgb(254,177,77);
        background-color:white;
        margin-right:5%;
    }
    .gopaycourse {
        float:right;
        margin-right:5%;
        display:block;
        width:42.5%;
        background-color:rgb(254,177,77);
        border:1px solid rgb(254,177,77);
        text-align:center;
        color:white;
        line-height:1.5rem;
        border-radius:5px;
        font-size:0.6rem;
        margin-top:1rem;
    }
    .gopayvip {
        float:left;
        margin-left:5%;
        display:block;
        width:42.5%;
        color:rgb(254,177,77);
        text-align:center;
        background-color:white;
        line-height:1.5rem;
        border-radius:5px;
        border:1px solid rgb(254,177,77);
        font-size:0.6rem;
        margin-top:1rem;
    }
    .cancelpayfor {
        width:90%;
        margin:0 auto;
        display:block;
        margin-top:0.5rem;
        line-height:1.5rem;
        border-radius:5px;
        border:none;
        font-size:0.6rem;
        color:black;
    }
    /***************课程列表*****************/

    .studylist {
        margin-top: .2rem;
    }

    .studylist li {
        padding: .4rem 0;
        border-bottom: 1px solid #eaeaea;
        position:relative;
    }
    .studylist li a{
        display:block;
    }
    .studylist li span{
        font-size: .65rem;
        color: #010101;
        line-height: 1rem;
        display: block;
        width: 85%;
    }

    .studylist li samp{
        color: #010101;
        line-height: 1rem;
        font-size: .55rem;
        color:#275016;
    }

    .studylist li  button{
        position:absolute;
        right:0;
        top:0;
        height: 1rem;
        margin-top:0.4rem;
        background-color:#e57704;
        color:white;
        border:none;
        border-radius:5px;
    }

    #btn-play span, #btn-pause span {
        border-radius:100%;
        background-color:#666;
        padding:0.8rem;
        overflow:auto;
    }

    .coursecontent {
        width:90%;
        margin:0 auto;
        margin-top:0.5rem;
    }

    .playlist li {
        padding: 0.8rem 0rem;
        border-bottom: 1px solid #ddd;
    }

    .playtitlebox {
        width:90%;
        margin:0 auto;
    }

    .playtitles span{
        font-size: 0.6rem;
        line-height: 1.2rem;
        display:block;
        color:#333;
        float: left;
        width: 77%;
        margin-left: 2%;
    }

    .sonplay{
        float:right;
        width:15%;
        display:block;
        background:none;
        border:none;
    }

    .thumbpaytitlebox {
        margin-top:0.2rem;
        display:none;
    }
    .playcurrent .thumbpaytitlebox {
        display:block;
    }
    .thumbpaytitlebutton {
        background-color:#f4a93c;
        border:none;
        border-radius:5px;
        padding:0 0.5rem;
        margin:0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        display: flex;
    }
    .thumbpaytitlebutton img {
        width:0.8rem;
    }
    .thumbpaytitlebutton span {
        line-height:1.5rem;
        margin-left:0.2rem;
        color:white;
        font-size:0.65rem;
    }

    .playtitlebox a{
        display:block;
    }

    .sonplay img{
        width:1.2rem;
    }
    .playtitlebox label {
        float:left;
        color:black;
        border:1px solid #cacaca;
        padding: 0.1rem;
        font-size:0.4rem;
    }
	.playtitlebox span {
        float: left;
		color: black;
		padding: 0.1rem;
		width: 78%;
		margin-left: 2%;
		font-size: 0.65rem;
    }
    .playcurrent .playtitlebox span {
        color: rgb(254,177,77);
    }
    .playcurrent .playtitlebox label {
        color:#f4a93c;
        border: 1px solid #f4a93c;
    }
    .playtitle_box {
        float:left;
        width:77%;
        margin-left:2%;
    }
    .playtitle_box samp {
        display:block;
        font-size: 0.5rem;
        color: #a6a6a6;
        text-align:center;
    }

    .othercourse_link {
        display:block;
        position: fixed;
        right: 0.5rem;
        bottom: 3rem;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 1rem;
        font-size: 0.6rem;
        color: white;
        background: rgb(254,177,77);
        border-radius: 100%;
    }
    .playlist_title {
        border-top: 0.5rem solid #efefef;
        padding-top: 0.5rem;
    }
    .titelone {
        border:none;
    }
    .playlisttitle {
        width:90%;
        margin:0 auto;
        font-size:0.7rem;
    }

    .playlisttitle:before {
        content:"";
        border:2px solid rgb(254,177,77);
        margin-right: 0.2rem;
    }

    .showcourse {
        float:right;
        background-image:url(../images/courselist_03.jpg);
        background-size:contain;
        background-repeat:no-repeat;
        width:2rem;
        height:2rem;
        margin-top:0.4rem;
    }
    .thumbpaybox {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.8);
        z-index:15;
        display:none;
    }
    .thumbpay {
        width:90%;
        margin:0 auto;
        background-color:white; 
        margin-top:40%;
        border-radius:5px;
        overflow:hidden;
    }
    .thumbpaytitle {
        background-color:#f4a93c;
        flex-direction:row;
        align-items:center;
        display:flex;
    }
    .thumbpaytitle img {
        width:1rem;
        margin-left:20%;
    }
    .thumbpaytitle span {
        color:white;
        line-height:2rem;
        font-size:0.8rem;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left:0.5rem;
    }
    .thumbpayselect {
        width:90%;
        margin:0 auto;
        margin-top:1rem;
    }
    .thumbpayselect li {
        float:left;
        margin-bottom:0.6rem;
        width:30%;
    }
    .thumbpayselect li:nth-child(3n-1) {
        margin:0 5%;
    }
    .thumbpayselect li button {
        background:none;
        border:1px solid #f4a93c;
        border-radius:5px;
        display:block;
        width:99%;
        font-weight:600;
        color:#f4a93c;
        line-height:2rem;
        font-size: 0.75rem;
        margin: 0;
    }
    .thumbpayselect li:nth-child(6) button {
        font-weight:500;
    }
    .thumbpay_othermoney {
        width:90%;
        margin:0 auto;
        margin-top:0.5rem;
        display:none;
    }
    .thumbpay_othermoney input {
        border:1px solid #eaeaea;
        border-radius:5px;
        font-size:0.65rem;
        line-height:1.5rem;
        color:#f4a93c;
        padding:0 0.2rem;
        width:70%;
    }
    .thumbpay_othermoney button {
        line-height:1.5rem;
        border:none;
        margin:0;
        background-color:#f4a93c;
        color:white;
        font-size:0.65rem;
        width:3rem;
        border-radius:5px;
        margin-left:0.5rem;
        display:inline-block;
    }
    .thumbpay_cancel {
        color:#6d7aa0;
        font-size:0.7rem;
        display:block;
        margin:0;
        background:none;
        border:none;
        text-align:center;
        width:90%;
        line-height:1.5rem;
        margin:0.8rem auto;
    }
    /****************我的咨询******************/
    .asklist li {
        margin-bottom:0.5rem;
        padding-bottom:0.5rem;
        border-bottom:1px solid #afafaf;
    }

    .asklist li a {
        display:block;
    }

    .asklist li p {
        color:#333;
        line-height:1.2rem;
        font-size:0.65rem;
        margin-bottom:0.2rem;
    }

    .asklist li samp {
        color:#666;
        line-height:1.2rem;
        font-size:0.55rem;
        float:left;
    }

    .asklist li label {
        color:red;
        line-height:1.2rem;
        font-size:0.65rem;
        float:right;
    }
    .askbox p{
        font-size:0.8rem;
        color:#333;
        line-height:1.5rem;
        margin:0.5rem 0;
    }
    .askbox p:before{
        content: "";
        border: 2px solid rgb(254,177,77);
        margin-right: 0.2rem;
    }
    .askbox span {
        font-size:0.6rem;
        line-height:1.2rem;
        text-align:justify;
        margin-left:2.5%;
    }

    .askimgbox {
        margin:0.5rem 0;
    }

    .askimgbox img{
        width:44%;
        margin-left:3%;
        display:inline-block;
    }
    .askbox textarea {
        width:99%;
        display:block;
        border-radius:5px;
        border:1px solid #afafaf;
        height:8rem;
        font-size:0.65rem;
        text-align:justify;
        margin:0.5rem 0;
    }

    .askbox button {
        width:100%;
        margin: 1.5rem 0;
        display: block;
        border: none;
        background-color: rgb(254,177,77);
        line-height: 1.5rem;
        color: white;
        font-size: 0.7rem;
        border-radius: 5px;
    }
    #asktype {
        width:100%;
        line-height:1.5rem;
        height:1.5rem;
        display:block;
        color:#e57704;
        font-size:0.65rem;
        border:1px solid #e57704;
        border-radius:5px;
        margin:0.8rem 0;
        background-color:white;
    }

    .askbox label {
        line-height:1.5rem;
        margin:0.5rem 0;
        font-size:0.7rem;
        color:#e57704;
        margin-left:3%;
    }
    .soncourselistbox {
        position:fixed;
        top:0;
        background:rgba(0,0,0,0.5);
        width:100%;
        height:100%;
        z-index:12;
        display:none;
    }
    .soncourselist {
        position:absolute;
        bottom:2rem;
        padding-bottom:0.5rem;
        width: 100%;
        height: 50%;
        background-color: white;
        border-radius: 15px 15px 0 0;
        overflow:scroll;
        scrollbar-highlight-color:#ffaf53;
    }
    .soncourselist p{
        text-align:center;
        font-size:0.65rem;
        line-height:2rem;
        border-bottom:1px solid #eaeaea;
        color:black;
    }
    .soncourselist li {
        border-bottom:1px solid #eaeaea;
        padding:0.4rem 0;
    }

    .soncourselist li img{
        width:0.8rem;
        display:none;
    }

    .soncourselist li span{
        font-size:0.6rem;
        color:black;
        line-height:1.5rem;
        margin-left:0.5rem;
    }
    .soncourselist .currentcoure span{
        color:#ffaf53;
    }
    .soncourselist .currentcoure img{
        display:inline;
    }
    .soncourselistbox button {
        position:absolute;
        bottom:0;
        height:2rem;
        line-height:2rem;
        text-align:center;
        background-color:white;
        width:100%;
        border:none;
        display:block;
        font-size:0.7rem;
        border-top:1px solid #eaeaea;
    }

    /****************咨询管理****************/
    .askstatus_top li {
        float:left;
        width:33.3%;
    }

    .askstatus_top li p {
        text-align:center;
        color:#333;
        line-height:1.5rem;
    }

    .askstatus_top .current p {
        color:red;
        border-bottom:1px solid red;
    }
    .manageasklist {
        display:none;
    }
    .managecurrent {
        display:block;
    }
    .manageasklist li {
        border-bottom:1px solid #afafaf;
        padding-bottom:0.5rem;
        margin-top:0.5rem;
    }
    .manageasklist li span {
        display:block;
        line-height:1.4rem;
        color:#e57704;
        font-size:0.65rem;
    }
    .manageasklist li .feeder {
        color:rgb(254,177,77);
        float:right;
    }

    .manageasklist li label {
        color:#333;
        font-size:0.7rem;
        float:left;
    }

    .manageasklist li samp {
        color:#666;
        font-size:0.6rem;
        float:right;
    }

    .manageasklist li p {
        color:black;
        font-size:0.7rem;
        line-height:1.1rem;
        margin-top:0.5rem;
    }

    /*****************--外联列表--***************/

    .linklist_box {
        width:90%;
        margin:0 auto;
        margin-top:2.3rem;
    }
    .linklist_box li {
        margin-top: 0.6rem;
    }
    .linklist_box li a {
        display: block;
    }
    .linklist_box li a img {
        float: left;
        width: 35%;
    }
    .linklist_box li a p {
        float: left;
        width: 60%;
        margin-left: 5%;
        font-size: 0.6rem;
        color: #333;
        line-height:1.5rem;
    }

    /**************--课程文件列表--**************/

    .courselisttabbox {
        position: fixed;
        top: 2rem;
        width: 100%;
        background-color: white;
        white-space: nowrap;
        overflow: hidden;
        z-index: 10;
        overflow-x: scroll;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
    }

    .courselisttabbox li {
        display: inline-block;
        padding: 0 0.5rem;
    }

    .courselisttabbox li button {
        display: block;
        background: none;
        border: none;
        line-height: 1.6rem;
        font-size: 0.65rem;
        color: black;
    }

    .courselisttabbox .courselisttabcurrent button {
        color: rgb(254,177,77);
        border-bottom: 2px solid rgb(254,177,77);
    }

    .coursefilelist {
        width: 90%;
        margin: 0 auto;
        margin-top: 4.2rem;
        margin-bottom: 0.5rem;
    }
    .coursefilelist li {
        margin-top: 0.7rem;
    }

    .coursefilelist li a {
        display: block;
    }

    .coursefilelist img {
        float: left;
        width: 35%;
    }
    .couresenamebox{
        float: left;
        width: 60%;
        margin-left: 5%;
        position: relative;
        min-height: 3rem;
    }
    .couresenamebox p {
        font-size:0.6rem;
        color:#333;
    }

    .couresenamebox img {
        width:0.6rem;
        margin-top:1.8rem;
    }
    .couresenamebox span {
        font-size: 0.6rem;
        color: #7a7a7a;
        margin-top:1.8rem;
        display:inline-block;
        margin-left:0.2rem;
    }

    /*************--听课记录--*************/
    .hitorylist_box {
        width: 90%;
        margin: 0 auto;
        margin-top: 2.3rem;
    }

    .hitorylist_box li {
        margin-top: 0.6rem;
    }
    .hitorylist_box li a {
        display: block;
    }
    .hitorylist_box li a img {
        float: left;
        width: 35%;
    }
    .coursehistorytitle {
        float: left;
        margin-left: 5%;
        width: 60%;
    }
    .coursehistorytitle span {
        font-size: .65rem;
        color: #333;
        display: block;
        line-height: 1.2rem;
    }
    .coursehistorytitle label {
        font-size: .55rem;
        color: #a6a6a6;
    }

    /******************--美乐家进阶计算器--*****************/
    .caculatorbox {
        margin-top:2rem;
    }
    .selectmelalevelbox {
        border-bottom:1px solid #eaeaea;
        width: 90%;
        margin: 0 auto;
        padding: 0.3rem 0;
    }
    .melalevelnowbox {
        float:left;
        width:50%;
    }
    .melalevelaimbox {
        float:right;
        width:50%;
    }
    .melalevelnowbox label, .melalevelaimbox label {
        display:inline-block;
        line-height:1.2rem;
        font-size:0.65rem;
        text-align:center;
        padding:0 4px;
        background-color:#feb14d;
        color:white;
        border-radius: 4px;
    }
    .melalevelnowbox select, .melalevelaimbox select {
        border:none;
        height:1.5rem;
        font-size:0.6rem;
        display:inline-block;
        color:black;
        background:none;
        font-family:Arial;
        font-weight:500;
    }
    .caculatordatabox {
        width:90%;
        margin:0 auto;
    }
    .caculatordatabox {
        margin-top:0.5rem;
    }
    .caculatormark:before {
        content:"*";
        color:red;
    }
    .caculatormark {
        font-size: 0.55rem;
        color: #333;
        margin-top: 0.5rem;
    }
    .caculatormark a {
        font-size:0.6rem;
    }
    .caculatordata {
        margin-top:0.2rem;
    }
    .caculatordata label {
        line-height:1.5rem;
        font-size:0.6rem;
        color:black;
    }
    .caculatordata .needinput:before, .caculatordata .needinput:before {
        content:"*";
        color:red;
    }
    .caculatordata input {
        line-height:1rem;
        font-size:0.6rem;
        color:black;
        border:none;
        border-bottom:1px solid black;
        background:none;
        text-align: center;
        width:2rem;
        border-radius:0;
    }
    .caculatorbutton {
        display:block;
        width:100%;
        background-color: #feb14d;
        color: white;
        text-align: center;
        font-size: 0.6rem;
        line-height: 1.5rem;
        border:none;
        margin-top:1rem;
    }
    .caculatend {
        margin-top:1rem;
        display:none;
        padding-bottom:2rem;
    }
    .caculatend label {
        font-size:0.65rem;
        color:black;
        line-height:1.5rem;
    }
    .caculatend label strong{
        font-family:Arial;
        font-size:0.75rem;
    }
    .caculatend label h3{
        color:#f4a93c;
    }
    .caculatcontent span {
        font-size:0.6rem;
        color:#333;
        line-height:1.5rem;
        display:block;
    }
    .caculatcontent span i {
        font-weight:600;
        color:#f4a93c;
        font-family:Arial;
        font-size:0.65rem;
    }
    .servenum, .servicesd {
        float:left;
    }
    .serviced, .serviceed {
        float:right;
    }
    .caculatcontent h3{
        color:#f4a93c;
        line-height: 1.5rem;
    }
    
    /****************--八张图购买页面--****************/
    .buybox {
        width:90%;
        margin:0 auto;
    }
    .buyinfor {
        margin-top:0.5rem;
    }
    .inforbox {
        margin-top:0.5rem;
        display:flex;
        flex-direction:row;
    }
    .inforbox label {
        font-size:0.6rem;
        color:#333;
        line-height:1.5rem;
    }
    .inforbox input {
        font-size:0.6rem;
        color:#333;
        line-height:1rem;
        border:none;
        border-bottom:1px solid #afafaf;
        padding-left: 5px;
    }
    .inforbox span {
        font-size:0.6rem;
        color:#333;
        line-height:1.5rem;
    }
    .eightbuy {
        width:100%;
        margin-top:1rem;
        display:block;
        border:none;
        background-color:#e57704;
        color:white;
        border-radius:50px;
        font-size: 0.65rem;
        line-height:1.5rem;
    }


    /*********************--周五例会海报--**********************/
    .showweekposterbox{
        display:none;
    }


    .weeeklistremark{
        display:block;
        width:92%;
        margin:0 auto;
        font-size:0.65rem;
    }

    .weeeklistremark:before {
        content:"*";
        color:red;
    }
    .meetoprationbutton p {
        width:50%;
        font-size:0.65rem;
        line-height:2rem;
        margin:0 auto;
        display:none;
    }

    .meetoprationbutton p:before {
        content:"*";
        color:red;
    }

    .showweekposterbox img {
        width:100%;
    }

    .weekposterbox {
        margin-bottom:2rem;
    }

    .weekposter{
        background-image: url('../images/temp1back.jpg');
        background-size: 100% 100%;
        padding: 10% 0;
    }

    .weeklogo {
        width: 23%;
        margin-top: 1.5rem;
    }

    .weektopic {
        width: 100%;
        margin-top: 1.5rem;
    }

    .weekmeettheme {
        color: white;
        font-size: 1.6rem;
        margin-top: 0.5rem;
        background: none;
        text-align: center;
        width: 100%;
        border: none;
    }

    .weekmeetthemes {
        font-size:4rem;
        margin-top: 2rem;
    }

    .weekmeettime {
        border: none;
        background:none;
        margin-top: 5%;
        width: 100%;
        background-color: #19287e;
        text-align: center;
        color: white;
        font-size: 0.8rem;
        padding:1.8% 0;
    }

    .weekmeettimes {
        font-size:1.5rem;
    }

    .weekmeettimey {
        color: rgb(224, 179, 96);
    }

     .weekmeettime::-webkit-input-placeholder {
        color:white;
    }

    .meetitembox{
        margin-top:10%;
        width: 100%;
    }

    .meetitembox li {
        border-top: 2px solid #58d3eb;
        border-bottom: 2px solid #58d3eb;
        margin-bottom: 10%;
        background: rgba(255, 255, 255, 0.22);
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 2%;
        align-items: flex-start;
    }

    .meetitembox .meetitemboxliy {
        background-color:#f8edd1;
        border-top:2px solid #d9c799;
        border-bottom:2px solid #d9c799;
    }

    .meetavatar {
        width: 30%;
        border: 2px solid #346cdd;
        padding:1%;
    }

    .meetitemboxliy .meetavatar {
        border:2px solid #ffc200;
    }

    .becomeposter .meetavatar {
        margin-top:1rem;
    }

    .becomeposter .meetitembox li  {
        min-height:12rem;
    }

   .becomeposter .postertetextarea{
        margin-top:5%;
        font-size:1.5rem;
        line-height:2rem;
        display:block;
    }

    .postertetextarea {
        color:white;
    }

    .meetitemboxliy .postertetextarea{
        color:black;
    }

    .becomeposter .meetteacher{
        font-size:1.8rem;
    }

    .becomeposter .meetteachertheme{
        font-size:1.8rem;
        margin-top:1rem;
    }

    .meetteachertheme{
        margin-top:0.5rem;
    }


    .becomeposter .meetfoot label{
        font-size:1.2rem;
    }

    .meetcontent {
        width: 60%;
        color: white;
        font-size: 1rem;
        margin-right: 2%;
        padding: 3% 0;
    }

    .meetcontent input {
        width: 100%;
        font-size: 0.75rem;
        font-weight: 600;
        background: none;
        border: none;
        color: white;
    }

    .meetcontent textarea {
        color: white;
        font-size: 0.65rem;
        line-height: 1rem;
        width: 100%;
        height: 3rem;
        background: none;
        margin-top: 5%;
        border:none;
    }

    .meetitemboxliy .meetcontent input, .meetitemboxliy .meetcontent textarea {
        color:black;
    }

    .posterscontents{
        font-size: 0.65rem;
        line-height: 1rem;
        width: 100%;
        margin: 0.3rem 0;
    }

    .meetcontent input::-webkit-input-placeholder {
        color:white;
    }

    .meetcontent textarea::-webkit-input-placeholder {
        color:white;
    }

    .meetitemboxliy .meetcontent input::-webkit-input-placeholder,  .meetitemboxliy .meetcontent textarea::-webkit-input-placeholder {
        color:black;
    }

    .meetdelete {
        position: absolute;
        top: -0.5rem;
        right: -0.4rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        background-color: white;
    }

    .meetdelete img {
        width:100%;
    }

    .meetitemadd {
        background-color: white;
        color: red;
        border: 2px solid red;
        font-size: 0.7rem;
        line-height: 1.8rem;
        width: 100%;
        margin: 0.8rem auto;
        display: block;
        border-radius: 5px;
        font-weight: 600;
        margin-top: 0;
    }

    .meetfoot {
        width: 92%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 2rem;
    }

    .meetfoot label{
        color: white;
        font-size: 0.65rem;
        margin-top: 2%;
        display: block;
        text-align: center;
    }

    .meetqrcode {
        width: 30%;
    }

    .oprationbox{
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: white;
        padding: 0.25rem 0;
        z-index: 10;
    }

    .meetopration {
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        background-color: white;
        padding:0.4rem 0;
    }

    .meetoprationtitle{
        display: block;
        width: 92%;
        margin: 0 auto;
    }

    .meetoprationtitle label {
        font-size:0.7rem;
        line-height: 1.1rem;
    }

     .meetoprationtitle::before {
        content:"*";
        color:red;
    }

    .meetoprationbutton {
        width: 92%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .meetopration button {
        margin: 0px;
        padding: 0px;
        border:none;
        background-color: white;
        display:block;
        width:45%;
        line-height: 1.5rem;
        color: #a2620d;
        border: 1px solid #a2620d;
        border-radius:5px;
        font-size: 0.7rem;
        text-align: center;
        font-weight:600;
    }

    .showdeleteitembox{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.6);
        display:none;
    }

    .showdeleteitem{
        background-color:white;
        width:92%;
        margin:0 auto;
        border-radius:10px;
        padding:1.5rem 0;
        margin-top:48%;
    }

    .showdeleteitem label{
        display:block;
        text-align:center;
        font-size:0.9rem;
        font-weight:600;
    }

    .meetdeleteitembutton{
        display:flex;
        justify-content:space-around;
        margin-top:2rem;
    }

    .meetdeleteitembutton button{
        background-color:white;
        width:45%;
        line-height:1.5rem;
        text-align:center;
        border:1px solid #feb14d;
        color:#e57704;
        border-radius:5px;
    }

    .meetdeleteitembutton span {
        width:45%;
        line-height:1.5rem;
        text-align:center;
        border:1px solid #333;
        color:#333;
        border-radius:5px;
    }

    .tempmorefoottitle{
        width:100%;
            margin-bottom: 0.8rem;
    }

    /*************--周五腾讯例会--*************/
    .swiperbox {
        overflow:hidden;
    }
    .poseterswiper {
        width:70%;
        margin:0 auto;
    }
    .choiceweeekposter{
        background:none;
        border:none;
        display: block;
        width: 92%;
        margin: 0 auto;
        line-height: 1.5rem;
        font-size: 0.65rem;
        background-color: #e57704;
        margin-top: 1rem;
        color:white;
        border-radius:5px;
    }

    .weekposterlogo {
        width:76%;
        margin:0 auto;
    }

    .weekposterlogo img{
        width:25%;
    }

    .weekpostercontentbox{
        margin-top:7%;
        position:relative;
    }

    .weekposterheadbox{
        display:flex;
        justify-content:space-between;
        align-items:baseline;
    }

    .weekposterheadtitle{
        width:12%;
    }

    .weekposterheadtitle img{
        width:100%;
    }

    .weekposterhead {
        width: 76%;
        padding-bottom: 15.2%;
        border: 2px solid #f4c84d;
    }

    .weekposterheads {
        border: 5px solid #f4c84d;
    }

    .weekposterthem {
        border: none;
        background-color: #f3ba49;
        position: absolute;
        bottom: -3%;
        height: 21%;
        text-align: center;
        width: 86%;
        left: 6.9%;
        color: white;
        font-size: 1rem;
    }

        .weekposterthem::-webkit-input-placeholder {
            color:white;
        }

    .weekposterthems {
        font-size:3rem;
    }

    .weekpostertime{
        width:92%;
        margin:0 auto;
        margin-top:7%;
        border:none;
        background:none;
        text-align:center;
        display:block;
        color:#fbe6a5;
        font-size:0.85rem;
    }
        .weekpostertime::-webkit-input-placeholder {
            color: #fbe6a5;
        }

    .weekpostertimes {
        font-size:2rem;
    }

    .weeekposterqrcodebox {
        border: 1px solid #fbe6a5;
        width: 88%;
        margin: 0 auto;
        padding: 2%;
        margin-top: 7%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .weeekposterqrcodeboxs {
        border: 2px solid #fbe6a5;
    }

    .weekpostertextcontent {
        display: block;
        width: 75%;
        border: none;
        background: none;
        color:white;
        font-size:0.6rem;
        line-height:1rem;
        height:6rem;
    }

    .weekpostertextcontents {
        font-size: 1.5rem;
        line-height: 2rem;
        height: auto;
    }

        .weekpostertextcontent::-webkit-input-placeholder {
            color: white;
        }

    .weekposterqrcode {
        width:20%;
    }

    .weekposterqrcode img {
        width:100%;
    }

    .weekposterqrcode p {
        color:white;
        font-size:0.55rem;
        font-weight:600;
        margin-top:5%;
        display:block;
        text-align:center;
    }

    .weekposterqrcodes p {
        font-size:1rem;
    }

    .becomeposter{
        width:1080px;
        display:none;
    }

    .weekmoreposter{
        background-image: url(../images/tempmore1back.jpg);
        background-size: 100% 100%;
        padding: 10% 0;
    }

    .weekmorepostercontent{
        width:92%;
        margin:0 auto;
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .weekmorelogo {
        width:100%;

    }


    /*****************--单独播放页--*****************/
    .activepassback{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.8);
        z-index:15;
    }

    .activepassbox{
        width:92%;
        margin:0 auto;
        background-color:white;
        border-radius:0.5rem;
        padding:1rem 0;
        margin-top: 40%;
    }

    .activepassbox input{
        width:92%;
        font-size:0.8rem;
        padding:0 0.2rem;
        display:block;
        margin:0 auto;
    }

    .activepassbox button{
        width:30%;
        font-size:0.8rem;
        height:1.5rem;
        display:block;
        margin:0 auto;
        margin-top:1rem;
    }

}

/*********--PC端样式--*********/


@media (min-width: 767px) 
{
        @charset "utf-8";
    /* CSS Document */
    /* 初始化 */
    body,v,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
    body{font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1,Heiti,arial,helvetica,sans-serif!important;line-height:19px;color:#333;position:relative;}
    fieldset,img{border:0;}
    table{border-collapse:collapse;border-spacing:0;}.tmenulist
    ol,ul{list-style:none;}
    em{font-style:normal;}
    input,button,select,textarea{outline:none;}
    textarea { resize:none; }
    a:hover{text-decoration:none;}
    a:focus{outline:none;-moz-outline:none;}

    html *,html *:before,html *:after {-webkit-transition: 0.5s; transition: 0.5s;}
    *:before,*:after { z-index:-1;}

    .clear{clear:both;}

    .ind-banner {
        display:block;
    }

    .wap-banner {
        display:none;
        width:100%;
    }

    .swiper-slide img{
        width:100%;
    }
    .melalueca_see {
        width:1000px;
        margin:0 auto;
    }

}