@charset "UTF-8";

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

html,
body,
.Middle_right {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft Yahei", "Microsoft Jhenghei", "Arial";
}

input[ type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

img {
    border: none;
}

input {
    outline: none;
}

li {
    list-style-type: none;
}

a {
    color: #999999;
    text-decoration: none;
    transition: ease-out .5s;
}

div,
a,
p,
h3 {
    font-weight: lighter !important;
}

a:hover {
    color: #545454;
}

body {
    background: #F7F7FB;
    overflow-x: hidden;
}


/*下列表*/

.clear {
    clear: both;
}

.top_xgr {
    width: 80px;
    height: 4px;
    background: url(../images/iq_top_left.png) no-repeat;
    background-size: 100%;
    margin-left: 118px;
    animation: top_xgr 8s infinite ease-in-out;
}

@keyframes top_xgl {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(193px, 0px);
    }
}


/*头部*/

.left_nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 100%;
    box-shadow: #E6E6E6 0px 0px 18px 0px;
    background: rgb(255, 255, 255);
    z-index: 10;
}

.logo {
    width: 145px;
    height: 62px;
    margin-top: 60px;
    margin-left: 55px;
}

.logo img {
    width: 100%;
}

.nav ul {
    margin-top: 40px;
}

.nav ul li {
    width: 100%;
    text-align: center;
    line-height: 60px;
}

.nav ul li a {
    display: block;
    font-size: 14px;
    transition: ease-out .5s;
}

.nav ul li a:hover {
    transform: translate(20px, 0);
    font-weight: bolder;
    color: #545454;
}

.nav ul li a:hover .nav_xg {
    width: 123px;
    height: 60px;
    position: absolute;
    margin-left: -25px;
    background: url(../images/xg_left.png) no-repeat center;
    background-size: 100%;
    animation: xg_left_01 1s ease-out;
}

@keyframes xg_left_01 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.nav_gg {
    width: 123px;
    height: 60px;
    position: absolute;
    margin-left: -25px;
    background: url(../images/xg_left.png) no-repeat center;
    background-size: 100%;
    animation: none !important;
}

.nav_tit {
    font-weight: bolder;
    margin-left: 20px;
}

.nav_tit a {
    color: #545454;
}

.nav_tit a:hover {
    transform: translate(0px, 0) !important;
}

