@charset "UTF-8";

/**
 * 
 * @authors 张江辉 (icoom@qq.com)
 * @date    2019-10-21 05:05:05
 * @version 2283190122
 */

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: right;
}


/*动画*/

.portrait_img {
    animation: por_more 80s infinite;
}

@keyframes por_more {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/*自适应*/

@media only screen and (min-width: 1920px) {
    .Middle_in {
        width: 86.8%;
    }
    .Middle_in_1300 {
        width: 1300px;
    }
    .cont_in_1300 {
        width: 1300px;
    }
}

@media only screen and (max-width: 1850px) {
    .Middle_in {
        width: 86.3%;
    }
    .Middle_in_1300 {
        width: 970px;
    }
    .cont_in_1300 {
        width: 970px;
    }
}

@media only screen and (max-width: 1750px) {
    .Middle_in {
        width: 85.5%;
    }
    .Middle_in_1300 {
        width: 89.5%;
    }
    .cont_in_1300 {
        width: 1300px;
    }
}

@media only screen and (max-width: 1680px) {
    .Middle_in {
        width: 84.3%;
    }
    .Middle_in_1300 {
        width: 71.5%;
    }
    .cont_in_1300 {
        width: 1300px;
    }
}

@media only screen and (max-width: 1600px) {
    .Middle_in {
        width: 84.2%;
    }
    .Middle_in_1300 {
        width: 960px;
    }
    .cont_in_1300 {
        width: 960px;
    }
}

@media only screen and (max-width: 1550px) {
    .Middle_in {
        width: 82%;
    }
    .Middle_in_1300 {
        width: 960px;
    }
    .cont_in_1300 {
        width: 960px;
    }
}

@media only screen and (max-width: 1440px) {
    .Middle_in {
        width: 82%;
    }
    .Middle_in_1300 {
        width: 960px;
    }
    .cont_in_1300 {
        width: 960px;
    }
}

@media only screen and (max-width: 1380px) {
    .Middle_in {
        width: 80.5%;
    }
    .Middle_in_1300 {
        width: 960px;
    }
    .cont_in_1300 {
        width: 960px;
    }
}

@media only screen and (max-width: 1280px) {
    .Middle_in {
        width: 79.3%;
    }
    .Middle_in_1300 {
        width: 622px;
    }
    .cont_in_1300 {
        width: 622px;
    }
    .note_in_1300 {
        width: 840px;
    }
}

@media only screen and (max-width: 1200px) {
    .Middle_in {
        width: 77%;
    }
    .Middle_in_1300 {
        width: 622px;
    }
    .cont_in_1300 {
        width: 622px;
    }
    .note_in_1300 {
        width: 90%;
    }
}

@media only screen and (max-width: 1100px) {
    .Middle_in {
        width: 74.5%;
    }
    .Middle_in_1300 {
        width: 622px;
    }
    .cont_in_1300 {
        width: 622px;
    }
    .messa_in_1300 {
        width: 90%;
    }
}

@media only screen and (max-width: 1000px) {
    .left_nav {
        display: none;
    }
    .icon_tit {
        margin-left: 20px;
    }
    .Middle_in {
        width: 100%;
    }
    .Middle_in_1300 {
        width: 630px;
    }
    .cont_in_1300 {
        width: 630px;
    }
    .Middle_bottom p {
        text-indent: 0;
    }
    .search_w {
        width: 100%;
        margin-left: 0;
    }
    .search00 {
        width: 84%;
    }
    .Sign_ge {
        width: 100%;
        margin-left: 0;
    }
    .Sign_cot {
        width: 84%;
    }
    .rig_ge {
        width: 100%;
        margin-left: 0;
    }
    .rig_cot {
        width: 84%;
    }
    .note_in_1300 {
        width: 90%;
    }
    .dib_see_w {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 900px) {
    .left_nav {
        display: none;
    }
    .icon_tit {
        margin-left: 20px;
    }
    .Middle_in {
        width: 100%;
    }
    .Middle_in_1300 {
        width: 624px;
    }
    .cont_in_1300 {
        width: 624px;
    }
    .friend_in_1300 {
        width: 520px;
    }
    .friend_div {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .left_nav {
        display: none;
    }
    .icon_tit {
        margin-left: 20px;
    }
    .Middle_in {
        width: 100%;
    }
    .Middle_in_1300 {
        width: 624px;
    }
    .cont_in_1300 {
        width: 624px;
    }
    .friend_in_1300 {
        width: 520px;
    }
    .friend_div {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 720px) {
    .left_nav {
        display: none;
    }
    .icon_tit {
        margin-left: 20px;
    }
    .Middle_in {
        width: 100%;
    }
    .Middle_in_1300 {
        width: 624px;
    }
    .cont_in_1300 {
        width: 624px;
    }
    .friend_in_1300 {
        width: 520px;
    }
    .friend_div {
        margin-bottom: 40px;
    }
    .messa_in_1300 {
        width: 100%;
        margin-bottom: 0;
    }
    .mess_btn {
        margin-bottom: 28px;
    }
    .my_cot00 {
        width: 100%;
    }
    .my_in_1300 {
        width: 100%;
        margin-top: 0;
    }
    .my_cot {
        margin-right: 0px;
    }
    .my_p2 {
        display: none;
    }
    .my_cot {
        width: 100%;
    }
    .my_cot_img {
        border-radius: 0;
    }
    .my_cot_img2 {
        border-radius: 0;
    }
}

@media only screen and (max-width: 680px) {
    .left_nav {
        display: none;
    }
    .icon_tit {
        margin-left: 20px;
    }
    .Middle_in {
        width: 100%;
        margin-top: 15px;
    }
    .Middle_in_1300 {
        width: 92%;
    }
    .cont_in_1300 {
        width: 100%;
    }
    .works_img {
        height: auto;
    }
    .works {
        width: 100%;
        height: auto;
        margin-bottom: 17px;
        /*box-shadow: 0 6px 16px 0 #E6E6E6;*/
    }
    .Middle_bottom {
        display: none;
    }
    .works_img_p {
        display: none;
    }
    .my_right {
        display: none;
    }
    .mo_right {
        display: block;
    }
    .Pass_cot:hover .Pass_cot_img00 {
        transform: translate(0px, 0px);
    }
    .Pass_cot:hover .Pass_cot_tit {
        transform: translate(0px, 0px);
    }
    .Pass_cot_tit {
        margin-left: 0;
    }
    .bass_cot_tit {
        margin-left: 0;
    }
    .bation_icn0 {
        margin-left: 0;
    }
    .com_s_btn {
        width: 100%;
    }
    .Pass_cot {
        margin-bottom: 15px;
    }
    .content {
        margin-bottom: 15px;
    }
    .cont {
        width: 100%;
    }
    .content {
        padding: 15px;
    }
    .cont span {
        display: none;
    }
    .wwrg {
        margin-top: -22px;
    }
    .wwrg span {
        font-size: 14px;
    }
    .cont_top {
        padding-bottom: 18px;
        margin-bottom: 18px;
    }
    .video-js {
        width: 100% !important;
        height: 245px !important;
    }
    .Pass_cot0 {
        padding: 15px 15px 0px 15px;
    }
    .comment_wholeh3 h3 {
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .content h3 {
        padding-top: 5px;
    }
    .note_in_1300 {
        width: 92%;
    }
    .note_right {
        width: 82%;
        /* height: 170px; */
        padding: 15px;
    }
    .note_right img{
        width: 100% !important;
    }
    .note_left {
        /* height: 170px; */
    }
    .note_left {
        width: 15%;
    }
    .note_right h3 {
        margin-bottom: 5px;
    }
    .note_bot {
        margin-top: 14px;
        padding-top: 10px;
    }
    .note_right p {
        font-size: 14px;
    }
    .note_right h3 {
        font-size: 16px;
    }
    .note_in_1300 {
        margin-bottom: 0;
    }
    .note {
        margin-bottom: 15px;
    }
    .friend_in_1300 {
        width: 90%;
    }
    .friend_div {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 15px;
        /*box-shadow: #E6E6E6 0px 0px 18px 0px;*/
    }
    .friend_div00 {
        width: 100%;
        margin-top: 0;
    }
    .friend_div_img {
        margin-left: 32%;
    }
    .friend_div_tit {
        text-indent: -80px;
    }
    .messa {
        margin-top: 5%;
        padding: 18px 18px 0px 18px;
        background: none;
    }
    .messa_in_1300 {
        width: 100%;
        margin-bottom: 0;
    }
    .mess_btn {
        margin-bottom: 28px;
    }
    .my_cot00 {
        width: 100%;
    }
    .my_in_1300 {
        width: 100%;
        margin-top: 0;
    }
    .my_cot {
        margin-right: 0px;
    }
    .my_p2 {
        display: none;
    }
    .my_cot {
        width: 100%;
    }
    .my_cot_img {
        border-radius: 0;
    }
    .my_cot_img2 {
        border-radius: 0;
    }
    .my_con_tit {
        padding: 0;
    }
    .n2m {
        margin-bottom: 15px;
    }
    .icoom_video-js {
        height: auto !important;
    }
    .works {
        margin-right: 0px;
    }
    .Middle_in_00 {
        width: 100%;
    }
    /*.messa{
      width: 100%;
      top: 10%;
    }*/
    /*视频*/
    .video_right {
        width: 100%;
        padding: 15px;
    }
    .video_right h3 {
        margin-bottom: 5px;
    }
    .video_right p {
        font-size: 14px;
    }
    .video_right h3 {
        font-size: 16px;
    }
    .videowed_img {
        height: auto;
    }
    .videowed_left {
        display: none;
    }
    .dib_see00 {
        width: 92%;
    }
    .dib_see_w {
        width: 100%;
        padding: 40px 20px;
    }
    .dib_see_w h3 {
        line-height: 42px;
        font-size: 18px;
    }
    .nav_mo ul li a {
        font-weight: 400 !important;
    }
    .works_img img {
        height: auto;
    }
    .wvdm_dn{
        display: none;
    }
    .content_yu video{
        width: 100%;
        height: auto;
    }
}