*{
    word-wrap:break-word;
    font-family:"Microsoft YaHei";
    font-size:14px;
    color:#444;
    outline:none
}
.option{
    /*用div的样式代替select的样式*/
    margin: 100px;
    width: 140px;
    height: 40px;
    /*border-radius: 5px;*/
    /*盒子阴影修饰作用,自己随意*/
    /* box-shadow: 0 0 5px #ccc;*/
    border: 1px solid #cccccc;
    position: relative;
}
.option:after{
    content: "";
    width: 14px;
    height: 8px;
    background: url(https://static.jjwxc.net/assets/arrow-down.png) no-repeat center;
    /*通过定位将图标放在合适的位置*/
    position: absolute;
    right: 20px;
    top: 41%;
    /*给自定义的图标实现点击下来功能*/
    pointer-events: none;
}

.header li,.boot_foot li,.comments li{
    list-style:none
}
textarea{
    resize:none
}
.pc,.pr,body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,ol,p,#post-tag-list{
    margin:0;
    padding:0
}
.pipe{
    margin:0 5px;
    color:#ccc
}
em{
    font-style:normal
}
a{
    cursor:pointer;
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
button[type=submit],input[type=submit]{
    cursor:pointer
}
a img{
    border:none
}
label{
    cursor:pointer
}
.fl{
    float:left
}
.fr{
    float:right
}
.well{
    background:#f5f8fa;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 3px 3px rgba(0,0,0,.12);
    box-shadow:inset 0 3px 3px rgba(0,0,0,.12)
}
.main{
    width:800px;
    margin:0 auto;
    clear:both;
    position:relative
}
.boot_foot{
    padding:15px 0 10px 0;
    color:#666;
    float:left;
    width:100%;
    background:url(https://static.jjwxc.net/content/images/footer-background.png)repeat-x
}
.boot_foot .foot_container{
    width:800px;
    margin:0 auto;
    clear:both
}
.boot_foot li{
    height:22px;
    line-height:22px;
    text-align:left;
    margin-right:10px;
    font-weight:400;
    width:100%
}
.boot_foot .foot_container *,.boot_foot .foot_container{
    color:#999;
    font-weight:400
}
.boot_foot li a:hover{
    color:#000
}
.boot_query_fast{
    background-blend-mode:overlay;
    background:#425861 url(https://static.jjwxc.net/content/images/bg-page-section.png);
    text-align:center;
    width:100%;
    padding:30px 0 30px 0
}
.boot_query_fast.svgbanner{
    padding:30px 0 0 0
}
.boot_query_fast h1{
    margin-top:15px;
    color:#fff;
    font-size:18px
}
.level_cate{
    margin-top:30px
}
.boot_query_fast h5 a{
    border:1px solid #fff;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    position:relative
}
.header,.header .fl .logo a,.user-info a.t_url,.header,.ico_gender0,.ico_gender1,.view-arrows a,.header .members .ic_m{
    background:url(https://static.jjwxc.net/content/images/bg_menutop.png)no-repeat
}
.header{
    height:41px;
    padding-bottom:4px;
    background-position:0 -450px;
    background-repeat:repeat-x;
    width:100%
}
.header .header_nav{
    margin:0 auto;
    width:800px
}
.header .bd{
    margin:0 auto
}
.header .fl{
    padding:0;
    position:relative
}
.header .fl .logo{
    float:left;
    width:50px
}
.header .fl .logo a{
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    background-position:0 -392px;
    height:40px
}
.header .fl ul{
    float:left;
    padding:0;
    margin:0
}
.header .fl ul li{
    float:left;
    position:relative
}
.header .sys_nav li .nav,.navhome{
    display:inline-block;
    height:42px;
    line-height:42px;
    overflow:hidden;
    text-align:center;
    font-size:15px;
    padding-left:10px;
    padding-right:10px
}
.header .sys_nav li .nav:hover,.navhome:hover{
    text-decoration:none
}
.header .sys_nav li .nav i,.navhome i{
    font-size:16px
}
.header .sys_nav li .nav.more:before{
    position:absolute;
    right:5px;
    top:13px;
    content:'';
    width:5px;
    height:5px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-color:#fe493a
}
.course_tip{
    background:#fff;
    position:absolute;
    top:42px;
    z-index:99999;
    box-shadow:0 0 15px 3px rgba(0,0,0,.15);
    cursor:default;
    display:none;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px
}
.course_tip.small{
    width:150px
}
.course_tip.big{
    width:450px
}
.course_tip:after{
    position:absolute;
    top:-8px;
    left:25px;
    content:'';
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    display:inline-block
}
.course_tip.big .course_tip_body{
    padding:15px
}
.course_tip_body a{
    margin-top:10px;
    float:left;
    position:relative
}
.course_tip.big .course_tip_body a{
    border:1px solid #ededed;
    display:block;
    -webkit-transition:all .6s ease-in;
    -moz-transition:all .6s ease-in;
    -ms-transition:all .6s ease-in;
    -o-transition:all .6s ease-in;
    transition:all .6s ease-in;
    margin-right:15px;
    float:left;
    line-height:35px;
    padding-left:5px
}
.course_tip.big .course_tip_body a{
    width:29%
}
.course_tip.small .course_tip_body{
    padding:0 0 15px 15px
}
.course_tip.small .course_tip_body a{
    line-height:22px;
    width:100%
}
.course_tip_body a:hover{
    text-decoration:none
}
.course_tip.big .course_tip_body a:before,.course_tip.big .course_tip_body a:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:1px;
    width:0;
    background:#028da9;
    transition:400ms ease all
}
.course_tip.big .course_tip_body a:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0
}
.course_tip.big .course_tip_body a:hover:before,.course_tip.big .course_tip_body a:hover:after{
    width:100%;
    transition:800ms ease all
}
#search_btn{
    margin-top:10px;
    margin-right:15px;
    display:inline-block
}
#search_btn:hover{
    text-decoration:none
}
.header .fr{
    float:right;
    height:37px;
    position:relative
}
.header .search_tags a{
    color:#888;
    padding-top:5px
}
.header .search_tags a:hover{
    text-decoration:none
}
.header .ctrl{
    float:right;
    position:relative
}
.header .ctrl ul.portrait{
    margin:0;
    padding:0
}
.header .ctrl li.face{
    float:left;
    height:32px;
    margin-top:6px;
    z-index:199
}
.header .ctrl li.face a{
    position:relative;
    float:left;
    margin:0;
    left:0;
    width:30px;
    height:30px;
    overflow:hidden
}
.header .ctrl li.face img{
    width:24px;
    height:24px;
    margin-left:6px;
    margin-top:6px;
    border-radius:50%
}
.header .ctrl li.face span{
    background:url(https://static.jjwxc.net/content/images/user.png);
    width:30px;
    height:30px;
    position:absolute;
    top:0;
    left:0
}
.split{
    color:#dedede;
    margin-left:10px;
    margin-right:10px;
    font-size:11px
}
.header .links_log{
    margin-left:5px;
    padding-top:9px;
    float:right
}
.header .links_log a{
    text-decoration:none;
    color:#888;
    margin-right:10px
}
.header .links_log a:last-child{
    margin-right:0
}
span.readnum{
    background:#fe4502;
    color:#fff;
    padding-left:2px;
    padding-right:2px;
    position:absolute;
    top:2px;
    left:58px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    font-size:11px
}
.boot_about{
    padding-top:15px;
    margin:auto;
    width:1078px
}
.boot_sd{
    width:150px;
    float:left
}
.boot_mn{
    float:right;
    width:900px;
    overflow:hidden;
    padding-top:10px
}
.boot_mn p{
    height:30px
}
.boot_sdcatlist{
    line-height:50px
}
.boot_sdcatlist li{
    font-size:18px;
    height:51px
}
.boot_sdcatlist li a{
    color:#369;
    display:block;
    padding-left:20px
}
.boot_sdcatlist li.a a{
    font-weight:700;
    color:#000;
    background:#fff;
    border-left:4px solid #069
}
.wmore{
    width:100%;
    text-align:center;
    margin-bottom:20px
}
.home-section-header{
    margin-top:15px
}
.home-section-header h4{
    font-size:14px;
    color:#666
}
.home-recommended{
    margin:30px 0;
    padding:10px;
    background:#f5f8fa;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
.item-list,.item-list2{
    margin-top:5px
}
.dropdown-menu .header-user-profile{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:.5rem;
    color:#2e323c
}
.dropdown-menu .header-user-profile h5{
    margin-bottom:.3rem;
    margin-top:10px;
    font-size:13px
}
.dropdown-menu .header-user-profile p{
    background:#ff3e3e;
    color:#fff;
    font-size:11px;
    padding:2px 10px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    margin-bottom:.2rem;
    line-height:160%
}
.dropdown-menu {
    /*position: fixed;*/
    top: auto;
    min-width: auto;
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px; /* Example: right:10px; */
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px; /* Example: right:10px; */
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.dropdown-menu a {
    display: block;
    padding: 5px 10px;
    color: #666;
    word-break: keep-all;
    font-size: 13px;
}
.dropdown-menu .active {
    color: #289C8E;
}
/*.dropdown{*/
/*    position:absolute;*/
/*    display:none;*/
/*    right:0;*/
/*    z-index:999*/
/*}*/
/*.dropdown .dropdown-menu{*/
/*    min-width:150px;*/
/*    max-width:360px;*/
/*    list-style:none;*/
/*    background:#fff;*/
/*    border-bottom-right-radius:4px;*/
/*    border-bottom-left-radius:4px;*/
/*    box-shadow:0 0 15px 3px rgba(0,0,0,.15);*/
/*    overflow:visible;*/
/*    padding:0 0 10px 0;*/
/*    margin:0;*/
/*    border-bottom-right-radius:15px;*/
/*    border-bottom-left-radius:15px*/
/*}*/
.dropdown.dropdown-tip{
    margin-top:40px;
    margin-left:-42px
}
.dropdown.dropdown-tip:before{
    position:absolute;
    content:'';
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:9px solid #fff;
    right:7px;
    left:auto;
    top:-9px
}
.dropdown a{
    padding:.5rem 1rem;
    display:flex;
    align-items:center;
    position:relative
}
.dropdown a:hover{
    text-decoration:none
}
.dropdown .dropdown-menu i{
    margin-right:5px;
    font-size:18px;
    color:rgba(0,0,0,.65)
}
#share-links a.user{
    width:31px;
    height:31px;
    border-radius:50%;
    display:inline-block
}
#share-links a.user img{
    width:25px;
    height:25px;
    vertical-align:middle;
    border-radius:50%;
    margin-left:6px;
    margin-top:6px
}
.btn_like{
    float:right;
    margin-top:5px
}
Button.btn_like{
    margin-top:0
}
.btn_like.active i,.btn_like.active em{
    color:#ef5350
}
.btn_like:hover{
    cursor:pointer
}
.animating-element.one{
    background-image:url(https://static.jjwxc.net/content/images/animating-ele-1.png);
    animation-direction:reverse
}
.animating-element{
    position:absolute;
    display:inline-block;
    width:80px;
    height:80px;
    z-index:-1;
    top:0;
    background-repeat:no-repeat;
    background-position:center center;
    animation:animationFrames linear 150s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    -webkit-animation:animationFrames linear 150s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-animation:animationFrames linear 150s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -o-animation:animationFrames linear 150s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -ms-animation:animationFrames linear 150s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%
}
@keyframes animationFrames{
    0%{
        transform:translate(-78px,122px)rotate(0)
    }
    20%{
        transform:translate(106px,-16px)rotate(36deg)
    }
    40%{
        transform:translate(-34px,-138px)rotate(72deg)
    }
    60%{
        transform:translate(-239px,-39px)rotate(108deg)
    }
    80%{
        transform:translate(-238px,83px)rotate(144deg)
    }
    100%{
        transform:translate(-38px,127px)rotate(180deg)
    }

}
@-moz-keyframes animationFrames{
    0%{
        -moz-transform:translate(-78px,122px)rotate(0)
    }
    20%{
        -moz-transform:translate(106px,-16px)rotate(36deg)
    }
    40%{
        -moz-transform:translate(-34px,-138px)rotate(72deg)
    }
    60%{
        -moz-transform:translate(-239px,-39px)rotate(108deg)
    }
    80%{
        -moz-transform:translate(-238px,83px)rotate(144deg)
    }
    100%{
        -moz-transform:translate(-38px,127px)rotate(180deg)
    }

}
@-webkit-keyframes animationFrames{
    0%{
        -webkit-transform:translate(-78px,122px)rotate(0)
    }
    20%{
        -webkit-transform:translate(106px,-16px)rotate(36deg)
    }
    40%{
        -webkit-transform:translate(-34px,-138px)rotate(72deg)
    }
    60%{
        -webkit-transform:translate(-239px,-39px)rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-238px,83px)rotate(144deg)
    }
    100%{
        -webkit-transform:translate(-38px,127px)rotate(180deg)
    }

}
@-o-keyframes animationFrames{
    0%{
        -o-transform:translate(-78px,122px)rotate(0)
    }
    20%{
        -o-transform:translate(106px,-16px)rotate(36deg)
    }
    40%{
        -o-transform:translate(-34px,-138px)rotate(72deg)
    }
    60%{
        -o-transform:translate(-239px,-39px)rotate(108deg)
    }
    80%{
        -o-transform:translate(-238px,83px)rotate(144deg)
    }
    100%{
        -o-transform:translate(-38px,127px)rotate(180deg)
    }

}
@-ms-keyframes animationFrames{
    0%{
        -ms-transform:translate(-78px,122px)rotate(0)
    }
    20%{
        -ms-transform:translate(106px,-16px)rotate(36deg)
    }
    40%{
        -ms-transform:translate(-34px,-138px)rotate(72deg)
    }
    60%{
        -ms-transform:translate(-239px,-39px)rotate(108deg)
    }
    80%{
        -ms-transform:translate(-238px,83px)rotate(144deg)
    }
    100%{
        -ms-transform:translate(-38px,127px)rotate(180deg)
    }

}
.item-bg{
    background:#425861 url(https://static.jjwxc.net/content/images/bg-page-section.png)
}
div.item-bg h1{
    font-size:18px;
    color:#fff;
    margin:0 auto;
    margin-bottom:10px
}
.item-container{
    overflow:hidden;
    padding-top:6px
}
.item-container.svg .item-thumb{
    background:#fff;
    border-radius:20px;
    width:500px;
    text-align:center
}
.item-container.svg .svgUrl{
    height:275px;
    line-height:275px
}
.item-container.svg .item-thumb svg{
    max-height:260px;
    max-width:500px;
    vertical-align:middle
}
.item-container.svg.icons .item-thumb svg{
    max-height:160px;
    vertical-align:middle
}
.item-container .item-thumb{
    position:relative
}
.item-container .item-thumb img{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:530px;
    display:block
}
div.item-container.svg .buy{
    background:none;
    box-shadow:none
}
.svg .btn_com{
    display:block;
    background:#fff;
    color:#000;
    width:100px;
    margin-bottom:20px
}
.svg .btn_com.btn-svg-copy,.svg .btn_com.btn-svg-copy-icon{
    width:120px
}
.svg .btn_com:hover{
    color:#000
}
.item-container .item-thumb img{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    width:530px;
    display:block
}
.item-container .item-thumb>a{
    position:relative;
    display:inline-block;
    max-width:100%
}
.item-container .item-thumb>a:hover:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.7)url(https://static.jjwxc.net/content/images/overlay_live_preview.svg)no-repeat center center;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-transition:250ms;
    transition:250ms
}
.ribbon1{
    position:absolute;
    top:-6px;
    z-index:9;
    right:10px
}
.ribbon1:after{
    position:absolute;
    content:"";
    display:block;
    width:0;
    height:0;
    border-left:53px solid transparent;
    border-right:53px solid transparent;
    border-top:10px solid #f8463f
}
.ribbon1 span{
    position:relative;
    display:inline-block;
    text-align:center;
    background:#f8463f;
    font-size:14px;
    line-height:1;
    padding:12px 8px 10px;
    border-top-right-radius:8px;
    width:90px;
    color:#fff
}
.ribbon1 span:before,.ribbon1 span:after{
    position:absolute;
    content:"";
    display:block
}
.ribbon1 span:before{
    background:#f8463f;
    height:6px;
    width:6px;
    left:-6px;
    top:0
}
.ribbon1 span:after{
    background:#c02031;
    height:6px;
    width:8px;
    border-radius:8px 8px 0 0;
    left:-8px;
    top:0
}
div.item-container .buy{
    margin:0 0 10px 0;
    padding:5px 10px;
    background:#f5f8fa;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
div.item-container .buy p{
    height:25px
}
div.item-container .buy p,div.item-container .buy p i,div.item-container .buy p a.fenlei{
    color:#666
}
div.item-container .buy p:nth-child(5),div.item-container .buy p:nth-child(5)i,div.item-container .buy p:nth-child(6),div.item-container .buy p:nth-child(6)i{
    color:#666
}
div.item-container .buy .srcdownlist{
    margin-top:15px;
    position:relative
}
.srctree{
    position:relative
}
#share-links{
    position:relative;
    padding:10px 5px 12px 10px;
    background:#f5f8fa;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-top:5px
}
#share-links:after{
    bottom:100%;
    left:19px;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-bottom-color:#f5f8fa;
    border-width:8px;
    margin-left:-8px
}
#share-links a:hover{
    text-decoration:none
}
ol.activity li div.follow-prompt{
    margin:-2px 6px 0 0
}
div.the-item{
    margin:0 0 10px 0;
    padding-top:5px
}
div.the-item .gray-container h4{
    background:url(https://static.jjwxc.net/content/images/tree/rar.png)no-repeat;
    padding-left:20px
}
.btns{
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.adminpanel a{
    margin-bottom:10px;
    height:28px;
    line-height:28px
}
.adminpanel p{
    padding-top:10px;
    border-top:1px solid #dedede
}
.adminpanel input,.adminpanel select{
    width:100%;
    border:1px solid rgba(0,0,0,.12);
    padding:5px;
    border-radius:25px
}
div.the-item .gray-container.detail{
    padding-right:0
}
div.the-item .gray-container .cont,div.the-item .gray-container .cont *{
    font-size:14px;
    line-height:22px
}
div.the-item .gray-container .cont ul{
    padding-left:25px;
    margin-top:10px
}
div.the-item .gray-container .cont ul li{
    height:22px
}
div.the-item .gray-container img{
    max-width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
div.the-item .gray-container{
    position:relative;
    margin-bottom:20px
}
.item-bg:before{
    position:absolute;
    right:10px;
    top:150px;
    -webkit-transform:translate3d(0,-25px,0)scaleY(.75)rotate(-35deg);
    font-size:18px;
    color:#a8a7a7
}
.item-container{
    margin:0 auto;
    width:800px
}
.imgintro{
    margin-bottom:20px;
    padding-bottom:5px
}
.imgintro:last-child{
    border-bottom:none;
    margin-bottom:0
}
div.tags-section{
    margin-top:20px
}
ol.tags{
    margin:0 0 17px 0
}
ol.tags li{
    margin:0;
    overflow:hidden;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    height:22px
}
div.meta-act{
    border-bottom:1px solid #ddd
}
div.meta-act.noline{
    border-bottom:none;
    margin-top:10px
}
div.meta-act .meta-act-link{
    display:block;
    padding:12px 5px 12px 0;
    font-size:12px;
    font-weight:400;
    line-height:1;
    z-index:555
}
div.meta-act em{
    font-style:normal;
    font-weight:400
}
div.meta-act a.meta-act-link:hover{
    color:#444
}
div.fav{
    border-bottom:1px solid #dedede;
    margin-bottom:15px
}
div.fav .fav-number{
    float:right;
    font-size:.8em;
    font-weight:400;
    color:#999;
    z-index:777;
    padding:12px 5px 12px 12px
}
div.fav strong.fav-number a:hover{
    color:#444;
    text-decoration:none
}
div.fav a.action,div.fav a.follow{
    float:left;
    font-size:.9em;
    line-height:1.2
}
div.fav a.action span,div.fav a.follow span{
    padding-left:17px;
    background:url(https://static.jjwxc.net/content/images/icon-like.gif)no-repeat 0 50%
}
div.meta-act a.meta-act-link .icon-jushoucanggift{
    color:#ea4c89;
    text-decoration:none
}
div.meta-act a.meta-like:hover{
    text-decoration:none
}
.meta-act a:hover{
    text-decoration:none
}
div.ad{
    margin:0 0 10px 0;
    padding:10px;
    background:#f5f8fa;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    overflow:hidden
}
#editor{
    float:left
}
#comments-section{
    margin:25px 0
}
.section-tabs{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
    margin-bottom:10px;
    border-bottom:1px solid #dee2e6
}
.section-tabs li{
    display:list-item;
    text-align:-webkit-match-parent
}
.section-tabs li a.active,.section-tabs li a.active:after{
    border-bottom-color:#dee2e6
}
.section-tabs li a.active{
    position:relative;
    border-bottom-color:#dee2e6
}
.section-tabs li a:hover{
    text-decoration:none
}
.section-tabs li a{
    padding:0 8px 8px;
    color:#666;
    margin-bottom:-1px;
    font-size:14px;
    position:relative;
    display:inline-block;
    margin-right:20px;
    border-bottom:1px solid transparent
}
.section-tabs li a.active:before{
    position:absolute;
    bottom:-1px;
    left:15px;
    content:'';
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #dee2e6
}
.section-tabs li a.active:after{
    position:absolute;
    bottom:-1px;
    left:16px;
    content:'';
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #fff
}
#sumitcomment{
    float:right;
    position:relative;
    width:80px;
    height:32px;
    line-height:32px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin-top:10px;
    position:relative;
    background:#dcf6fa;
    border:1px solid #00c7e1;
    color:#00c7e1
}
#sumitcomment:hover{
    text-decoration:none;
    color:#00c7e1
}
.comments{
    overflow:hidden;
    padding:0 5px 0 5px
}
.comments #cmtContent{
    width:96%;
    height:60px;
    border:none;
    overflow-y:hidden;
    background-color:#fff;
    overflow:hidden;
    padding:10px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 0 1px 1px rgba(0,0,0,.12)
}
.comments .comments_item{
    border-bottom:1px solid #dee2e6;
    padding-top:10px;
    padding-bottom:10px;
    font-size:1em;
    overflow:hidden;
    border-radius:5px
}
.comments .comments_item:last-child{
    border-bottom:none
}
.comments .comments_item img{
    width:25px;
    height:25px;
    border-radius:50%;
    margin-left:5px;
    margin-top:5px
}
.comments .comments_item .image_border{
    float:left;
    width:30px;
    height:30px
}
.comments .comments_item a:nth-child(1){
    z-index:2
}
.comments .comments_item a:nth-child(2){
    position:absolute;
    left:8px;
    top:10px;
    z-index:1
}
.comment-post{
    position:relative;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    margin-left:35px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding-top:6px;
    font-size:13px
}
.comment-post a{
    color:#7594b3
}
.comments .comments_item .posted{
    text-decoration:none;
    color:#999;
    font-size:12px;
    float:right
}
a.open_new{
    font-size:14px
}
.tagpos{
    position:fixed;
    top:10px
}
.tagpos p a{
    font-size:16px;
    width:22px;
    height:22px;
    display:block;
    color:#00c7e1;
    font-weight:bold
}
.tagpos p a:hover{
    text-decoration:none
}
.tags-list{
    margin-top:15px
}
h3.alpha{
    width:30px;
    text-align:center;
    line-height:1;
    color:#333;
    text-shadow:0 1px 0 #fff;
    margin-bottom:10px
}
h3.alpha span{
    font-size:28px
}
ol.tags li{
    margin-bottom:3px;
    overflow:hidden;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    position:relative
}
ol.tags li:last-child{
    border-bottom:none
}
ol.tags li span.perc{
    position:absolute;
    top:0;
    left:0;
    min-width:5%;
    height:100%;
    text-indent:-9999px;
    display:block;
    background:rgba(0,0,0,.07);
    overflow:hidden;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition:background .2s ease;
    -moz-transition:background .2s ease;
    -o-transition:background .2s ease;
    transition:background .2s ease
}
ol.tags li a{
    padding:3px 0 3px 12px;
    font-weight:400;
    text-decoration:none;
    color:#999
}
ol.tags li a:hover{
    color:#666;
    text-decoration:none
}
ol.tags li:hover{
    background:rgba(0,0,0,.07)
}
ol.tags li a strong{
    font-weight:400
}
ol.tags li em{
    float:right;
    padding:.4em 5px 0 0;
    font-style:normal;
    color:#bbb
}
.animated{
    -webkit-animation-duration:.7s;
    -moz-animation-duration:.7s;
    -o-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
.profile h1 a{
    font-weight:400
}
#wrap-inner ul.tabs{
    margin:0 0 15px 0;
    padding:0;
    font-size:14px;
    line-height:1;
    border-bottom:1px solid #dedede
}
#wrap-inner ul.tabs:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
#wrap-inner ul.tabs li.default{
    font-weight:700
}
#wrap-inner ul.tabs li.checking{
    float:right;
    margin-right:0
}
#wrap-inner ul.tabs li{
    position:relative;
    float:left;
    margin:0 20px 0 0;
    line-height:1
}
#wrap-inner ul.tabs li .count{
    font-family:Georgia,Tahoma,Arial
}
#wrap-inner ul.tabs li a{
    display:block;
    padding:0 0 8px 0;
    text-decoration:none
}
.pagemain{
    margin:0 auto;
    margin-top:30px;
    margin-bottom:30px
}
.pagemain a{
    width:40px;
    height:40px;
    background-color:#eee;
    color:#857a6b;
    margin-right:2px;
    text-align:center;
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    line-height:40px
}
.pagemain.small a{
    width:25px;
    height:25px;
    line-height:25px
}
.pagemain a i:hover{
    color:#fff
}
.pagemain a:hover{
    background-color:#00c7e1;
    color:#fff
}
.pagemain a.active{
    background-color:#00c7e1;
    color:#fff
}
.pagemain a.active:hover{
    color:#fff
}
.pagemain a.end{
    width:64px;
    text-align:center;
    -webkit-transition:all linear .2s;
    -moz-transition:all linear .2s;
    -ms-transition:all linear .2s;
    transition:all linear .2s
}
.pagemain.small a.end{
    width:44px
}
#add p.meta{
    margin:25px 0 0 0;
    font-size:14px;
    line-height:1.5;
    color:#999
}
div.message{
    float:left;
    color:#333
}
div.message h2{
    margin:0 0 4px 0;
    font-size:1.2em
}
.gen-form{
    margin-top:30px
}
.gen-form fieldset{
    border:none
}
.gen-form fieldset,.with-messages div.form-field{
    padding:8px 0
}
.with-messages fieldset{
    margin:0;
    padding:0;
    border-bottom:none
}
.gen-form fieldset.last,form.with-messages div.last{
    border:none
}
.gen-form .row_l{
    width:100px
}
.gen-form label{
    display:block;
    float:left;
    margin:.7em 20px 2px 0;
    font-size:1em;
    line-height:1.5em;
    font-weight:400;
    text-align:left
}
.gen-form p.message{
    margin:1px 0 0 110px;
    font-size:12px;
    line-height:1.5em;
    color:#666
}
.gen-form p.message a{
    font-size:12px;
    line-height:1.5em;
    color:#333
}
.gen-form p.message1{
    line-height:1.5em;
    color:#666
}
.profile_intro{
    list-style:none;
    margin-top:10px;
    color:#999
}
div.profile h1 .ur{
    padding-top:15px
}
div.profile img.head{
    float:left;
    display:block;
    position:relative;
    width:48px;
    max-height:48px;
    margin:3px 10px 0 0;
    vertical-align:middle;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    border-radius:24px
}
div.profile img.photo{
    float:left;
    display:block;
    position:relative;
    width:80px;
    max-height:80px;
    margin:3px 10px 0 0;
    vertical-align:middle;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px
}
.sep{
    margin:0 4px;
    color:#bbb
}
div.profile img.zoom{
    float:left;
    display:block;
    position:relative;
    width:80px;
    max-height:80px;
    margin:3px 10px 0 0;
    vertical-align:middle;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
div.profile img.zoom{
    background:#fff;
    padding:3px
}
div.profile a:hover img.photo{
    opacity:.8
}
body#profile div.profile img.photo.profile img.photo{
    width:80px;
    max-height:80px;
    margin-right:12px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
div.profile h2{
    font-size:14px;
    font-weight:400
}
.user-info a.t_url{
    padding:3px 0 0 20px;
    color:#fff;
    background-repeat:no-repeat;
    background-position:-340px -91px;
    text-indent:9999
}
em.locality{
    padding:3px 0 3px 0
}
.user-info a.t_url:hover{
    text-decoration:none
}
ul.profile-tabs li{
    float:left;
    margin:20px 10px 0 0;
    padding:0 10px 0 0;
    border-bottom:none;
    border-right:1px solid #ddd
}
ul.profile-tabs li:last-child{
    border-right:none
}
ul.profile-tabs li a{
    font-weight:700;
    font-family:Georgia,Tahoma,Arial;
    color:#777;
    font-size:18px
}
ul.profile-tabs li a:hover{
    text-decoration:none
}
ul.profile-tabs li a span.meta{
    display:block;
    margin-top:2px;
    font-weight:400;
    color:#bbb
}
ul.profile-tabs li span.score{
    font-size:25px;
    font-family:Georgia,Tahoma,Arial
}
div.profile-actions{
    float:right
}
a.contact span{
    padding-left:24px;
    background-image:url(https://static.jjwxc.net/content/images/icon-contact.png);
    background-repeat:no-repeat;
    background-position:0 50%
}
a.contact:hover{
    border-color:#8aba56;
    background-color:#8aba56
}
fieldset span.bind{
    margin-right:10px
}
.gen-form .line{
    border-bottom:1px solid #dedede
}
fieldset .pic_list{
    margin-left:105px
}
fieldset .pic_list li{
    list-style:none;
    padding:10px;
    margin:10px 0 10px 0;
    background:#f5f8fa;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
fieldset .pic_list li .img{
    float:left;
    height:80px;
    margin-right:10px;
    width:120px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
fieldset .pic_list li textarea{
    height:70px;
    width:500px
}
fieldset .pic_list li .btn_cancel{
    float:right;
    margin-right:5px;
    cursor:pointer
}
fieldset .pic_list li .btn_cancel.n{
    cursor:pointer;
    margin-top:-90px
}
.btn_cancel:hover{
    text-decoration:none
}
.form-field fieldset textarea{
    width:634px;
    height:100px
}
.form-field fieldset #title{
    width:634px
}
.form-field fieldset .pic_desc{
    border:1px solid #cfd3d5;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow:1px 1px 1px #d0d3d6
}
.form-field fieldset .pic_desc.n{
    border:none
}
#post-tag{
    background:#fff;
    border:1px solid #bfc3c5;
    padding:5px 0 0 5px;
    width:640px;
    overflow:hidden;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow:1px 1px 1px #d0d3d6
}
#recommand-tag-list{
    margin-left:110px;
    margin-top:10px
}
#post-tag-list span,#recommand-tag-list span{
    float:left;
    line-height:23px;
    padding:0 9px;
    margin:5px 5px 0 0;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #ddd;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
#post-tag-list span a{
    font-size:12px
}
#post-tag-list span a:hover{
    text-decoration:none
}
#tags-more{
    color:#a5a7a8;
    line-height:21px;
    cursor:pointer;
    zoom:1
}
#post-tag-list span .deltab{
    color:#000;
    padding-left:5px;
    font-weight:bold
}
#post-tag-list span .deltab:hover{
    color:#000
}
.btn_upRar{
    position:relative;
    overflow:hidden;
    display:inline-block
}
.btn_upRar input{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    border:solid transparent;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer
}
#edit-avatar{
    cursor:pointer;
    background:rgba(153,216,252,.22);
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.08);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,.08);
    box-shadow:1px 1px 2px rgba(0,0,0,.08);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:80px
}
div.user_right{
    float:right;
    width:300px
}
div.user_right ol.tags li{
    margin-left:0
}
ol.tags li:last-child{
    border-bottom:none
}
div.user_right h3{
    margin-bottom:10px;
    padding-bottom:5px;
    font-weight:400;
    border-bottom:1px solid #dedede
}
.user_right ol{
    max-width:215px;
    margin:-5px 0 25px 0
}
ul.profile-data{
    margin:0 0 20px 0
}
ul.user_right ul.profile-data p.copy{
    margin:0;
    line-height:1.4;
    color:#777
}
ul.user_right ul.profile-data p.copy a{
    font-weight:700
}
ol.popular-tags{
    margin:10px 0 0 0
}
ol.popular-tags span{
    line-height:30px;
    padding:3px 9px;
    background:url(https://static.jjwxc.net/content/images/pb-tag-bg.png)repeat-x 0 0;
    margin:0 5px 5px 0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#eee;
    white-space:nowrap;
    box-shadow:0 1px 1px #b7b9bc;
    cursor:pointer
}
ol.popular-tags span:hover{
    background-position:0 -27px;
    cursor:pointer
}
.mognews{
    overflow:hidden;
    height:auto;
    position:relative;
    margin-top:5px;
    width:800px
}
.mognews .bn-title{
    display:inline-block;
    float:left;
    padding:10px 0
}
.mognews ul{
    padding:0;
    margin:0;
    display:block;
    list-style:none;
    position:absolute
}
.mognews ul li{
    list-style:none;
    padding:10px 0;
    display:none
}
.mognews .bn-arrows{
    display:inline-block;
    float:right;
    width:50px;
    position:absolute;
    right:0;
    top:10px;
    bottom:0
}
.mognews .bn-arrows span{
    display:block;
    width:20px;
    position:absolute;
    top:0;
    bottom:0;
    cursor:pointer;
    opacity:.8
}
.mognews .bn-arrows span:hover{
    opacity:1
}
.mognews .bn-arrows-left{
    left:0
}
.mognews .bn-arrows-right{
    right:0
}
.mognews .laba{
    float:left;
    margin-top:12px;
    margin-right:0
}
.headerBg{
    width:100%;
    height:330px;
    background-repeat:no-repeat;
    background-position:center center;
    border-top:1px solid #fff
}
@-webkit-keyframes gradient{
    50%{
        background-position:100% 0
    }

}
@keyframes gradient{
    50%{
        background-position:100% 0
    }

}
.user-info{
    margin:0 auto;
    border:1px transparent solid;
    border-radius:3px;
    transition:all .2s;
    margin-top:40px;
    width:800px
}
.user-info .user-avatar{
    width:120px;
    height:120px;
    margin:0 auto;
    overflow:hidden;
    float:left;
    margin-top:230px;
    border:10px solid #fff
}
.user-info .user-avatar img{
    width:100px;
    height:100px;
    border-radius:50%;
    margin-left:17px;
    margin-top:17px
}
.user-info .info{
    margin:0 auto;
    text-align:center;
    margin-top:10px;
    padding-bottom:5px;
    color:#fff;
    border-radius:5px;
    position:static;
    float:left;
    display:inline;
    margin-top:260px
}
.user-info .user_intro{
    font-size:20px;
    text-shadow:2px 2px 2px #000;
    text-align:left;
    position:absolute;
    color:#fff
}
.user-info .info .name{
    height:22px;
    line-height:22px;
    font-size:16px;
    text-shadow:2px 2px 2px #000;
    text-align:left;
    margin-left:10px;
    font-weight:bold
}
.user-info .info .name span{
    color:#fff
}
.user-info .info .name em{
    color:#fff;
    font-weight:400;
    font-style:italic
}
.ico_gender0{
    height:15px;
    width:15px;
    display:inline-block;
    background-position:-345px -150px;
    margin-left:5px;
    vertical-align:middle
}
.ico_gender1{
    height:15px;
    width:15px;
    display:inline-block;
    background-position:-345px -175px;
    margin-left:5px;
    vertical-align:middle
}
.user-info .info .name span{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
.user-info .info .name .lv{
    color:#fff;
    font-style:italic;
    text-decoration:none;
    margin-left:5px;
    font-weight:100
}
.user-info .name .vipico.v0,.user-info .name .vipico.v1,.user-info .name .vipico.v2{
    display:inline-block;
    margin-left:10px;
    background:url(https://static.jjwxc.net/content/images/bg_menutop.png)no-repeat;
    width:50px;
    height:15px;
    display:inline-block;
    zoom:1;
    vertical-align:middle
}
.user-info .name .vipico.v0{
    background-position:-310px -342px
}
.user-info .name .vipico.v1{
    background-position:-310px -360px
}
.user-info .name .vipico.v2{
    background-position:-310px -378px
}
.user-info .info .ranking{
    line-height:24px;
    color:#333;
    font-size:14px;
    margin-top:10px;
    text-align:left;
    margin-left:10px
}
.user-info .info .ranking .statistical .num5{
    font-size:18px;
    margin-right:15px
}
.icon_level{
    line-height:14px;
    text-align:center;
    display:inline-block;
    border-radius:8px;
    margin:0 0 0 3px;
    padding:0 5px 0 3px;
    color:#fff;
    font-style:italic;
    background-color:#a4a4a4;
    font-weight:100
}
.icon_level:hover{
    text-decoration:none;
    color:#fff
}
.user-info .info .growtip{
    margin-top:10px;
    margin-left:10px;
    text-align:left;
    color:#444
}
.user-info .info .growLoding{
    width:600px;
    height:6px;
    background:#c8c8c8;
    border-radius:3px;
    margin-top:5px;
    margin-left:10px
}
.user-info .info .growLoding p{
    width:0%;
    height:6px;
    border-radius:3px;
    background:#f69;
    transition:width 1.5s ease-in-out 0
}
.follow_sec{
    float:right;
    display:inline;
    margin-top:300px
}
.follow_sec a{
    display:inline-block;
    width:94px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#fff;
    border-radius:3px;
    cursor:pointer;
    text-shadow:none;
    text-decoration:none
}
.follow_sec .btnHeadBg{
    float:none;
    background-color:#fff;
    text-align:center;
    text-indent:0;
    border-radius:25px;
    color:#444
}
.follow_sec .ufollow,.follow_sec .btnHeadBg{
    float:none;
    text-align:center;
    text-indent:0;
    border-radius:25px;
    background-color:#fff;
    color:#a4a4a4;
    border:1px solid #a4a4a4
}
#user_nav{
    height:49px;
    line-height:48px;
    margin-top:100px
}
#user_nav a{
    padding:5px 10px;
    color:#3c3c3c;
    font-size:14px;
    margin:0 32px 0 0;
    text-decoration:none
}
#user_nav .on{
    border-top:2px solid #a4a4a4
}
.through{
    text-decoration:line-through
}
.num5{
    font-family:Georgia,Tahoma,Arial
}
.num18{
    font-family:Georgia,Tahoma,Arial;
    font-size:18px
}
.num22{
    font-family:Georgia,Tahoma,Arial;
    font-size:22px
}
.orange{
    color:#fe4502
}
.white{
    color:#fff
}
.blue{
    color:#01a1b8
}
.user_comment .visitor ul li p{
    overflow:hidden;
    display:block;
    height:20px;
    line-height:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    color:#369
}
.user_comment .visitor ul li span{
    font-size:12px;
    color:#333
}
#contentwordage,.CommentAlert{
    margin-top:16px;
    line-height:48px;
    font-size:14px;
    color:#999
}
.image_border{
    position:relative;
    border-radius:50%;
    display:block;
    background:#f5f8fa;
    border:1px solid rgba(118,117,107,.3);
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
.image_border img{
    -webkit-transition:-webkit-transform 1s ease-out;
    -moz-transition:-moz-transform 1s ease-out;
    -o-transition:-o-transform 1s ease-out;
    -ms-transition:-ms-transform 1s ease-out
}
.user-avatar.image_border img:hover{
    -webkit-transform:rotateZ(360deg);
    -moz-transform:rotateZ(360deg);
    -o-transform:rotateZ(360deg);
    -ms-transform:rotateZ(360deg);
    transform:rotateZ(360deg)
}
.image_border.prorank1,.icon_level.level0{
    background-color:#999
}
.image_border.prorank1,.icon_level.level1{
    background-color:#c1ae2f
}
.image_border.prorank2,.icon_level.level2{
    background-color:#fe4502
}
.image_border.prorank3,.icon_level.level3{
    background-color:#028da9
}
.image_border.prorank4,.icon_level.level4{
    background-color:#c51f1b
}
.image_border.prorank5,.icon_level.level5{
    background-color:#b620a6
}
.image_border.prorank6,.icon_level.level6{
    background-color:#7b4edf
}
.btnHeadBg.prorank1,.ufollow.prorank1,#share-links .userhome.prorank1{
    border:1px solid #c1ae2f;
    color:#c1ae2f
}
.btnHeadBg.prorank2,.ufollow.prorank2,#share-links .userhome.prorank2{
    border:1px solid #fe4502;
    color:#fe4502
}
.btnHeadBg.prorank3,.ufollow.prorank3,#share-links .userhome.prorank3{
    border:1px solid #028da9;
    color:#028da9
}
.btnHeadBg.prorank4,.ufollow.prorank4,#share-links .userhome.prorank4{
    border:1px solid #c51f1b;
    color:#c51f1b
}
.btnHeadBg.prorank5,.ufollow.prorank5,#share-links .userhome.prorank5{
    border:1px solid #b620a6;
    color:#b620a6
}
.btnHeadBg.prorank6,.ufollow.prorank6,#share-links .userhome.prorank6{
    border:1px solid #7b4edf;
    color:#7b4edf
}
#user_nav .on.prorank1{
    border-top:2px solid #c1ae2f
}
#user_nav .on.prorank2{
    border-top:2px solid #fe4502
}
#user_nav .on.prorank3{
    border-top:2px solid #028da9
}
#user_nav .on.prorank4{
    border-top:2px solid #c51f1b
}
#user_nav .on.prorank5{
    border-top:2px solid #b620a6
}
#user_nav .on.prorank6{
    border-top:2px solid #7b4edf
}
.rule_growth p{
    margin-bottom:5px
}
.rule_title{
    margin-top:30px
}
.user-avatar-level{
    width:80px;
    height:80px;
    margin:0 auto;
    overflow:hidden
}
.rule_level .level_item{
    float:left;
    margin-right:20px;
    text-align:center
}
.user-avatar-level img{
    width:65px;
    height:65px;
    border-radius:50%;
    margin-left:12px;
    margin-top:12px
}
.the-item .status0{
    position:absolute;
    margin-top:30px
}
.footer_image{
    clear:both;
    margin-top:50px;
    height:143px;
    background-position:center bottom;
    background-repeat:repeat-x;
    background-image:url(https://static.jjwxc.net/content/images/footer_image.png)
}
.refresh{
    vertical-align:middle;
    margin-top:4px;
    display:block
}
.refresh:hover{
    text-decoration:none
}
.picbtn_container{
    margin-left:107px
}
.uploadify-button{
    background:url(https://static.jjwxc.net/content/images/cover.png)no-repeat
}
.uploadify-queue{
    margin-bottom:1em;
    display:none
}
.uploadify-queue-item{
    background-color:#f5f5f5;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font:11px Verdana,Geneva,sans-serif;
    margin-top:5px;
    max-width:350px;
    padding:10px
}
.uploadify-error{
    background-color:#fde5dd!important
}
.uploadify-queue-item .cancel a{
    display:none
}
.uploadify-queue-item.completed{
    background-color:#e5e5e5
}
.uploadify-progress{
    background-color:#e5e5e5;
    margin-top:10px;
    width:100%
}
.uploadify-progress-bar{
    background-color:#fe4502;
    height:3px;
    width:1px
}
#message_container{
    position:fixed;
    right:0;
    left:0;
    top:0;
    z-index:100000;
    padding:0 8px 6px 8px;
    font-size:14px;
    max-width:320px;
    margin:auto
}
#error{
    position:relative;
    max-width:320px;
    min-width:120px;
    display:none;
    background-color:#cd3237;
    background-image:-moz-linear-gradient(top,#e34447,#cd3237);
    background-image:-ms-linear-gradient(top,#e34447,#cd3237);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#e34447),to(#cd3237));
    background-image:-webkit-linear-gradient(top,#e34447,#cd3237);
    background-image:-o-linear-gradient(top,#e34447,#cd3237);
    background-image:linear-gradient(top,#e34447,#cd3237);
    border:1px solid #ca3e3e;
    border-radius:0 0 4px 4px;
    padding:8px 8px 6px 8px;
    font-size:14px;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
    color:#fff;
    box-shadow:0 4px 4px rgba(0,0,0,.2)
}
#error a{
    color:#fff
}
.index_more{
    text-align:center
}
.btn_com{
    display:inline-block;
    width:94px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#fff;
    border-radius:3px;
    cursor:pointer;
    text-shadow:none;
    text-decoration:none;
    text-align:center;
    font-size:14px;
    border-radius:18px;
    background-color:#00c7e1;
    box-shadow:0 2px 4px 0 rgba(0,188,212,.28);
    border:solid 3px rgba(255,255,255,.4)
}
.btn_com:hover{
    text-decoration:none;
    color:#fff
}
.btn_com.light{
    background:#dcf6fa;
    border:1px solid #00c7e1;
    color:#00c7e1
}
.btn_com.small{
    width:90px;
    height:26px;
    line-height:26px;
    background:#fff;
    font-size:12px
}
.btn_preview,.btn_cart{
    position:relative;
    width:80px;
    background-color:#fff;
    border:1px solid #00c7e1;
    color:#00c7e1;
    height:32px;
    line-height:32px;
    text-align:center;
    display:inline-block;
    border-radius:4px;
    border-radius:18px
}
.btn_preview:hover{
    text-decoration:none;
    color:#00c7e1
}
.btn_cart{
    background-color:#00c7e1;
    width:110px;
    float:right;
    color:#fff
}
.down-container{
    margin-top:50px
}
.down-left{
    float:left
}
.down-right{
    float:left;
    margin-left:30px
}
.down-right h1{
    font-weight:normal;
    color:#666;
    margin-bottom:20px;
    font-size:16px
}
.down-left{
    width:300px
}
.down-left img{
    width:300px
}
.down-left{
    margin-bottom:30px;
    padding:10px;
    background:#f5f8fa;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
.down-tip{
    color:#ff4242;
    font-size:20px
}
.down-yue{
    margin-top:10px;
    font-size:14px
}
.btn_cart:hover{
    text-decoration:none;
    color:#fff
}
.view-arrows a{
    width:30px;
    height:60px;
    position:fixed;
    bottom:40%;
    text-indent:-9999em
}
.view-arrows .pre{
    left:0;
    background-position:0 0
}
.view-arrows .next{
    right:0;
    background-position:-90px 0
}
.back{
    display:block;
    height:42px;
    line-height:42px;
    overflow:hidden;
    text-align:center;
    font-size:14px;
    color:#222;
    width:90px
}
.back:hover{
    text-decoration:none
}
.listalbum{
    clear:both;
    margin-top:10px
}
div.listalbum h3{
    font-weight:400;
    border-bottom:1px solid #f5f8fa;
    width:240px;
    font-size:14px
}
ol.albumitem li{
    position:relative;
    margin-top:8px;
    list-style:none;
    margin-bottom:10px;
    float:left
}
ol.albumitem li a:hover{
    text-decoration:none
}
ol.albumitem li:nth-child(2n+1){
    margin-right:10px
}
ol.albumitem li a,ol.albumitem li span{
    width:100%;
    overflow:hidden
}
ol.albumitem li a p{
    width:115px
}
ol.albumitem li a img{
    margin:0;
    padding:0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.07);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.07);
    box-shadow:0 1px 2px rgba(0,0,0,.07);
    height:60px;
    width:115px
}
.albumshousuo:hover{
    text-decoration:none
}
.body_imgview{
    background:#dedede
}
.bigimg{
    max-width:1170px;
    margin:0 auto
}
.guanbi{
    position:fixed;
    top:10px;
    right:10px
}
.guanbi:hover{
    text-decoration:none
}
.guanbi i{
    font-size:40px
}
.post-main-slider{
    background:#000 url(https://static.jjwxc.net/content/images/bg-page-section.png);
    text-align:center;
    width:100%;
    height:315px;
    position:relative
}
.post-main-slider #canvas{
    height:315px
}
.slidermain{
    align-self:center;
    margin:0 auto;
    position:relative;
    width:800px
}
.imgContainer{
    width:520px;
    height:240px;
    position:relative;
    padding-top:30px
}
.slidermain .image-wrapper{
    position:absolute;
    top:0;
    left:0;
    display:none;
    color:#fff;
    font-size:14px
}
.slidermain .image-wrapper:hover{
    text-decoration:none;
    color:#fff
}
.slidermain .image-wrapper.active{
    display:block
}
.slidermain .image-wrapper img{
    width:100%;
    height:100%
}
.slidermain .image-wrapper.active img{
    display:block
}
.slidermain .controls{
    display:flex;
    justify-content:center;
    position:absolute;
    bottom:10px;
    right:10px
}
.slidermain .dot{
    width:10px;
    height:10px;
    background:#ddd;
    border-radius:50%;
    cursor:pointer;
    transform:scale(.85);
    transition:.3s all ease;
    background-color:#00c7e1;
    margin:0 2px;
    border:solid 3px #5c5a58
}
.slidermain .dot.active{
    transform:scale(1.1);
    background-color:#fe4502
}
.slidermain .brand{
    position:absolute;
    right:0;
    top:20px;
    width:230px;
    height:240px;
    background-color:rgba(0,0,0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C000000',endColorstr='#4C000000');
    border-radius:2px;
    color:#fff;
    text-align:center;
    border:1px solid #666
}
.brand .maxim{
    font-size:26px;
    padding:40px 0 15px;
    color:#fff
}
.brand .info{
    font-size:16px;
    padding-top:5px;
    color:#fff
}
.search-wrap{
    margin-right:auto;
    margin-left:auto;
    position:relative
}
.search-wrap .search-text,.search-wrap .search-button{
    border:none;
    position:absolute;
    top:5px;
    z-index:1
}
.search-wrap .search-button{
    background:transparent;
    border-radius:0 48px 48px 0;
    right:5px
}
.search-wrap .search-button i{
    color:#fff;
    font-size:28px
}
.search-wrap .search-button:hover,.home-search-wrap .search-button:hover{
    cursor:pointer
}
.search-wrap .search-bg,.home-search-wrap .search-bg{
    width:100%;
    height:100%;
    background:#fff;
    border-radius:48px;
    position:absolute;
    top:0;
    opacity:.1;
    filter:alpha(opacity=10)
}
.search-sug{
    border-radius:2px;
    position:absolute;
    background:#fff;
    border:1px solid #425861;
    border-top:none;
    z-index:5
}
.item-search .search-sug,.home-search-wrap .search-sug{
    width:210px;
    left:1px;
    top:35px;
    border:1px solid #f5f8fa;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#fff;
    -webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);
    box-shadow:0 8px 15px rgba(0,0,0,.1)
}
.item-search .search-sug{
    left:12px;
    top:34px
}
.home-search-wrap .search-sug{
    left:18px;
    top:40px;
    width:140px;
    border:none
}
.search-sug ul.on{
    background:rgba(0,0,0,.12)
}
.search-sug li{
    list-style:none
}
.search-sug .sokeyup_1{
    height:35px;
    line-height:35px;
    padding:0 20px;
    cursor:pointer
}
.item-search .search-sug .sokeyup_1,.home-search-wrap .search-sug .sokeyup_1{
    height:20px;
    line-height:20px;
    padding:5px 10px;
    cursor:pointer
}
.search-sug .sokeyup_1 .sokeyup_2{
    font-size:14px;
    color:#6e6e6e;
    float:left
}
.search-sug .sokeyup_1 .sokeyup_3{
    color:#6e6e6e;
    font-size:14px;
    float:right
}
.home-search-wrap{
    width:200px;
    height:40px;
    margin-right:auto;
    margin-left:auto;
    position:relative;
    margin-top:30px
}
.home-search-wrap .search-text,.home-search-wrap .search-button{
    height:30px;
    border:none;
    line-height:30px;
    position:absolute;
    top:5px;
    z-index:1
}
.home-search-wrap .search-text{
    width:130px;
    padding-left:20px;
    background:#fff;
    border-radius:28px 0 0 28px;
    left:5px;
    height:28px
}
.home-search-wrap .search-button{
    width:40px;
    background:transparent;
    border-radius:0 28px 28px 0;
    right:5px
}
.home-search-wrap .search-button i{
    color:#fff;
    font-size:18px
}
.item-search{
    width:240px;
    height:30px;
    margin-right:auto;
    margin-left:auto;
    margin-top:5px;
    border-radius:36px;
    padding:3px;
    position:relative
}
.item-search .search-text,.item-search .search-button{
    height:26px;
    border:none;
    line-height:26px;
    position:absolute;
    margin-top:2px
}
.item-search .search-text{
    width:176px;
    padding-left:12px;
    z-index:1;
    border-radius:30px;
    background:#f5f8fa
}
.item-search .search-button{
    border-radius:0 2px 2px 0;
    right:5px;
    padding:0 10px
}
.item-search .search-button:hover{
    cursor:pointer
}
.item-search .search-button i{
    color:#a0a1a1;
    font-size:18px;
    font-weight:bold
}
.bdsharebuttonbox{
    margin-top:10px
}
ol.player-cards{
    margin-bottom:20px;
    margin-top:30px
}
ol.player-cards li.group{
    margin:0 0 13px 0;
    padding:0 0 15px 0;
    border-bottom:1px solid #ddd;
    position:relative;
    list-style:none
}
ol.player-cards li.group:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
ol.player-cards li.group:last-child{
    margin:0;
    border-bottom:none
}
ol.player-cards li div.player-info{
    float:left;
    width:40%;
    margin-top:4px
}
ol.player-cards li.prospect div.player-info{
    width:100%
}
ol.player-cards li h2{
    max-height:none;
    margin:0;
    padding:0 0 4px 0;
    font-size:16px;
    line-height:1.2
}
ol.player-cards li h2 a.image_border{
    width:80px;
    max-height:80px;
    margin:0 10px 0 0;
    float:left
}
ol.player-cards li h2 a img.photo,ol.player-cards li h2 a:hover img.photo{
    width:65px;
    max-height:65px;
    border-radius:50%;
    margin-left:13px;
    margin-top:13px
}
ol.player-cards li h2 span.meta{
    display:block;
    margin:5px 0 0 0;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:1;
    padding-top:5px
}
ol.player-cards li h2 span.meta .uname{
    font-size:12px;
    margin-bottom:10px
}
ol.player-cards li h2 span.meta a{
    font-size:12px
}
ol.player-cards li div.follow-prompt{
    margin:0;
    font-size:.9em;
    line-height:12px
}
ol.player-cards li a.follow,ol.player-cards li a.settings,ol.player-cards li a.unfollow{
    padding:6px;
    width:12px;
    height:12px;
    margin:3px 10px 0 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
ol.player-cards li a.follow span,ol.player-cards li a.unfollow span{
    float:left;
    padding-left:12px;
    text-indent:-999em
}
ol.player-cards li ul.player-stats{
    margin:3px 0 0 0
}
ol.player-cards li ul.player-stats li{
    float:left;
    width:auto;
    margin:0 10px 0 0;
    padding:0 10px 0 0;
    font-size:12px;
    line-height:1;
    border-bottom:none;
    border-right:1px solid #ddd;
    list-style:none
}
ol.player-cards li ul.player-stats li:last-child{
    border-right:none
}
ol.player-cards li ul.player-stats li a{
    display:block;
    font-weight:700;
    line-height:1;
    color:#777
}
ol.player-cards li ul.player-stats li a span.meta{
    display:block;
    margin-top:2px;
    font-size:12px;
    font-weight:400;
    line-height:1;
    text-transform:lowercase;
    color:#bbb
}
ol.player-cards li ul.player-stats li a:hover{
    color:#444;
    text-decoration:none
}
ol.player-cards li ul.player-stats li a:hover span.meta{
    color:#999
}
ol.player-cards li div.shots{
    float:right;
    width:60%
}
ol.player-cards li div.shots img{
    float:left;
    height:80px;
    width:107px;
    margin:3px 10px 0 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#fff;
    padding:2px
}
ol.player-cards li div.shots a:hover img{
    opacity:.8
}
ol.player-cards li div.shots a:last-child img{
    margin-right:0
}
.item-tags{
    clear:both;
    overflow:hidden;
    margin-top:10px;
    height:35px
}
.service{
    width:40px;
    height:198px;
    position:fixed;
    top:200px;
    right:0;
    overflow:hidden;
    z-index:9999
}
.service dl{
    width:120px;
    height:198px;
    border-radius:25px 0 0 25px;
    padding-left:40px;
    box-shadow:0 0 5px #e4e8ec
}
.service dl dt{
    width:40px;
    height:198px;
    background:url(https://static.jjwxc.net/content/images/service.png);
    position:absolute;
    top:0;
    left:0;
    cursor:pointer
}
.service dl dd.suspendQQ{
    width:120px;
    height:85px;
    background:#fff
}
.service dl dd.suspendQQ a{
    width:120px;
    height:85px;
    display:block;
    background:url(https://static.jjwxc.net/content/images/service.png)-40px 0;
    overflow:hidden
}
.service dl dd.suspendTel{
    width:120px;
    height:112px;
    background:#fff;
    border-top:1px solid #e4e8ec
}
.service dl dd.suspendTel a{
    width:120px;
    height:112px;
    display:block;
    background:url(https://static.jjwxc.net/content/images/service.png)-40px -86px;
    overflow:hidden
}
* html .service{
    position:absolute;
    left:expression(eval(document.documentElement.scrollRight));
    top:expression(eval(document.documentElement.scrollTop+200))
}
.adminpanel{
    clear:both;
    padding-top:20px
}
.adminpanel a{
    margin-right:20px
}
#txtfeed{
    width:85%;
    height:150px;
    border:1px solid #dadada;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
.btnfeed,.btnshang{
    background:#dcf6fa;
    border:1px solid #00c7e1;
    color:#00c7e1;
    margin-top:15px
}
.btnfeed:hover,.btnshang:hover{
    color:#00c7e1
}
.none{
    display:none
}
.black-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.4);
    z-index:99998;
    display:none
}
.pop_container{
    position:absolute;
    width:440px;
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
    opacity:0;
    -webkit-transition:transform .3s,opacity .3s;
    -moz-transition:transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s
}
.pop_show{
    top:40%;
    left:55%;
    margin:-155px 0 0 -260px;
    z-index:99999;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1;
    position:fixed
}
.pop_container.larger{
    width:550px
}
.pop_frame{
    width:400px;
    background:#fff;
    text-align:center;
    padding:30px 0 30px;
    box-shadow:0 2px 10px rgba(0,0,0,.5);
    border-radius:2px
}
.pop_frame .logo{
    display:block;
    margin:0 auto;
    height:35px
}
.pop_frame .holder{
    width:100%;
    margin:0 auto;
    position:relative;
    margin-top:20px
}
.pop_frame .with-line{
    color:#01a1b8;
    margin:0 auto;
    position:relative;
    text-align:center;
    margin:20px 10px;
    font-size:14px;
    padding:0 30px
}
.pop_frame .with-line:before{
    content:"";
    border-top:1px solid #ededed;
    display:block;
    position:absolute;
    width:30px;
    top:8px;
    left:0
}
.pop_frame .with-line:after{
    content:"";
    border-top:1px solid #ededed;
    display:block;
    position:absolute;
    width:30px;
    top:8px;
    right:0
}
.pop_frame .buttons a{
    margin-right:20px
}
.pop_frame a:hover{
    text-decoration:none
}
.pop_container .close{
    position:absolute;
    right:0;
    top:0;
    cursor:pointer
}
.framebox{
    display:none
}
.pop_container .close i{
    color:#fff;
    font-size:24px
}
.bds_count{
    font-family:Georgia,Tahoma,Arial;
    font-size:14px
}
.bds_count:hover{
    text-decoration:none
}
.pop_container .button:hover{
    color:#cd3237
}
.block-sidebar{
    position:fixed;
    bottom:30px;
    width:60px;
    z-index:99;
    right:0
}
.block-sidebar .backtop{
    display:none
}
.block-sidebar .block-sidebar-item i{
    font-size:50px;
    color:#b5b5b5;
    text-align:center;
    line-height:50px;
    margin-bottom:20px;
    cursor:pointer;
    display:block
}
.block-sidebar .block-sidebar-item a{
    text-decoration:none
}
.block-sidebar .block-sidebar-item i:hover{
    color:#8e8b8b
}
.paytip{
    margin-left:10px
}
.aboutbanner{
    background:#425861 url(https://static.jjwxc.net/content/images/bg-page-section.png);
    padding-top:40px!important;
    padding-bottom:40px!important;
    text-align:center
}
.aboutbanner h1{
    color:#fff;
    font-size:30px
}
.aboutbanner .h1title{
    color:#fff;
    font-size:15px
}
.aboutbanner p{
    color:#fff;
    margin-top:20px
}
.aboutnav{
    width:60px;
    float:left;
    margin-top:30px
}
.aboutnav li{
    list-style:none;
    padding:5px 0;
    margin-bottom:20px
}
.aboutnav li a{
    font-size:14px
}
.aboutnav li a:hover{
    text-decoration:none
}
.aboutnav li.active{
    border-bottom:1px solid #02abcc;
    font-weight:bold
}
.aboutintro{
    margin-top:30px;
    width:700px;
    float:right;
    margin-bottom:30px
}
.aboutintro *{
    font-size:14px
}
.aboutintro p{
    height:36px
}
.aboutintro .fenlei a{
    margin-left:10px
}
.sideBar-animate{
    position:fixed;
    bottom:0;
    left:5px;
    -webkit-animation:two-up-down .8s ease infinite 80ms alternate;
    animation:two-up-down .8s ease infinite 80ms alternate
}
.sideBar-animate.left{
    left:0
}
@keyframes two-up-down{
    from{
        -webkit-transform:translate(0,8px);
        transform:translate(0,8px)
    }
    to{
        -webkit-transform:translate(0,-8px);
        transform:translate(0,-8px)
    }

}
.item-box{
    position:relative;
    margin:16px 0;
    padding:16px;
    box-shadow:0 0 16px #ccc;
    overflow:hidden;
    background-color:#fff
}

.item-box-search{
    position:relative;
    margin:10px 0;
    padding: 10px 16px;
    /*box-shadow:0 0 16px #ccc;*/
    /*overflow:hidden;*/
    background-color:#fff;
    text-align:right;
    z-index: 6; /*不能小于2*/
}
.cover{
    border-radius:3px
}
.item-box_content{
    color:#999;
    font-size:12px;
    overflow:hidden;
    margin-left:20px;
    padding-right:10px
}
.item-box_content .intro{
    color:#787878;
    font-size:13px
}
.item-box_title{
    max-height:2.6em;
    margin-bottom:0;
    color:#262626;
    font-size:15px;
    font-weight:500;
    line-height:1.3;
    text-decoration:none;
    text-overflow:ellipsis;
    overflow:hidden
}
.item-box_title:focus,.item-box_title:hover{
    text-decoration:underline
}
.item-box_author{
    -webkit-font-smoothing:subpixel-antialiased;
    text-decoration:underline;
    color:#b3b3b3;
    cursor:pointer;
    position:relative;
    display:inline-block;
    text-decoration:none;
    color:#999;
    font-weight:700
}
.item-box_author:hover{
    text-decoration:none
}
.item-box_author:focus:after,.item-box_author:hover:after{
    opacity:1;
    transition-delay:.2s;
    transition-duration:.15s;
    transform:translateY(-3px)translateZ(0)
}
.item-box_category{
    margin-top:16px;
    margin-bottom:16px
}
.item-box_category a{
    color:#787878
}
.item-box_category a:hover{
    text-decoration:none
}
.item-box_category span{
    line-height:23px;
    padding:2px 9px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #ddd;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
.tagList-module{
    overflow:hidden;
    width:300px;
    height:19px
}
.tagList-module a{
    margin-right:5px;
    color:#999;
    font-size:12px
}
.tagList-module a:hover{
    text-decoration:none
}
.item-box_detailsItem{
    margin-bottom:6px;
    color:#787878;
    font-size:12px
}
.item-box_detailsItem i{
    color:#787878
}
.item-box_detailsItem:first-child{
    margin-top:20px
}
.item-box_bulletPoint_1U-aa{
    margin-bottom:4px;
    margin-left:16px;
    color:#4d4d4d;
    list-style-type:disc
}
.item-box_footer{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:2 0;
    flex:2 0;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    /*padding-left:16px;*/
    padding-top: 17px;
}
.item-box_price{
    font-weight:700;
    margin-bottom:30px
}
.item-box_footerButtons{
    position:absolute;
    top:0;
    right:0
}
.item-box_footerButtons a{
    text-decoration:none
}
.item-box_alignBottom{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    margin-top:auto;
    -ms-flex-item-align:end;
    align-self:flex-end;
    -ms-flex-pack:end;
}
.item-box_alignBottom .btn_preview{
    height:26px;
    line-height:26px;
    background:#fff;
    font-size:12px;
    border:1px solid #f1f1f1;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    color:#666
}
.item-box_alignBottom .btn_down{
    height:26px;
    line-height:26px;
    background:#fff;
    font-size:14px;
    color:#666;
    width:59px;
    text-align:center;
    margin-right:5px
}
.item-box_alignBottom .btn_right{
    text-align:right;
}
.item-box_alignBottom .btn_left{
    text-align:left;
}

.item-box_alignBottom .btn_down:hover{
    text-decoration:none
}
.imagePlaceholder{
    position:relative;
    width:100%;
    background:linear-gradient(125deg,#999,#fff,#999);
    background-size:200% 200%;
    overflow:hidden;
    display:block;
    padding-top:50.8475%;
    background-size:cover
}
.imagePlaceholder_content{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.a_downconfirm{
    display:none;
    padding:5px 15px
}
.container_pay{
    padding-top:380px;
    margin-bottom:380px;
    background-image:url(https://static.jjwxc.net/content/images/paybg.jpg);
    background-size:auto 406px;
    position:relative;
    background-position:top;
    background-repeat:no-repeat
}
.container_price,.container_pay .tip{
    width:1000px;
    margin:0 auto;
    position:relative
}
.container_pay .tip{
    color:#a7c5ff;
    margin-bottom:20px
}
.pricing-table:before{
    background-image:url(https://static.jjwxc.net/content/images/payitem.png);
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    display:block;
    height:calc(100%);
    left:0;
    top:0;
    position:absolute;
    width:calc(100%)
}
.pricing-table{
    position:relative;
    color:#fff;
    width:230px;
    height:311px;
    float:left;
    margin-right:20px;
    margin-bottom:20px
}
.pricing-table:last-child{
    margin-right:0
}
.pt-header{
    position:relative;
    padding:20px 0
}
.pt-title{
    position:relative;
    font-size:30px;
    text-align:center;
    margin:0;
    color:#fff;
    text-transform:normal;
    font-family:Georgia,Tahoma,Arial
}
.discount{
    text-align:center;
    color:#ffc942
}
.pt-header .discount a:hover{
    text-decoration:none
}
.ribbon-wrapper{
    position:absolute;
    top:-5px;
    right:-10px;
    width:130px;
    height:130px;
    overflow:hidden
}
.ribbon-wrapper .ribbon{
    color:#fff;
    position:relative;
    top:20px;
    left:0;
    width:180px;
    height:24px;
    line-height:24px;
    text-align:center;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#0c59ff
}
.ribbon-wrapper .ribbon b{
    color:#fff
}
.ribbon-wrapper .ribbon:before{
    content:'';
    display:block;
    position:absolute;
    top:12px;
    left:20px;
    width:0;
    height:0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    border:12px solid transparent;
    border-bottom-color:rgba(12,89,255,.5)
}
.ribbon-wrapper .ribbon:after{
    content:'';
    display:block;
    position:absolute;
    z-index:-1;
    top:10px;
    left:147px;
    width:0;
    height:0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    border:12px solid transparent;
    border-left-color:rgba(12,89,255,.5)
}
.pt-body{
    font-size:16px;
    padding:0 20px;
    margin-bottom:30px
}
.pt-row{
    position:relative;
    text-align:center;
    padding:16px 0;
    border-bottom:1px solid rgba(72,131,255,.5);
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    color:#a7c5ff
}
.pt-row:first-child{
    padding:1px 0 16px 0
}
.pt-footer{
    position:absolute;
    left:0;
    right:0;
    width:100%
}
.pt-footer .pt-button{
    font-size:16px;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:block;
    width:70%;
    height:40px;
    margin:0 auto;
    background-color:#bf9040;
    background-image:-webkit-gradient(linear,left top,right top,color-stop(1%,#d0ab4f),to(#ae7530));
    background-image:-webkit-linear-gradient(left,#d0ab4f 1%,#ae7530);
    background-image:linear-gradient(90deg,#d0ab4f 1%,#ae7530);
    border:none
}
.pt-button:hover{
    cursor:pointer
}
.pt-footer .pt-button:focus{
    outline:0
}
.container_vipgo{
    margin-top:20px;
    padding-top:30px;
    position:relative;
    text-align:center;
    overflow:hidden;
    clear:both
}
.container_vipgo:after{
    background-image:url(https://static.jjwxc.net/content/images/payft.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:cover;
    bottom:0;
    content:"";
    display:block;
    height:200px;
    left:0;
    position:absolute;
    width:100%;
    z-index:-1
}
.container_vipgo .btn_vipgo{
    background:url(https://static.jjwxc.net/content/images/payvipgo.png);
    background-repeat:no-repeat;
    width:258px;
    height:80px;
    line-height:80px;
    font-size:18px;
    margin-bottom:50px;
    margin-right:30px;
    display:inline-block;
    color:#fff
}
.container_vipgo .btn_vipgo:hover{
    text-decoration:none
}
@media(max-width:769px){
    .container_pay{
        background-size:auto 200px;
        padding-top:180px
    }
    .container_price{
        padding:0 1%
    }
    .pricing-table{
        width:46%;
        height:width/.07395498;
        margin-bottom:50px;
        margin-right:3%
    }
    .pricing-table:nth-child(2n){
        margin-right:0
    }
    .container_price,.container_pay .tip{
        width:100%;
        text-align:center
    }
    .container_vipgo .btn_vipgo{
        display:none
    }
    .service{
        display:none
    }

}
.yearvip{
    margin-left:150px;
    margin-top:50px
}
.yearvip .ribbon-wrapper .ribbon{
    background-color:rgba(248,237,23,1)
}
.yearvip .pt-footer .pt-button{
    background-color:rgba(112,177,145,.8);
    color:#fff
}
.yearvip .pricing-table{
    background-color:rgba(112,177,145,1)
}
.yearvip .pt-footer{
    width:84%
}
.banner-vip{
    position:relative;
    padding:0 0 250px 0;
    background-size:cover;
    background-position:bottom center
}
.banner-vip .banner-describe{
    width:800px;
    margin:auto auto;
    padding-top:170px;
    text-align:right;
    font-size:18px;
    color:#fff
}
.banner-vip .banner-describe a{
    font-size:14px;
    color:#fff;
    border:1px solid #fee4d2;
    border-radius:30px;
    padding:5px 15px;
    color:#fee4d2;
    margin-left:10px
}
.banner-vip .banner-describe a.active{
    font-weight:bold
}
.banner-vip .banner-describe a:hover{
    text-decoration:none
}
.vip-container{
    width:800px;
    margin:0 auto
}
.vip-container .column{
    text-align:center;
    margin-top:-290px;
    margin-bottom:35px;
    position:relative
}
.vip-container .column-title{
    border-right:none;
    width:160px;
    margin-top:95px;
    border-bottom:none
}
.vip-container .column-title div{
    background-color:#fff
}
.vip-container .column-title .top-tit .top-title-l{
    height:65px;
    text-align:center;
    width:16px;
    font-size:16px;
    border:1px solid #eaecef;
    border-bottom:none;
    border-left:none;
    padding:0 21px;
    word-break:break-all;
    align-items:center;
    display:flex;
    border-top:none
}
.vip-container .column-title .top-tit .top-title-r{
    width:160px;
    height:66px;
    line-height:66px;
    font-size:16px;
    border-bottom:#eaecef 1px solid
}
.vip-container .column-free{
    width:200px;
    border:#eaecef 1px solid;
    border-right:none;
    margin-top:95px;
    border-bottom:none
}
.vip-container .column-free div{
    height:52px;
    border-bottom:#eaecef 1px solid;
    background-color:#fff
}
.vip-container .column-free div.row{
    line-height:52px
}
.color-red{
    color:#ff5100
}
.vip-container .column-free .top-title{
    height:65px;
    font-size:24px;
    line-height:65px
}
.vip-container .column-vip{
    width:215px;
    border:#eaecef 1px solid;
    border-right:none;
    transition:all .2s;
    border-bottom:none;
    margin-top:26px;
    margin-top:26px
}
.vip-top{
    font-size:24px
}
.vip-container .column-vip .top-title{
    height:134px;
    font-size:14px
}
.vip-container .column-vip.bg .top-title{
    background:#fff url(https://static.jjwxc.net/content/images/vippricebg.png)no-repeat 0 0
}
.vip-container .column-vip div,.vip-container .column-title div,.vip-container .column-free div{
    height:52px;
    border-bottom:#eaecef 1px solid;
    line-height:52px;
    background-color:#fff
}
.vip-container .green{
    color:#32a525
}
.vip-container .column-vip .top-title{
    position:relative
}
.vip-container .column-vip .top-title .vip-discount{
    line-height:30px;
    color:#000
}
.vip-container .column-vip .top-title .vip-discount span{
    color:#ff5300;
    font-size:30px;
    font-weight:bold
}
.vip-container .column-vip .top-title .vip-discount span i{
    font-style:normal;
    font-weight:500;
    margin-left:2px
}
.vip-container .column-vip .top-title .btn_pay{
    width:139px;
    height:36px;
    margin:0 auto;
    color:#fff;
    border-radius:18px;
    background:#ff7c00;
    background:-moz-linear-gradient(top,#ff7c00 26%,#ff5100 100%);
    background:-webkit-linear-gradient(top,#ff7c00 26%,#ff5100 100%);
    background:linear-gradient(to bottom,#ff7c00 26%,#ff5100 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c00',endColorstr='#ff5100',GradientType=0);
    font-size:16px;
    line-height:34px;
    transition:opacity .2s;
    display:block;
    color:#fff;
    font-weight:900
}
.btn_payclose{
    width:139px;
    height:36px;
    margin:0 auto;
    color:#fff;
    border-radius:18px;
    background:#cbc6c0;
    background:-moz-linear-gradient(top,#cbc6c0 26%,#1f1e1e 100%);
    background:-webkit-linear-gradient(top,#cbc6c0 26%,#1f1e1e 100%);
    background:linear-gradient(to bottom,#cbc6c0 26%,#1f1e1e 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbc6c0',endColorstr='#1f1e1e',GradientType=0);
    font-size:18px;
    line-height:34px;
    transition:opacity .2s;
    display:block;
    color:#fff;
    font-weight:900
}
.vip-container .column-vip .top-title .btn_pay:hover,.btn_payclose:hover{
    opacity:.8;
    text-decoration:none
}
.vip-container .column-title .lm-cont:nth-of-type(2).lm-tit{
    height:370px
}
.vip-container .column-title .lm-cont:nth-of-type(3).lm-tit{
    height:210px
}
.vip-container .column-title .lm-cont .lm-cnt{
    width:160px
}
.vip-container .column-title .lm-cont .lm-cnt a:hover{
    text-decoration:underline;
    color:#00c7e1
}
.vip-container .column-title .lm-cont .lm-cnt div{
    height:52px;
    line-height:52px;
    border-bottom:#eaecef 1px solid
}
.vip-container .user-avatar-level img{
    width:32px;
    height:32px;
    border-radius:50%;
    margin-left:8px;
    margin-top:8px
}
.vip-container .user-avatar-level{
    width:40px;
    height:40px;
    margin:0 auto;
    overflow:hidden
}
.tools_textarea{
    width:785px;
    height:200px
}
.tools .row{
    margin:20px 0
}
.tabs{
    margin-top:20px;
    text-align:left
}
.tabs a{
    color:#fff;
    margin-right:20px;
    font-weight:bold;
    font-size:14px
}
.tabs a.active{
    border-bottom:2px solid #fff
}
.tabs a:hover{
    text-decoration:none
}
.table{
    border-collapse:collapse;
    margin:0 auto;
    text-align:center;
    width:100%;
    margin-top:20px;
    margin-bottom:20px
}
.table td,.table th{
    border:1px solid #dedede;
    color:#666;
    height:30px
}
.table thead th{
    background-color:#cce8eb;
    width:100px
}
.table tr:nth-child(odd){
    background:#fff
}
.table tr:nth-child(even){
    background:#f5fafa
}
.act_list{
    width:760px;
    padding:20px;
    margin-top:20px;
    margin-bottom:20px;
    position:relative
}
.act_list img{
    max-width:360px
}
.act_list a{
    font-size:30px;
    color:#fff
}
.act_list a:hover{
    text-decoration:none
}
.act_list .over{
    height:150px;
    width:150px;
    background:url(https://static.jjwxc.net/content/images/over.gif);
    position:absolute;
    top:10px;
    right:10px
}
.act_list .status{
    text-indent:10px;
    position:absolute;
    right:0;
    bottom:0;
    z-index:2;
    width:206px;
    height:39px;
    font-size:22px;
    line-height:38px;
    color:#fff;
    text-align:center;
    background:url(https://static.jjwxc.net/content/images/status_bg.png)no-repeat
}
.act_list .status.end{
    background:url(https://static.jjwxc.net/content/images/status_bg2.png)no-repeat
}
.activitybg{
    height:90px;
    width:800px;
    font-size:30px;
    color:#fff;
    text-align:center;
    -webkit-border-radius:8px;
    border-radius:8px;
    background:url(https://static.jjwxc.net/content/images/activity_bg.jpg)no-repeat;
    margin-bottom:40px;
    background-size:100%;
    margin:0 auto;
    margin-top:50px
}
a.overtip{
    color:#fff;
    font-size:30px;
    position:fixed;
    top:40%;
    left:40%
}
.gray{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray
}
.exchange-box{
    padding:65px 0 75px;
    background:#f0f4f8;
    width:600px;
    border-radius:2px;
    height:auto;
    margin:50px auto;
    text-align:center
}
.exchange-box h2{
    color:#000;
    font-size:16px;
    position:relative
}
.exchange-box h2:before,.exchange-box h2:after{
    content:"";
    position:absolute;
    border-bottom:1px solid #d2d2d2;
    width:100px;
    top:10px
}
.exchange-box h2:before{
    left:153px
}
.exchange-box h2:after{
    right:153px
}
.exchange-box .exchange-input{
    margin:35px auto 39px;
    position:relative
}
.exchange-box .exchange-input .hint{
    position:absolute;
    top:48px;
    left:130px;
    font-size:16px
}
.exchange-box .exchange-input .hint.error-info{
    color:red
}
.exchange-box .exchange-input .hint.correct{
    color:#41f552
}
.exchange-box .exchange-input input{
    width:360px;
    height:38px;
    line-height:38px;
    border:1px solid #00a2e6;
    border-radius:30px;
    padding-left:18px
}
.exchange-box .exchange-btn{
    border:1px solid #00c7e1;
    width:380px;
    height:40px;
    line-height:40px;
    border-radius:30px;
    margin:0 auto 36px
}
.exchange-box .exchange-btn:hover{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
    opacity:.7;
    filter:alpha(opacity=70)
}
.exchange-box .explain{
    letter-spacing:1px;
    width:390px;
    margin:17px auto 0;
    color:#606060;
    text-align:left;
    line-height:28px;
    font-size:14px
}
.exchange-box .explain b{
    color:#8b8989;
    font-size:14px
}
.btn_collect:hover{
    text-decoration:none
}
.srcdownlist:hover,.srctree:hover{
    cursor:pointer
}
canvas{
    display:block;
    position:absolute;
    z-index:0;
    height:350px;
    width:100%
}
canvas#c{
    height:330px
}
.headerBg .info,.boot_query_fast h1{
    position:relative
}
canvas#d{
    height:160px
}
canvas#d.svgbanner{
    height:190px
}
.searchtype{
    clear:both;
    margin-bottom:20px;
    overflow:hidden;
    margin-top:15px
}
.searchtype span{
    float:left;
    line-height:23px;
    padding:0 9px;
    margin:0 5px 0 0;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #ddd;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.12);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.12)
}
@media(max-width:768px){
    /*.sys_nav>li:first-child,.imgContainer,.item-box_footer,.item-box_category,.tagList-module,.boot_foot,.block-sidebar,.item-box_content .intro,.follow_sec a,#user_nav a:nth-child(3),#user_nav a:nth-child(2),.contribute,.sideBar-animate,#comments-section{*/
    /*    display:none*/
    /*}*/
    .icon-search {
        left: 88%;
    }
    .commentForm .btn {
        margin-top: 6px !important;
    }
    img{
        width: 20px;
    }
    .item-right{
        float:none;
        width:100%
    }
    #share-links{
        margin-bottom:10px
    }
    .svg .btn_com{
        display:inline-block;
        margin-right:5px
    }
    .btncolors{
        float:none
    }
    .svg .btncolors a{
        display:inline-block;
        margin-left:10px;
        margin-top:15px
    }
    .comments .comments_item,.item-container.svg .item-thumb,.item-container.svg .item-thumb svg{
        width:99%;
        margin:0 5px
    }
    .slidermain .brand{
        position:absolute;
        right:0;
        top:12px;
        width:100%;
        height:248px;
        border:none
    }
    .search-wrap{
        height:45px;
        line-height:45px
    }
    .search-wrap .search-text{
        width:80%;
        padding-left:15px;
        background:#fff;
        border-radius:28px 0 0 28px;
        font-size:14px;
        left:5px;
        height:35px;
        line-height:35px
    }
    .search-wrap .search-button{
        width:20%;
        height:35px
    }
    .search-sug{
        width:80%;
        top:43px;
        left:20px
    }
    .searchtype{
        margin-top:30px
    }
    .headerBg{
        height:200px
    }
    .user-info .user-avatar{
        margin-top:100px
    }
    .user-info .info{
        margin-top:130px
    }
    ul, ol {
        padding-left: 12px !important;
    }
    .commnetShow {
        width: 20px;
    }
    .slidermain,.main,.header .header_nav,.pop_container.larger,.item-box_imageContainer,.item-box_imageContainer img,div.item-bg h1,.item-thumb,.item-container .item-thumb img,.item-info,div.the-item,.item-bg,.item-container,.search-wrap,.user-info{
        width:100%
    }
    div.item-bg h1{
        padding-top:20px
    }
    .item-box_comment_list ul{
        padding-left: 0px !important;
    }
    .pop_container,.pop_frame{
        width:90%
    }
    .course_tip.big{
        width:260px
    }
    .course_tip.big .course_tip_body a{
        width:42%;
        line-height:35px;
        height:35px;
        overflow:hidden
    }
    .course_tip.big .course_tip_body a:nth-child(2n){
        margin-right:0
    }
    .quik-box{
        position:absolute;
        width:100%;
        text-align:center;
        margin:0 auto;
        bottom:10px
    }
    .popular-item,.banner-vip .banner-describe{
        width:100%
    }
    .item-search{
        width:100%
    }
    ol.albumitem li a img{
        width:100%;
        height:auto
    }
    ol.albumitem li{
        width:48%
    }

}
@media(min-width:769px){
    .icon-search {
        left: 83%;
    }
    div.item-right{
        float:right;
        width:240px;
        margin-left:15px
    }
    .item-search{
        width:240px
    }
    .popular-item{
        width:240px
    }
    .popular-item:nth-child(3n+1){
        margin-left:0
    }
    .popular-item:nth-child(3n){
        margin-right:0
    }
    .quik-box{
        position:relative;
        width:800px;
        text-align:left;
        margin:0 auto
    }
    .course_tip.big .course_tip_body a:nth-child(3n){
        margin-right:0
    }
    .item-container .item-thumb{
        float:left
    }
    .item-info{
        float:right;
        width:240px;
        position:relative
    }
    .svg .item-info{
        width:280px
    }
    .item-bg{
        padding:20px;
        margin-bottom:20px
    }
    div.item-bg h1{
        width:800px
    }
    .item-box_content{
        width:290px;
        float:left
    }
    .item-box_imageContainer{
        width:100%;
        /*float:left*/
    }
    .item-box{
        display:-ms-flexbox;
        /*display:flex*/
    }
    div.the-item{
        float:left;
        width:530px
    }
    .search-wrap{
        width:600px;
        height:60px
    }
    .search-wrap .search-text,.search-wrap .search-button{
        height:50px;
        line-height:50px
    }
    .search-wrap .search-text{
        width:490px;
        padding-left:15px;
        background:#fff;
        border-radius:48px 0 0 48px;
        font-size:14px;
        left:5px;
        height:48px
    }
    .search-wrap .search-button{
        width:85px
    }
    .search-sug{
        width:489px;
        top:56px;
        left:20px
    }

}
@media(min-width:1600px){
    *{
        font-size:18px
    }
    .wishCommit {
        width: 40%;
    }

    img {
        width: 20px;
    }
    .pop_container .close i{
        font-size:34px
    }
    .header .sys_nav li .nav,.navhome,.item-box_title,.header .sys_nav li .nav i,.navhome i,.btnlogin .icon,div.the-item .gray-container .cont *{
        font-size:20px
    }
    .item-box_content .intro,.tagList-module a,.item-box_detailsItem,.item-box_alignBottom .btn_down,.item-box_alignBottom .btn_preview,.slidermain .image-wrapper,.pop_frame .with-line,#post-tag-list span a{
        font-size:18px
    }
    .header .header_nav,.main,.boot_foot .foot_container,.quik-box,div.item-bg h1,.item-container{
        width:1200px
    }
    .post-main-slider #canvas,.post-main-slider{
        height:400px
    }
    .slidermain{
        width:1200px;
        height:350px
    }
    .imgContainer,.slidermain .image-wrapper img{
        width:700px;
        height:300px
    }
    .slidermain .brand{
        width:350px;
        height:360px
    }
    .brand .maxim{
        font-size:36px
    }
    .brand .info{
        font-size:22px
    }
    .home-search-wrap{
        width:300px;
        height:50px
    }
    .home-search-wrap .search-text{
        width:210px;
        height:38px
    }
    .course_tip.big{
        width:550px
    }
    .item-box_imageContainer,.item-box_imageContainer img{
        width:100%
    }
    .item-box_content{
        width:400px
    }
    .tagList-module{
        height:22px;
        width:500px
    }
    div.item-bg h1{
        font-size:28px
    }
    .item-container .item-thumb img{
        width:700px;
        border-radius:20px
    }
    div.item-container .buy{
        padding:25px 30px;
        border-radius:20px
    }
    .the-item{
        width:700px
    }
    .item-info{
        width:440px
    }
    div.meta-act.noline{
        margin-top:20px
    }
    .btn_com{
        font-size:20px
    }
    .svg .btn_com{
        width:150px;
        height:50px;
        line-height:50px;
        border-radius:50px
    }
    .svg .btn_com.btn-svg-copy{
        width:150px
    }
    .item-container.svg .item-thumb{
        width:800px
    }
    .btn_preview,.btn_cart{
        width:120px;
        height:50px;
        line-height:50px;
        border-radius:50px
    }
    .btn_cart{
        width:180px
    }
    div.item-container .buy p{
        height:30px
    }
    #post-tag-list span,#recommand-tag-list span{
        padding:5px 19px
    }
    .item-tags{
        height:45px
    }
    .well{
        border-radius:20px
    }
    div.the-item .gray-container{
        padding:20px
    }
    div.item-right{
        width:440px
    }
    .item-search{
        width:440px;
        height:40px;
        border-radius:40px
    }
    .sharebtns{
        height:34px
    }
    .sharebtns a i{
        font-size:32px
    }
    div.listalbum h3{
        width:440px;
        font-size:18px
    }
    ol.albumitem li a img{
        border-radius:10px;
        height:100px;
        width:200px
    }
    #sumitcomment{
        width:120px;
        height:42px;
        line-height:42px;
        font-size:18px;
        border-radius:42px
    }

}
.vip-container input[type=radio]{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    position:relative;
    right:0;
    bottom:0;
    left:0;
    height:16px;
    width:16px;
    vertical-align:-.8rem;
    transition:all .15s ease-out 0;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    margin:.4rem 0 .4rem 0;
    outline:none;
    border-radius:10%
}
.vip-container input[type=radio]{
    border-radius:50%
}
.vip-container input[type=radio]:checked:before{
    transform:scale(1)
}
.vip-container input[type=radio]:before{
    content:"";
    display:block;
    width:6px;
    height:6px;
    border-radius:50%;
    margin:3px;
    transform:scale(0);
    transition:all ease-out 250ms
}
.vip-container input[type=radio]{
    border:2px solid #666
}
.vip-container input[type=radio]:checked:before{
    background:#666
}
.sharebtns{
    height:24px;
    background-repeat:no-repeat;
    cursor:pointer;
    margin:10px 0
}
.sharebtns a{
    text-decoration:none
}
.sharebtns a i{
    font-size:22px;
    opacity:.8
}
.sharebtns a i:hover{
    opacity:1
}
.popular-grid{
    display:flex;
    flex-wrap:wrap;
    margin-top:40px;
    margin-bottom:50px;
    position:relative
}
.popular-item{
    margin:0 15px 40px 20px;
    color:#9ca0b1;
    position:relative;
    z-index:1
}
.popular-item::after{
    position:absolute;
    content:'';
    right:-1rem;
    bottom:-1rem;
    left:1rem;
    top:1rem;
    background:#202229;
    border-radius:10px;
    z-index:-1;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.popular-item .popular-cover{
    width:100%
}
.popular-item .popular-cover img{
    border-radius:5px;
    width:100%
}
.popular-item .popular-cover img:hover{
    box-shadow:0 0 16px #ccc
}
.popular-item .popular-footer{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:1rem;
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3
}
.popular-item .authorAvatar{
    display:block;
    margin-right:.75rem;
    position:relative;
    z-index:1
}
.popular-item .authorAvatar>img{
    width:26px;
    height:26px;
    border-radius:50%;
    margin-left:6px;
    margin-top:6px
}
.popular-item .titleAndAuthor{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin:0 1rem 0 0
}
.popular-item .titleAndAuthor h3{
    width:95%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:0 0 .25rem;
    display:block
}
.popular-item .titleAndAuthor h3 a{
    color:#fff;
    font-size:14px;
    font-weight:500
}
.popular-item .titleAndAuthor h3 a:hover{
    text-decoration:none
}
.popular-item .author{
    color:#c0c3d0;
    font:inherit;
    line-height:1.2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.popular-item .author a{
    color:inherit;
    display:inline-block;
    position:relative;
    z-index:1;
    -webkit-transition:.2s ease all;
    transition:.2s ease all;
    color:#c0c3d0
}
.popular-item .author a:hover{
    text-decoration:none
}
.popular-item .author span{
    border-radius:8px;
    margin:0 0 0 5px;
    padding:0 5px 0 3px;
    background:#ffdd40
}
#changePoint:hover{
    text-decoration:none
}
.treeview:first-child{
    max-height:500px;
    overflow-y:scroll
}
.treeview:first-child::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
    -o-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
    background-color:#f5f5f5;
    border-radius:8px
}
.treeview:first-child::-webkit-scrollbar{
    width:5px;
    height:5px
}
.treeview:first-child::-webkit-scrollbar-thumb{
    background-color:#bebebe;
    border-radius:8px
}
.btnshang{
    display:inline-block
}
#sltshang{
    width:120px;
    border-radius:30px;
    height:30px;
    text-align:center
}
button.btn_pay{
    border:none
}
.vipendtime{

}
@media(max-width:769px){
    .col-12 {
        width: 21% !important;
        padding-right: 8px !important;
    }
    .col-77 {
        width: 77% !important;
        padding-right: 8px !important;
    }
    .pop_show{
        left:1%;
        margin:0
    }
    .pop_container{
        width:99%
    }
    .pop_frame{
        width:99%
    }
    .pop_container .close{
        right:2%;
        z-index:99999
    }
    .pop_container .close i{
        color:#00c7e1
    }
    .activitybg{
        width:100%;
        font-size:20px;
        padding:10px;
        height:50px;
        line-height:20px
    }
    .act_list{
        width:94%
    }
    .vip-container{
        width:100%
    }
    .vip-container .column-free{
        display:none
    }
    .vip-container .column-title,.vip-container .column-vip{
        width:33%
    }
    .vip-container .column-title .top-tit .top-title-r,.vip-container .column-title .lm-cont .lm-cnt{
        width:100%;
        height:66px
    }
    .quik-box .browse-item{
        width:30%;
        margin-bottom:20px
    }

}
.bubbles_wrap{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:990;
    overflow:hidden;
    pointer-events:none
}
@-webkit-keyframes animateBubble{
    0%{
        margin-top:50%
    }
    to{
        margin-top:-30%
    }

}
@-moz-keyframes animateBubble{
    0%{
        margin-top:50%
    }
    to{
        margin-top:-30%
    }

}
@keyframes animateBubble{
    0%{
        margin-top:50%
    }
    to{
        margin-top:-30%
    }

}
@-webkit-keyframes sideWays{
    0%{
        margin-left:0
    }
    to{
        margin-left:25px
    }

}
@-moz-keyframes sideWays{
    0%{
        margin-left:0
    }
    to{
        margin-left:25px
    }

}
@keyframes sideWays{
    0%{
        margin-left:0
    }
    to{
        margin-left:25px
    }

}
.x1{
    -webkit-animation:animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation:animateBubble 15s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left:6%;
    top:45%;
    background:#ff5066
}
.x2{
    -webkit-animation:animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation:animateBubble 10s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left:5%;
    top:80%;
    background:#fc9d44
}
.x3{
    -webkit-animation:animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation:animateBubble 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left:10%;
    top:40%;
    background:#ff5066
}
.x4{
    -webkit-animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left:20%;
    top:0;
    background:#fc9d44
}
.x5{
    -webkit-animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left:30%;
    top:50%;
    background:#ff5066
}
.x6{
    -webkit-animation:animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation:animateBubble 11s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left:50%;
    top:0;
    background:#fc9d44
}
.x7{
    -webkit-animation:animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation:animateBubble 10s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left:65%;
    top:70%;
    background:#ff5066
}
.x8{
    -webkit-animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    animation:animateBubble 12s linear infinite,sideWays 3s ease-in-out infinite alternate;
    left:80%;
    top:10%;
    background:#fc9d44
}
.x9{
    -webkit-animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    animation:animateBubble 19s linear infinite,sideWays 4s ease-in-out infinite alternate;
    left:90%;
    top:50%;
    background:#ff5066
}
.x10{
    -webkit-animation:animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    animation:animateBubble 16s linear infinite,sideWays 2s ease-in-out infinite alternate;
    left:80%;
    top:80%;
    background:#fc9d44
}
.bubble{
    position:absolute;
    border-radius:50%;
    box-shadow:none;
    width:5px;
    height:5px
}
.svg-grid{
    margin-top:5px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.svg-grid .gridItem{
    border:1px solid #efefef;
    border-radius:4px;
    margin-bottom:48px;
    background-color:#fdfdfd;
    padding:15px 15px 0 15px
}
.svg-grid .gridItem .svgUrl{
    width:220px;
    height:150px
}
.svg-grid .gridItem svg{
    width:220px;
    height:150px;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.svg-grid .gridItem svg:hover{
    transform:scale(1.04)
}
.svg-grid .gridItem__title{
    margin:10px;
    margin-top:0;
    text-align:center;
    font-size:14px
}
.svg-grid .tags a{
    margin-right:5px
}
.svg-grid .gridItem svg:not(:root){
    overflow:hidden
}
@media(min-width:800px){
    .svg-grid{
        justify-content:space-between
    }
    .svg-grid .gridItem{
        position:relative;
        min-width:22%
    }
    .svg-grid .gridItem svg{
        transition:.3s
    }

}
.boot_query_fast.bannerSvg{
    background:url(https://static.jjwxc.net/Content/images/banner-bg4.jpg)center no-repeat;
    background-size:contain;
    height:300px
}
.svg-header{
    margin:10px 0
}
.quik-box .browse-item{
    position:relative;
    width:20px;
    height:20px;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    margin-right:20px;
    padding:5px;
    color:#171d1c;
    background:#fff;
    box-shadow:-2.034px 6.84px 10px 0 rgba(55,34,154,.3);
    font-weight:500
}
.quik-box .browse-item:last-child{
    margin-right:0
}
.quik-box .browse-item img{
    height:20px
}
.quik-box .browse-item:hover{
    text-decoration:none
}
.header-page-bg{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url(https://static.jjwxc.net/content/images/about/hero-1.jpg)
}
.header-page-bg:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(36,22,99,.8);
    background-image:radial-gradient(circle,rgba(36,22,99,.3)0%,rgba(36,22,99,.3)100%);
    z-index:1
}
.header-page-bg .bottom-frame{
    position:absolute;
    bottom:0;
    width:100%;
    z-index:111
}
.bottom-frame{
    position:relative
}
.bottom-frame:before{
    content:"";
    position:absolute;
    width:100%;
    height:115px;
    bottom:-1px;
    left:0;
    background-image:url(https://static.jjwxc.net/content/images/about/bottom-frame.png);
    background-repeat:no-repeat;
    background-position:top;
    background-size:100% 100%
}
.header-page-line-item{
    position:absolute;
    bottom:0;
    width:1px;
    background-color:rgba(255,255,255,.3);
    z-index:1111
}
.header-page-line-item:before{
    content:"";
    position:absolute;
    top:0;
    left:-2px;
    width:5px;
    height:5px;
    background-color:#fff;
    border-radius:50%;
    -webkit-animation:header-dot-ride linear 1s infinite;
    animation:header-dot-ride linear 1s infinite
}
.header-page-line-item:nth-child(1){
    height:80%;
    left:4%
}
.header-page-line-item:nth-child(8){
    height:80%;
    right:4%
}
.header-page-line-item:nth-child(2){
    height:55%;
    left:15%
}
.header-page-line-item:nth-child(7){
    height:55%;
    right:15%
}
.header-page-line-item:nth-child(3){
    height:40%;
    left:28%
}
.header-page-line-item:nth-child(6){
    height:40%;
    right:28%
}
.header-page-line-item:nth-child(4){
    height:30%;
    left:41%
}
.header-page-line-item:nth-child(5){
    height:30%;
    right:41%
}
@-webkit-keyframes header-dot-ride{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:.8
    }
    100%{
        -webkit-transform:translateY(100px);
        transform:translateY(100px);
        opacity:0
    }

}
@keyframes header-dot-ride{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:.8
    }
    100%{
        -webkit-transform:translateY(100px);
        transform:translateY(100px);
        opacity:0
    }

}
.header-page-bg-inner{
    max-width:1725px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    padding-top:140px;
    padding-bottom:190px
}
.header-content{
    max-width:1150px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    position:relative;
    z-index:11
}
.header-content small{
    font-size:16px;
    font-weight:500;
    color:#d365f1;
    margin-bottom:15px;
    display:inline-block
}
.header-content h1{
    font-size:50px;
    font-weight:600;
    margin-bottom:18px;
    color:#160f30
}
.header-content p{
    font-size:16px;
    margin-bottom:30px
}
.header-content.header-content-white small{
    color:#fff
}
.header-content.header-content-white h1{
    color:#fff
}
.header-content.header-content-white p{
    color:#fff
}
.section-about{
    font-size:18px;
    padding:50px 0
}
.counter-section{
    padding:80px 0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:linear-gradient(90deg,rgba(22,15,48,.9)100%,rgba(36,22,99,.11)0%,rgba(36,22,99,.11)0%,rgba(22,15,48,.9)100%),url(https://static.jjwxc.net/content/images/about/bg-2.jpg)
}
.counter-container{
    display:flex;
    width:800px;
    margin:0 auto
}
.counter-item{
    width:100%;
    height:215px;
    background-image:url(https://static.jjwxc.net/content/images/about/counter-frame.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column;
    flex-flow:column;
    text-align:center
}
.counter-item.counter-item-white h3{
    color:#fff
}
.counter-item h3{
    font-size:30px;
    font-weight:500;
    color:#160f30;
    margin-bottom:10px
}
.counter-item.counter-item-white h4{
    color:#fff
}
.counter-item h4{
    font-size:17px;
    margin-bottom:0;
    width:100%
}
.consulting-section{
    background-color:#f6f7ff;
    padding:120px 0;
    position:relative;
    text-align:center
}
.consulting-section h2{
    margin-bottom:20px;
    font-size:32px;
    display:block
}
.consulting-section p{
    margin-bottom:30px;
    font-size:16px;
    line-height:26px;
    margin-bottom:15px
}
.default-btn.btn-pink{
    background-color:#f42267;
    -webkit-box-shadow:0 15px 25px 0 rgba(244,34,103,.5);
    box-shadow:0 15px 25px 0 rgba(244,34,103,.5)
}
.default-btn{
    background-color:#00c99c;
    text-transform:uppercase;
    color:#fff;
    font-size:16px;
    border-radius:2px;
    line-height:50px;
    font-weight:600;
    display:inline-block;
    letter-spacing:.5px;
    padding:0 40px;
    -webkit-box-shadow:0 3px 10px rgba(0,201,156,.5);
    box-shadow:0 3px 10px rgba(0,201,156,.5);
    border-radius:25px
}
.btn_preview.text-grey{
    color:rgba(0,0,0,.12)
}
.btn_grey{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
.item-box{
    margin:10px 0;
    /*padding:20px;*/
}
.cover,.item-container .item-thumb img,.item-container .item-thumb>a:hover:after,.well,.pop_frame,div.item-container .buy,#share-links,.comments #cmtContent,.svg-grid .gridItem,.popular-item .popular-cover img,div.the-item .gray-container img,#txtfeed{
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px
}
div.the-item .gray-container{
    padding:15px
}
#share-links{
    padding:10px 15px 12px 15px
}
#share-links:after{
    margin-left:2px
}
.tagList-module a{
    margin-left:5px
}
.listalbum{
    margin-top:20px
}
.pop_container .close{
    top:10px
}
.pop_frame .with-line{
    margin:20px 10px 30px 10px
}
div.the-item .gray-container img{
    margin-top:10px
}
.album_list{
    margin-bottom:30px;
    position:relative;
    overflow:hidden
}
.album_list .cover{
    width:385px;
    float:left;
    margin-right:30px
}
.album_list .cover:nth-child(2n){
    margin-right:0
}
@media(max-width:769px){
    .album_list .cover{
        width:100%
    }

}
.album_list .item-box{
    overflow:inherit
}
.album_list .item-box img{
    width:100%
}
.album_list .item-box h3{
    width:100%
}
.album_list .cover .item-box{
    padding:10px;
    margin:30px 0 10px 0
}
.item-bg.album{
    text-align:center;
    padding-bottom:150px
}
.item-bg.album h1{
    font-size:20px;
    text-shadow:1px 1px 3px #535252
}
.item-bg.album .item-container{
    margin-bottom:20px
}
.item-bg.album .item-container p{
    color:#fff;
    margin-bottom:10px;
    text-shadow:1px 1px 3px #535252
}
.item-bg.album .item-container img{
    width:650px
}
.album-detail{
    margin-bottom:30px;
    width:630px;
    overflow:hidden;
    position:relative;
    margin:0 auto;
    margin-top:-150px
}
.album-detail .cont{
    padding:30px;
    line-height:30px
}
.album-detail .cont img{
    border-radius:20px;
    width:100%
}
.album-detail .cont .single{
    margin-bottom:15px
}
.album-detail .cont .single a{
    color:blue
}
.album-detail .cont .single strong a{
    font-size:16px;
    color:#000
}
.btn_album{
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.15);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.15);
    background-color:#eee;
    background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e1e1e1));
    background:-webkit-linear-gradient(top,#fbfbfb,#e1e1e1);
    background:-moz-linear-gradient(top,#fbfbfb,#e1e1e1);
    background:-o-linear-gradient(top,#fbfbfb,#e1e1e1);
    background:linear-gradient(top,#fbfbfb,#e1e1e1);
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    zoom:1;
    *display:inline;
    border:1px solid #d4d4d4;
    height:32px;
    line-height:32px;
    padding:0 15.6px;
    font-weight:300;
    font-size:14px;
    font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    color:#666;
    text-shadow:0 1px 1px white;
    margin:0;
    text-decoration:none;
    text-align:center;
    border-radius:50px;
    margin-right:20px
}
.btn_album:hover{
    text-decoration:none
}
.timeago{
    color:#787878;
    font-size:12px
}
.chatuser.image_border{
    width:32px;
    height:32px;
    display:inline-block
}
.btncolors{
    float:left
}
.btncolors a{
    height:22px;
    width:22px;
    display:block;
    border-radius:50%;
    margin-bottom:8px;
    margin-left:22px
}
.svg .buy{
    float:right
}
.icon-grid{
    margin-top:5px;
    display:flex;
    flex-wrap:wrap
}
.icon-grid .gridItem{
    position:relative;
    width:70px;
    height:70px;
    border:1px solid #efefef;
    background-color:#fdfdfd;
    border-radius:10px;
    margin-bottom:20px;
    margin-right:20px;
    padding:10px;
    text-align:center
}
.icon-grid .gridItem:hover{
    text-decoration:none
}
.icon-grid .gridItem__title{
    font-size:13px;
    margin-top:10px;
    width:80px;
    overflow:hidden;
    height:20px;
    text-overflow:ellipsis
}
.icon-grid .gridItem svg{
    width:36px;
    height:36px
}
#svgrange{
    position:absolute;
    top:20px;
    right:20px
}
.jscolor{
    border:none;
    height:60px;
    width:60px;
    border-radius:80px;
    text-align:center;
    margin-bottom:10px;
    font-size:12px
}
.svgbanner #nColor{
    position:relative;
    margin-top:10px
}
#nColor{
    -webkit-box-shadow:inset 0 3px 3px rgba(0,0,0,.12);
    -moz-box-shadow:inset 0 3px 3px rgba(0,0,0,.12);
    box-shadow:inset 0 3px 3px rgba(0,0,0,.12)
}
.treeview,.treeview ul{
    padding:0;
    margin:0;
    list-style:none
}
.treeview ul{
    margin-top:4px
}
.treeview .hitarea{
    background:url(https://static.jjwxc.net/content/images/tree/treeview-default.gif)-64px -25px no-repeat;
    height:16px;
    width:16px;
    margin-left:-16px;
    float:left;
    cursor:pointer
}
* html .hitarea{
    display:inline;
    float:none
}
.treeview li{
    margin:0;
    padding:3px 0 3px 16px
}
.treeview a.selected{
    background-color:#eee
}
#treecontrol{
    margin:1em 0;
    display:none
}
.treeview .hover{
    color:red;
    cursor:pointer
}
.treeview li{
    background:url(https://static.jjwxc.net/content/images/tree/treeview-default-line.gif)0 0 no-repeat
}
.treeview li.collapsable,.treeview li.expandable{
    background-position:0 -176px
}
.treeview .expandable-hitarea{
    background-position:-80px -3px
}
.treeview li.last{
    background-position:0 -1766px
}
.treeview li.lastCollapsable,.treeview li.lastExpandable{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-default.gif)
}
.treeview li.lastCollapsable{
    background-position:0 -111px
}
.treeview li.lastExpandable{
    background-position:-32px -67px
}
.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea{
    background-position:0
}
.treeview-red li{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-red-line.gif)
}
.treeview-red .hitarea,.treeview-red li.lastCollapsable,.treeview-red li.lastExpandable{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-red.gif)
}
.treeview-black li{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-black-line.gif)
}
.treeview-black .hitarea,.treeview-black li.lastCollapsable,.treeview-black li.lastExpandable{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-black.gif)
}
.treeview-gray li{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-gray-line.gif)
}
.treeview-gray .hitarea,.treeview-gray li.lastCollapsable,.treeview-gray li.lastExpandable{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-gray.gif)
}
.treeview-famfamfam li{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-famfamfam-line.gif)
}
.treeview-famfamfam .hitarea,.treeview-famfamfam li.lastCollapsable,.treeview-famfamfam li.lastExpandable{
    background-image:url(https://static.jjwxc.net/content/images/tree/treeview-famfamfam.gif)
}
.treeview .placeholder{
    background:url(https://static.jjwxc.net/content/images/tree/ajax-loader.gif)0 0 no-repeat;
    height:16px;
    width:16px;
    display:block
}
.filetree li{
    padding:3px 0 2px 16px
}
.filetree span{
    padding:1px 0 1px 19px;
    display:block
}
.filetree span.folder{
    background:url(https://static.jjwxc.net/content/images/tree/folder.png)0 0 no-repeat
}
.filetree li.expandable span.folder{
    background:url(https://static.jjwxc.net/content/images/tree/folder-closed.png)0 0 no-repeat
}
.filetree span.file{
    background:url(https://static.jjwxc.net/content/images/tree/default.gif)0 0 no-repeat
}
.filetree span.css{
    background:url(https://static.jjwxc.net/content/images/tree/css.gif)0 0 no-repeat
}
.filetree span.html{
    background:url(https://static.jjwxc.net/content/images/tree/html.png)0 0 no-repeat
}
.filetree span.js{
    background:url(https://static.jjwxc.net/content/images/tree/js.gif)0 0 no-repeat
}
.filetree span.sql{
    background:url(https://static.jjwxc.net/content/images/tree/sql.gif)0 0 no-repeat
}
.filetree span.txt{
    background:url(https://static.jjwxc.net/content/images/tree/txt.gif)0 0 no-repeat
}
.filetree span.xml{
    background:url(https://static.jjwxc.net/content/images/tree/xml.gif)0 0 no-repeat
}
.filetree span.img{
    background:url(https://static.jjwxc.net/content/images/tree/img.gif)0 0 no-repeat
}
.filetree span.psd{
    background:url(https://static.jjwxc.net/content/images/tree/psd.png)0 0 no-repeat
}
.filetree span.php{
    background:url(https://static.jjwxc.net/content/images/tree/php.png)0 0 no-repeat
}
.filetree span.rar{
    background:url(https://static.jjwxc.net/content/images/tree/rar.png)0 0 no-repeat
}
.filetree span.less{
    background:url(https://static.jjwxc.net/content/images/tree/less.png)0 0 no-repeat
}
.filetree span.txt{
    background:url(https://static.jjwxc.net/content/images/tree/txt.png)0 0 no-repeat
}
.filetree span.mp3{
    background:url(https://static.jjwxc.net/content/images/tree/mp3.png)0 0 no-repeat
}
.filetree span.mp4{
    background:url(https://static.jjwxc.net/content/images/tree/mp4.png)0 0 no-repeat
}
.filetree span.json{
    background:url(https://static.jjwxc.net/content/images/tree/json.png)0 0 no-repeat
}
a.demo{
    float:right;
    margin-top:28px;
    margin-right:20px;
    width:82px;
    height:25px;
    background:url(https://static.jjwxc.net/content/images/btn_demo.gif)0 0 no-repeat;
    text-indent:-500px
}
a.download{
    float:right;
    margin-top:20px;
    margin-right:20px;
    width:82px;
    height:25px;
    background:url(https://static.jjwxc.net/content/images/btn_down.gif)0 0 no-repeat;
    text-indent:-500px
}
#codetree,#codetree ul{
    text-align:left;
    margin:0;
    padding:0
}
#codetree ul li{
    margin:0 0 0 30px;
    padding:0;
    list-style-type:none
}
#codetree .symbols{
    float:left;
    width:18px;
    _width:16px;
    height:15px;
    background-position:0 50%;
    background-repeat:no-repeat
}
@font-face{
    font-family:"icon";
    src:url('https://static.jjwxc.net/content/font/iconfont.eot?t=1662471632950');
    src:url('https://static.jjwxc.net/content/font/iconfont.eot?t=1662471632950')format('embedded-opentype'),url('https://static.jjwxc.net/content/font/iconfont.woff2?t=1662471632950')format('woff2'),url('https://static.jjwxc.net/content/font/iconfont.woff?t=1662471632950')format('woff'),url('https://static.jjwxc.net/content/font/iconfont.ttf?t=1662471632950')format('truetype'),url('https://static.jjwxc.net/content/font/iconfont.svg?t=1662471632950')format('svg')
}
.icon{
    font-family:"icon"!important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-vips:before{
    content:""
}
.icon-jiaoyu:before{
    content:""
}
.icon-yingxiao:before{
    content:""
}
.icon-xiaotubiao:before{
    content:""
}
.icon-chatu:before{
    content:""
}
.icon-fuzhi:before{
    content:""
}
.icon-tuichu:before{
    content:""
}
.icon-zhuye:before{
    content:""
}
.icon-shezhi:before{
    content:""
}
.icon-xiazaibi:before{
    content:""
}
.icon-nav_dashuju:before{
    content:""
}
.icon-upload:before{
    content:""
}
.icon-zan:before{
    content:""
}
.icon-zhuanhuan:before{
    content:""
}
.icon-jiankang:before{
    content:""
}
.icon-nav_alert:before{
    content:""
}
.icon-nav_qita:before{
    content:""
}
.icon-nav_caidan:before{
    content:""
}
.icon-nav_jsgame:before{
    content:""
}
.icon-nav_css3:before{
    content:""
}
.icon-nav_canvas:before{
    content:""
}
.icon-nav_loading:before{
    content:""
}
.icon-nav_time:before{
    content:""
}
.icon-nav_img:before{
    content:""
}
.icon-nav_select:before{
    content:""
}
.icon-nav_sllider:before{
    content:""
}
.icon-nav_charts:before{
    content:""
}
.icon-nav_form:before{
    content:""
}
.icon-nav_buju:before{
    content:""
}
.icon-nav_daima:before{
    content:""
}
.icon-nav_vue:before{
    content:""
}
.icon-nav_svg:before{
    content:""
}
.icon-nav_qiye:before{
    content:""
}
.icon-nav_shangcheng:before{
    content:""
}
.icon-nav_houtai:before{
    content:""
}
.icon-nav_canyin:before{
    content:""
}
.icon-nav_404:before{
    content:""
}
.icon-nav_hunli:before{
    content:""
}
.icon-nav_chuangyi:before{
    content:""
}
.icon-nav_shouji:before{
    content:""
}
.icon-nav_geren:before{
    content:""
}
.icon-nav_cishan:before{
    content:""
}
.icon-shangchuan:before{
    content:""
}
.icon-daxiao:before{
    content:""
}
.icon-qiabao1:before{
    content:""
}
.icon-mulu:before{
    content:""
}
.icon-downuser:before{
    content:""
}
.icon-huaban:before{
    content:"";
    color:#ee4f5c
}
.icon-baidu:before{
    content:"";
    color:#2319dc
}
.icon-shijian:before{
    content:""
}
.icon-jiahao:before{
    content:""
}
.icon-liwu:before{
    content:""
}
.icon-msnui-more-copy:before{
    content:""
}
.icon-zhengque:before{
    content:"";
    color:#9ad000
}
.icon-sousuo:before{
    content:""
}
.icon-fuzhiyemian:before{
    content:""
}
.icon-daima:before{
    content:""
}
.icon-saoyisao:before{
    content:""
}
.icon-fankui2:before{
    content:""
}
.icon-xiangshang:before{
    content:""
}
.icon-home:before{
    content:""
}
.icon-xiangzuojiantou1:before{
    content:""
}
.icon-xiangyoujiantou:before{
    content:""
}
.icon-QQ:before{
    content:"";
    color:#2a9cd5
}
.icon-xiaoxi:before{
    content:""
}
.icon-fankui:before{
    content:""
}
.icon-biaoqian:before{
    content:""
}
.icon-cuowu:before{
    content:""
}
.icon-shoucang:before{
    content:""
}
.icon-user:before{
    content:""
}
.icon-fenxiang:before{
    content:""
}
.icon-rl:before{
    content:""
}
.icon-shengyin:before{
    content:""
}
.icon-download:before{
    content:""
}
.icon-iconliulan:before{
    content:""
}
.icon-guanzhu:before{
    content:""
}
.icon-shuaxin:before{
    content:""
}
.icon-weizhi:before{
    content:""
}
.icon-icon-gouwuche:before{
    content:""
}
.icon-tuichuicon:before{
    content:""
}
.icon-icon-remind:before{
    content:""
}
.icon-icon-set:before{
    content:""
}
.icon-vip:before{
    content:""
}
.icon-wenjianbao:before{
    content:""
}
.icon-sina_icon:before{
    content:""
}
.icon{
    font-size:18px;
    margin-left:2px;
    margin-right:2px
}
.icon-biaoqian{
    margin-right:0
}
.icon-alipay:before{
    color:#1296db
}
.icon-sina_icon:before{
    color:#ef5350
}
.icon.sm{
    font-size:14px
}
.icon.white{
    color:#fff
}
.icon.big_48{
    font-size:48px
}
.icon.big_38{
    font-size:38px
}
.icon.big_32{
    font-size:32px
}
.icon.big_24{
    font-size:24px
}
.icon.big_18{
    font-size:18px
}
.icon.big_16{
    font-size:16px
}
.icon.big_14{
    font-size:14px
}
.course_tip_body .icon{
    font-size:18px;
    color:#707070
}
.empty_icon {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-top: 100px
}
#mask{
    position:fixed;
    top: 135px;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:5;
    display:none
}
.class_warpper {
    display: none;
    max-height: 300px;
    overflow: auto;
    z-index: 1;
}

.class-choose-btn {
    float: left;
    vertical-align: middle;
}
.class-choose-btn > img{
    width: 16px;
}
.class-choose-btn span{
    color: #289C8E;
    font-size: 13px;
    vertical-align: middle;
}

.class_warpper {
    background: #ffffff;
    padding: 10px 30px;
    margin-top: -10px;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.class_warpper .class_group {
    /*margin-bottom: 10px;*/
}
.class_group .parent_class{
    margin-bottom: 5px;
}

.class_group .children_class{
    display: flex;
    flex-wrap: wrap;
}
.class_group .children_class .class_item {
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    padding: 3px 12px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.class_group .children_class .class_item.active_class {
    color: #289C8E;
    border-color: #289C8E;
}
.class_group .parent_class.active_class{
    color: #289C8E;;
}