.Kanban_00 {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.Kanban_00 img {
    width: 100%;
}

.Middle_top {
    height: 74px;
    border-bottom: 1px solid #E1E7EE;
}

.icon_tit {
    width: 100px;
    margin-left: 295px;
    line-height: 74px;
    font-size: 14px;
    color: #6E6E6E;
    text-indent: 35px;
    float: left;
    background: url(../images/design_1.png) no-repeat left;
    background-size: 20px;
}

.icon_tit_2 {
    background: url(../images/design_2.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_3 {
    background: url(../images/design_3.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_4 {
    background: url(../images/design_4.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_5 {
    background: url(../images/design_5.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_6 {
    background: url(../images/design_6.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_7 {
    background: url(../images/design_7.png) no-repeat left !important;
    background-size: 20px !important;
}

.icon_tit_8 {
    background: url(../images/design_8.png) no-repeat left !important;
    background-size: 20px !important;
}

.my_right {
    position: absolute;
    right: 22px;
}

.Sign_in {
    line-height: 74px;
    color: #999;
    float: left;
    margin-left: 17px;
    margin-right: 10px;
}

.c333 {
    color: #545454;
}

.rvf {
    width: 23px;
    height: 74px;
    float: left;
    background: url(../images/rvf.png) no-repeat center;
    background-size: 23px;
}

.portrait {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 3px solid #fff;
    overflow: hidden;
    margin-top: 22px;
}

.portrait img {
    width: 100%;
}

.Middle_bottom {
    width: 100%;
    position: inherit;
    bottom: 0;
    z-index: 1;
}

.Middle_bottom p {
    color: #999;
    font-size: 14px;
    line-height: 74px;
    border-top: 1px solid #E1E7EE;
    text-align: center;
    text-indent: 200px;
    height: 74px;
    overflow: hidden;
    width: 100%;
}

.idrv00 {
    margin-top: 17%;
    /* margin-left: -70px; */
}

.idrv {
    line-height: 40px;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    color: #8A8A8A;
    margin-bottom: 10px;
    margin-top: 30px;
}

.idrv_img {
    width: 72px;
    height: 62px;
    background: url(../images/see.png) no-repeat;
    background-size: 100%;
    margin: auto;
}


/*.Middle_in{
	width: 1300px;
	margin-top: 70px;
	border: 1px solid #f00;
}*/

.Middle_in {
    float: right;
    width: 86.8%;
    min-height: calc(100% - 219px);
    margin-top: 70px;
}

.Middle_in_1300 {
    width: 1300px;
    margin: auto;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

.cont_in_1300 {
    width: 1300px;
    margin: auto;
    overflow: hidden;
}

.works {
    width: 280px;
    height: 240px;
    border-radius: 3px;
    margin-right: 60px;
    margin-bottom: 50px;
    background: #fff;
    overflow: hidden;
    transition: all .2s ease-out;
    float: left;
}

.works:hover {
    box-shadow: 0 6px 16px 0 #E6E6E6;
}

.works_img {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.works_img img {
    width: 100%;
    height: 181px;
}

.works_tit p {
    line-height: 60px;
    text-align: center;
    color: #999999;
    transition: ease-out .5s;
    padding: 0px 10px;
}

.works_img_p {
    position: absolute;
    margin-top: -6px;
    width: 280px;
    height: 183px;
    line-height: 180px;
    text-align: center;
    color: #545454;
    /*font-weight: bolder;*/
    background: url(../images/ux_r9.png);
    transition: transform .5s ease-out;
}

.works:hover .works_img_p {
    transform: translate(0px, -180px);
}

.works:hover .works_tit p {
    color: #999;
}

.Middle_in_00 {
    width: 110%;
}


/*手机版导航*/

.mo_right {
    width: 50px;
    position: absolute;
    right: 17px;
    background: url(../images/mo.png) no-repeat right;
    background-size: 42%;
    height: 74px;
    display: none;
}

.nav_mo ul {
    width: 100%;
    background: #fff;
    /*box-shadow: #E6E6E6 0px 0px 18px 0px;*/
}

.nav_mo ul {
    width: 90%;
    margin: auto;
    padding-bottom: 5px;
    margin-top: 25%;
    border-radius: 4px;
}

.nav_mo ul li {
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #666;
    border-bottom: 1px solid #F3F3F3;
}

.nav_mo ul li a {
    display: block;
}

.nav_mo ul li:hover {
    background: #f1f5f8;
}

.nav_mo ul li:last-child {
    border-bottom: none;
}

body .nav_mo {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 20;
    background: url(../images/lfo.png);
}

.uduj p {
    width: 50px;
    margin: auto;
    margin-top: 10px;
    height: 50px;
    background: url(../images/uduf.png) no-repeat center;
    background-size: 50%;
}


/*搜索*/

.search {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.search_mash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/lfo1.png);
}

.search00 {
    width: 660px;
    margin: auto;
    position: relative;
    top: 50%;
    margin-top: -157px;
}

.search_w {
    width: 660px;
    border-radius: 4px;
    background: #fff;
    margin-left: 125px;
    padding: 70px 80px 110px 80px;
}

.s_ipt {
    width: 74%;
    border-radius: 4px;
    line-height: 55px;
    background: #FAFBFC;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 13px;
}

.s_btn {
    width: 24%;
    background: #545454;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    float: right;
    margin-top: 13px;
    border: none;
}

.search_w h3 {
    line-height: 60px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #8A8A8A;
    margin-bottom: 10px;
}


/*你没有权限*/

.dib_see {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.dib_see_mash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/lfo1.png);
}

.dib_see00 {
    width: 660px;
    margin: auto;
    position: relative;
    top: 50%;
    margin-top: -157px;
}

.dib_see_w {
    width: 660px;
    border-radius: 4px;
    background: #fff;
    margin-left: 125px;
    padding: 70px 80px 60px 80px;
}

.dib_see_w h3 {
    line-height: 60px;
    font-size: 26px;
    font-weight: lighter;
    text-align: center;
    color: #8A8A8A;
    margin-top: 20px;
}

.see_img {
    width: 72px;
    height: 62px;
    background: url(../images/see.png) no-repeat;
    background-size: 100%;
    margin: auto;
}


/*w登录*/

.Sign_wv {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.register_wv {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.Sign_wv_mash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/lfo1.png);
}

.register_mash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/lfo1.png);
}

.Sign_cot {
    width: 500px;
    margin: auto;
    position: relative;
    top: 50%;
    margin-top: -271px;
}

.rig_cot {
    width: 500px;
    margin: auto;
    position: relative;
    top: 50%;
    margin-top: -270px;
}

.Sign_ge {
    width: 500px;
    border-radius: 4px;
    background: #fff;
    margin-left: 125px;
    padding: 40px 60px 40px 60px;
}

.rig_ge {
    width: 500px;
    border-radius: 4px;
    background: #fff;
    margin-left: 125px;
    padding: 40px 60px 40px 60px;
}

.Signs_ipt {
    width: 100%;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 18px;
    text-indent: 33px;
    background: #FAFBFC url(../images/sin_1.png) no-repeat 20px;
}

.Signs_ipt_1 {
    width: 100%;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 18px;
    text-indent: 33px;
    background: #FAFBFC url(../images/sin_1.png) no-repeat 20px;
}

.Signs_ipt_2 {
    width: 100%;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 18px;
    text-indent: 33px;
    background: #FAFBFC url(../images/sin_21.png) no-repeat 20px;
}

.Signs_ipt_3 {
    width: 100%;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 18px;
    text-indent: 33px;
    background: #FAFBFC url(../images/sin_31.png) no-repeat 20px;
}

.Signs_ip3 {
    width: 48%;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 18px;
    text-indent: 33px;
    float: left;
    background: #FAFBFC url(../images/sin_3.png) no-repeat 20px;
}

.Signs_ip4 {
    width: 48%;
    height: 57px;
    border-radius: 4px;
    line-height: 55px;
    border: 1px solid #ECEDF2;
    margin-top: 18px;
    float: right;
    background: #F3FBFE url(../images/11.jpg) no-repeat center;
}

.Signs_ux2 {
    background: #FAFBFC url(../images/sin_2.png) no-repeat 20px !important;
}

.reg_ux4 {
    background: #FAFBFC url(../images/sin_4.png) no-repeat 20px !important;
}

.reg_ux5 {
    background: #FAFBFC url(../images/sin_5.png) no-repeat 20px !important;
}

.Signs_btn {
    width: 100%;
    background: #545454;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    float: right;
    margin-top: 22px;
    margin-bottom: 35px;
    border: none;
}

.Sign_ge h3 {
    line-height: 55px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #8A8A8A;
}

.Sign_ge p {
    color: #999999;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.Sign_ge p a {
    color: #545454;
    font-weight: bolder;
}

.rig_ge h3 {
    line-height: 55px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #8A8A8A;
}

.rig_ge p {
    color: #999999;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.rig_ge p a {
    color: #545454;
    font-weight: bolder;
}


/*内容部分*/

.content {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 45px;
    margin-bottom: 45px;
}

.content h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #545454;
    font-weight: normal;
}

.cont p {
    color: #999;
    height: 20px;
    overflow: hidden;
}

.cont {
    width: 80%;
    float: left;
}

.cont_top {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.wwrg {
    float: right;
    text-align: right;
    margin-top: 20px;
    color: #999;
}

.wwrg span {
    font-size: 28px;
    color: #545454;
}

.content_yu {
    width: 100%;
}

.content_yu p {
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.7;
}

.content_yu img {
    width: 100%;
    margin-bottom: 10px;
}


/*评论*/

.Pass_cot {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 45px;
}

.Pass_cot_927 {
    width: 100%;
    height: 927px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 25px;
}

.Pass_cot0 {
    padding: 35px 35px 0px 35px;
}

.Pass_cot30 {
    padding: 30px;
}

.ass_img {
    width: 40px;
    height: 40px;
    border: 4px solid #EDEBF9;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: 5px;
}

.ass_img img {
    width: 100%;
}

.bss_img {
    width: 40px;
    height: 40px;
    border: 5px solid #EDEBF9;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: 5px;
}

.bss_img img {
    width: 100%;
}

.ut {
    width: 31px;
    height: 16px;
    display: block;
    position: absolute;
    margin-top: -33px;
    margin-left: 86px;
    background: url(../images/ut.png) no-repeat;
    background-size: 100%;
}

.ass_tit {
    line-height: 50px;
    font-size: 16px;
    font-weight: bolder;
    color: #4B447E;
    float: left;
    margin-left: 14px;
}

.acco_tit h3 {
    float: left;
    line-height: 50px;
    font-size: 20px;
    font-weight: bolder;
    color: #4B447E;
}

.acco_tit p {
    float: left;
    margin-left: 14px;
    color: #999999;
    line-height: 50px;
}

.acco_tit {
    padding-bottom: 13px;
    border-bottom: 1px solid #EFEFEF;
}

.ass_titp {
    color: #666666;
    float: right;
    line-height: 50px;
}

.bss_tit {
    line-height: 50px;
    font-size: 16px;
    font-weight: bolder;
    color: #4B447E;
    float: left;
    margin-left: 14px;
}

.bss_titp {
    color: #666666;
    float: right;
    line-height: 50px;
}

.Pass_cot_img00 {
    width: 100%;
}

.Pass_cot_img {
    width: 100%;
    float: left;
}

.Pass_cot_tit {
    margin-top: 8px;
    float: left;
    margin-left: 56px;
}

.Pass_cot_tit p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.ament {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.Pass_cot_tit span {
    color: #f00 !important;
    font-size: 16px;
}

.bass_cot_tit {
    margin-left: 56px;
    margin-top: 8px;
    float: left;
}

.bass_cot_tit p {
    font-size: 16px;
    color: #545454;
    margin-bottom: 10px;
    line-height: 28px;
}

.bass_cot_tit span {
    color: #f00 !important;
    font-size: 16px;
}

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

.bation_icn0 {
    float: left;
    font-size: 14px;
    line-height: 21px;
    color: #999;
    margin-left: 56px;
    margin-top: 0px;
}

.bation_icn1 span {
    position: absolute;
    font-size: 12px;
    color: #999;
    margin-top: 2px;
    margin-left: -78px;
    text-align: right;
}

.bation_icn2 {
    width: 25px;
    height: 20px;
    margin-top: 2px;
    float: right;
    background: url(../images/icn_2.png) no-repeat;
}

.com_s_ipt {
    width: 100%;
    border-radius: 4px;
    line-height: 55px;
    background: #FAFBFC;
    border: 1px solid #ECEDF2;
    padding: 0 20px;
    margin-top: 13px;
}

.com_s_btn {
    width: 145px;
    background: #545454;
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    float: right;
    margin-top: 13px;
    border: none;
}

.ament:last-child {
    border-bottom: none;
}

.comment_wholeh3 h3 {
    color: #999;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 20px;
}

.comment_wholeh3 h3 span {
    color: #333 !important;
    line-height: 35px;
}

.Pass_cot_img00 {
    transition: transform .5s ease-in-out;
}

.Pass_cot:hover .Pass_cot_img00 {
    transform: translate(43%, 0px);
}

.Pass_cot_tit {
    transition: transform .5s ease-in-out;
}

.Pass_cot:hover .Pass_cot_tit {
    transform: translate(-25px, 0px);
}


/*评论结束*/


/*笔记开始*/

.note_in_1300 {
    width: 840px;
    margin: auto;
    margin-bottom: 20px;
}

.note {
    width: 100%;
    transition: ease-out .5s;
    margin-bottom: 32px;
    float: left;
}

.note_left {
    width: 10%;
    height: 230px;
    float: left;
    background: url(../images/note_left_img.png) no-repeat;
    background-size: 55px;
}

.note_left img {
    width: 45px;
    height: 45px;
    margin-left: 5px;
    margin-top: 4.5px;
    border-radius: 50px;
}

.note_right {
    width: 90%;
    /* height: 230px; */
    float: right;
    background: #fff;
    border-radius: 4px;
    padding: 35px;
    transition: ease-out .5s;
}

.note:hover .note_right {
    box-shadow: #E6E6E6 0px 0px 18px 4px;
}
.note_right img{
    max-width: 480px;
}
.note_right h3 {
    line-height: 35px;
    font-size: 20px;
    color: #545454;
    margin-bottom: 20px;
    font-weight: normal;
    height: 35px;
    overflow: hidden;
}

.note_right p {
    color: #848484;
    line-height: 25px;
    /* height: 50px; */
    overflow: hidden;
    font-size: 15px;
    text-align: justify;
}

.note_wf {
    float: left;
    color: #999;
}

.note_ju {
    float: right;
    color: #999;
}

.note_bot {
    width: 100%;
    margin-top: 28px;
    padding-top: 15px;
    border-top: 1px solid #efefef;
}

.jiaoyu {
    animation: sch01 1s ease-in-out;
}

@keyframes sch01 {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        transform: translate(0px, 40px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}


/*笔记结束*/


/*友情连接1*/

.friend_in_1300 {
    width: 804px;
    margin: auto;
    margin-bottom: 20px;
}

.friend_div {
    width: 230px;
    height: 90px;
    border-radius: 3px;
    background: #fff;
    transition: ease-out .5s;
    margin-right: 55px;
    float: left;
    margin-bottom: 100px;
}

.friend_div:hover {
    box-shadow: #E6E6E6 0px 0px 18px 0px;
}

.friend_div:hover .friend_div_tit {
    font-weight: bolder;
    transform: translate(-10px, 0px);
}

.friend_div:hover .friend_div_img {
    transform: translate(10px, 0px);
}

.friend_div_img {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    overflow: hidden;
    float: left;
    margin-left: 20%;
    margin-top: 23px;
    border: 3px solid #F4F4F4;
    transition: ease-out .5s;
}

.friend_div_img img {
    width: 100%;
}

.friend_div_tit {
    line-height: 90px;
    text-align: center;
    color: #333333;
    transition: ease-out .5s;
    text-indent: -20px;
}

.friend_div00 {
    width: 110%;
    /* margin-top: 27%; */
}


/*友情连接2*/

.messa_in_1300 {
    width: 600px;
    margin: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.messa {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    padding: 40px 60px 30px 60px;
    margin-bottom: 20px;
    margin-top: 5%;
}

.messa h3 {
    line-height: 55px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #8A8A8A;
}

.mess_ipt {
    width: 100%;
    border-radius: 4px;
    line-height: 24px;
    border: 1px solid #ECEDF2;
    padding: 20px 20px;
    margin-top: 18px;
    color: #333;
    font-size: 16px;
    font-weight: inherit;
}

.mess_btn {
    width: 100%;
    background: #545454;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    float: right;
    margin-top: 22px;
    margin-bottom: 35px;
    border: none;
    cursor: pointer;
}

.my_in_1300 {
    width: 343px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 7%;
}

.my_cot_img {
    width: 100%;
}

.my_cot00 {
    width: 110%;
}

.my_cot {
    width: 343px;
    background: #fff;
    margin-right: 60px;
    float: left;
    transition: ease-out .5s;
    cursor: pointer;
}

.my_cot:hover {
    box-shadow: #E6E6E6 0px 0px 18px 0px;
}

.my_cot:hover .my_cot_tit {
    transform: translate(0px, 40px);
    height: 280px;
}

.my_cot_tit {
    width: 100%;
    height: 240px;
    padding: 0 35px;
    background: #fff;
    transition: ease-out .5s;
}

.my_cot_tit h3 {
    font-size: 18px;
    color: #333;
    line-height: 45px;
    text-align: center;
    padding-top: 15px;
}

.my_cot_tit p {
    color: #8A8A8A;
    line-height: 24px;
    text-align: center;
    /* margin-bottom: 15px; */
}

.my_cot_img {
    width: 100%;
    border-radius: 3px;
    background: url(../images/icoom_img.png) no-repeat;
    background-size: 100%;
}

.my_cot_img2 {
    width: 100%;
    border-radius: 3px;
    background: url(../images/icoom_img2.png) no-repeat;
    background-size: 100%;
}

.ma_top130 {
    height: 130px;
}

.my_p {
    width: 100%;
    padding: 15px 0 45px 0;
    /* border-top: #efefef 1px solid; */
    text-align: left !important;
}

.my_cot_tit img {
    width: 32px;
    height: 17px;
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
}

.my_p1 {
    text-indent: -40px;
}

.my_p2 {
    width: 42px;
    height: 42px;
    position: absolute;
    background: url(../images/mon.png)no-repeat;
    background-size: 100%;
    margin-top: -36px;
    margin-left: 294px;
}

.my_p3 {
    margin-top: 15px;
    border-top: #efefef 1px solid;
    padding-top: 15px;
}

.my_p1 a {
    margin-left: 5px;
}


/*我的内容*/

.my_cot:hover .my_con_tit {
    transform: translate(0px, 40px);
    height: 250px;
}

.my_con_tit {
    width: 100%;
    padding: 0 35px;
    background: #fff;
    transition: ease-out .5s;
    margin-top: 20px;
}

.my_con_tit h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #545454;
    font-weight: normal;
    text-align: center;
    line-height: 25px;
    margin-top: 15px;
}

.my_con_tit p {
    color: #8A8A8A;
    line-height: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.my_pimg img {
    width: 32px;
    height: 17px;
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
}

.my_conimg {
    width: 93px;
    height: 93px;
    border-radius: 50px;
    overflow: hidden;
    margin: auto;
    border: 4px solid #F7F7FB;
}

.my_conimg img {
    width: 93px;
    height: 93px;
}

.my_p0 {
    width: 100%;
    padding: 15px 0 0px 0;
    border-top: #efefef 1px solid;
    text-align: left !important;
}

.n2m {
    width: 160px;
    margin: 40px auto 0 auto;
}

.n2m img {
    width: 100%;
}

.my_works {
    width: 100%;
    padding: 0 35px;
    margin-top: 30px;
}

.my_works h3 {
    font-size: 16px;
    width: 100%;
    line-height: 45px;
    border-bottom: #efefef 1px solid;
}

.my_worksimg {
    width: 280px;
    height: 240px;
    border-radius: 3px;
    margin-right: 120px;
    margin-top: 20px;
    background: #fff;
    overflow: hidden;
    transition: all .2s ease-out;
    float: left;
}

.my_worksimg00 {
    width: 110%;
}

.my_worksimg:hover {
    box-shadow: 0 6px 16px 0 #E6E6E6;
}

.my_worksimg_img {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.my_worksimg_img img {
    width: 100%;
}

.my_workstit p {
    line-height: 60px;
    text-align: center;
    color: #666;
    border: #FAFAFA;
    transition: ease-out .5s;
}

.my_worksimg:hover .my_workstit p {
    color: #999;
}

.myt_content {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 45px;
    margin-bottom: 45px;
    margin-top: 10%;
}

.works_img img {
    transition: transform .5s ease-in-out;
}

.works_img:hover img {
    transform: scale(1.05);
}


/*视频页面*/

.video_right {
    width: 90%;
    float: right;
    background: #fff;
    border-radius: 4px;
    padding: 35px;
    transition: ease-out .5s;
}

.note:hover .video_right {
    box-shadow: #E6E6E6 0px 0px 18px 4px;
}

.video_right h3 {
    line-height: 35px;
    font-size: 20px;
    color: #545454;
    margin-bottom: 20px;
    font-weight: normal;
    height: 35px;
    overflow: hidden;
}

.video_right p {
    color: #848484;
    line-height: 25px;
    overflow: hidden;
    font-size: 15px;
    margin-top: 15px;
}

.videowed_img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.videowed_img img {
    width: 100%;
}

.videowed-js {
    width: 100%;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.videowp {
    padding-bottom: 18px;
    border-bottom: 1px solid #efefef;
}

.videowed_bot {
    width: 100%;
}

.videowed_left {
    width: 10%;
    height: 630px;
    float: left;
    background: url(../images/note_left_img.png) no-repeat;
    background-size: 55px;
}

.videowed_left img {
    width: 45px;
    height: 45px;
    margin-left: 5px;
    margin-top: 4.5px;
    border-radius: 50px;
}
.wvdm_dn{
    clear: both;
}
.dnqr {
    position: relative;
    width: 100%;
    border-top: none;
    text-indent: 12px;
    height: 30px;
    line-height: 30px;
    bottom: 20px;
    text-align: center;
    z-index: 100;
}

.dnqr_a {
    padding-right: 10px;
    background: #F7F7FB;
}
.dnqr_b {
    padding-right: 0px;
    background: #F7F7FB;
}

.dnqr_a:hover {
    color: rgba(74, 59, 114, 0.9);
}
/* 分页 */
.wvdm{
    width: 280px;
    margin: auto;
}
.pagination{
    clear: both;
    margin-bottom: 100px;
    position: relative;
    z-index: 99;
}
.pagination li{
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin: 0 3px;
    float: left;
    background-color: #fff;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    
}
.pagination li a{
    display: block;
    color: #999;
}
.active{
    font-weight: 400;
    color: #fff !important;
    background: #545454 !important;
    border-radius: 4px;
    border: 1px solid #545454 !important;
}

.content_yu video{
    /*width: 428px;*/
    width: 100%;
    height: auto;
    margin: auto;
}
/*阴影*/

.reg1 {
    width: 260px;
    height: 265px;
    border: 1px solid #e5e5e5;
    margin-top: 4%;
    float: left;
    margin-left: 4%;
    transition: all 0.15s;
}
.reg1:hover {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(20, 20, 20, 0.15);
    -moz-box-shadow: 0px 0px 15px 5px rgba(20, 20, 20, 0.15);
    box-shadow: 0px 0px 15px 5px rgba(20, 20, 20, 0.15);
}
/* 3秒后自动关闭-开始 */
.rjfi{
	position: fixed;
	right: 43px;
	bottom: 43px;
	width: 457px;
	border-radius: 4px;
	background: #fff;
	margin-left: 125px;
	padding: 20px 45px;
	font-weight: lighter !important;
	box-shadow: 0 10px 25px rgb(134 140 150 / 40%); 
	animation:rjfia .8s ease-in-out;
	z-index: 10;
}
@keyframes rjfia {
	0% {
		opacity: 0;
	}
	100{
		opacity: 1;
	}
}
.rjfi_f{
	font-size: 20px;
	line-height: 60px;
	float: left;
	margin-right: 5px;
	font-weight: bold;
}
.rjfi_u{
	line-height: 60px;
	font-size: 20px;
	color: #FF0000;
	float: right;
	font-weight: lighter !important;
}
.op{
	margin-right: 8px;
	line-height: 60px;
	font-size: 20px;
}
.rjfi p{
	width: 100%;
	clear: both;
	font-size: 18px;
	color: #444;
	line-height: 32px;
}
/* 3秒后自动关闭-结束 */