@media screen and (max-width: 768px) {

    body {
        background: #eeeeee !important;
        padding-bottom: 0;
        overflow-x:hidden;
    }

    .fuwutiaok_mobile{
        width: 100%;
    }
    .fuwutiaok_mobile h3{
        font-size: 16px;
        text-align: center;
        margin: 10px 0;
    }
    .fuwutiaok_mobile .scoreDetail{
        width: 100%;
    }
    .fuwutiaok_mobile .scoreDetail li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    .fuwutiaok_mobile .scoreDetail li span{
        width: 25%;
    }
    .fuwutiaokwrap .fuwutiaok {
        position: absolute;
        width: 95%;
        height: 488px;
        background: #ffffff;
        border-radius: 10px;
        top: 50%;
        margin-top: -244px;
        left: inherit;
        margin-left: 2.5%;
        padding: inherit;
    }
    .guwen .adviser .width20 p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .navbar {
        min-height: 45px;
        z-index: 99;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 20px;
    }
    .navbar-toggle {
        margin-right: 85%;
        padding: 7px 10px;
    }
    .container {
        padding: 0;
    }
    .login .containerdd .fr .pswStatus {
        width: calc(100%-96px)!important;
        margin-left: 96px;
        margin-bottom: 5px;
        line-height: 12px;
        text-align: left;
    }
    .navbar-default .navbar-toggle {
        border: none;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: inherit;
    }
    .navbar-header {
        height: 45px;
        width: 100%;
        background: #238AD9;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative;
    }
    .navbar-brand {
        display: none;
    }
    .navbar-brand {
        top: 0 !important;
    }
    .navbar-title-text,
    .navbarbarbar {
        display: none !important;
    }
    .index_head_form {
        display: none;
    }
    .index_head_form1 {
        width: 40%;
        display: block;
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 1000;
    }
    .index_head_form1 .form-control {
        border-radius: 13px;
    }
    .navreg li {
        height: inherit;
    }
    .navreg li a {
        margin-top: inherit;
        padding: inherit;
        line-height: inherit;
    }
    .navreg li:first-child a {
        padding-right: inherit;
    }
    .navreg li:last-child a {
        padding-left: inherit;
        border-left: none;
    }
    .indexloginreg {
        display: none !important;
    }
    .smallloginreg {
        position: absolute;
        right: 0;
    }
    .smallloginreg a {
        color: #fff;
    }
    .index .index_content .content_list li .cccontent{
        width: 68%;
    }

    .index_content .content_list li .title {
        height: 38px;
        width: 100%;
        font-size: 16px;
        font-family: "微软雅黑";
        color: #333;
        line-height: 24px;
        font-weight: bold;
        margin-top: -4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .index_content .content_list li .title a {
        max-width: 100%!important;
    }
    .bulletinarr li>.title a {
        width: 100%;
    }
    .index_content .content_list li .time {
        line-height: 24px;
    }
    .smallloginreg a span {
        padding: 0px 13.5px;
        line-height: 45px;
    }
    .smallloginreg a:last-child {
        margin-left: -5px;
    }
    .navbar-title-text1 {
        padding: 16.5px 15.5px 23px 12px;
        font-size: 12px;
        color: #666666;
        line-height: 20px;
        font-weight:bold;
    }
    .navbar-title-text1.on{color: #e70012;}
    .indexsmalllogo {
        width: 134px;
        height: 30px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .indexsmalllogo img {
        width: 134px;
        height: 30px;
    }
    .liucheng img {
        width: 100%;
    }
    .smallnone {
        display: none;
    }
    .carousel-inner .item img {
        height: 184px;
    }
    .footer {
        display: none;
    }
    .indexnonenav {
        height: 45px;
        text-align: center;
        border-bottom: 1px solid #E6E6E6;
    }
    .indexnonenav:last-child {
        border: none;
    }
    .smallliucheng .liuchengtu {
        object-fit: inherit;
    }
    .index_content .introduction {
        height: inherit;
        background: #fff !important;
        padding: 0;
    }
    .index_content .introduction h3 {
        text-align: center;
        font-size: 16px;
        color: #343434;
        margin-bottom: 15px;
    }
    .index_content .introduction h3 img {
        height: 25.5px;
    }
    .index_content .introduction p {
        color: #666;
        padding: 0 27px;
    }
    .index_content .introduction .more {
        color: #238AD9;
        right: 0;
        width: 100%;
        text-align: center;
        position: inherit;
        margin-top: 31.5px;
        display: block;
    }
    .smallliucheng {
        background: #fff;
        padding: 0 16px;
        padding-bottom: 31.5px;
        text-align: center;
        padding-top: 19.5px;
    }
    .smallliucheng h2 {
        font-size: 16px;
        color: #343434;
        text-align: center;
        font-weight: bold;
    }
    .smallliucheng h2 img {
        height: 20px;
        margin-right: 5px;
    }
    .smallliucheng .liuchengtu {
        width: 100%;
        height: 125px;
        margin: 19.5px auto;
        margin-bottom: 0;
    }
    .guwen {
        padding: 0 10px;
        background: #eee;
    }
    .guwen .width20 {
        float: left;
        width: calc(50% - 5.5px) !important;
        padding: 0;
        margin-bottom: 12.5px;
    }
    .guwen .width20 img {
        width: 100%;
        height: 136px;
    }
    .guwen .width20:nth-child(2n) {
        float: right;
    }
    .guwen .adviser .width20 h2 {
        font-size: 12px;
        color: #333;
        background: #fff;
        margin-top: 0;
        padding: 0 7px;
    }
    .guwen .adviser .width20 p {
        font-size: 12px;
        color: #666;
        background: #fff;
        padding: 0 7px;
        line-height: 24px;
        line-height: 20px;
        height: 42px;
    }
    .guwen .ccccc {
        width: 100%;
        justify-content: space-between;
    }
    .organcontent img {
        width: 100%;
    }
    .index_content .title_button {
        font-size: 13px;
        padding: 14.5px 0 8.5px 0;
    }
    .adviser .width20:first-child {
        padding: 0;
    }
    .ydPage{
    	width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    height: 100%;
	    display:none;
	    z-index:999;
    }
    .ydPage img{
    	width: 100%;
	    height: 100%;
	    display: none; 
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 1000;
    }
    .row {
        margin: 0 12px;
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        padding: 0;
    }
    .div10 {
        background: #eee;
        height: 10px;
        width: 100%;
    }
    .login {
        background: #eee;
    }
    .login .containerdd {
        background: #eee;
        margin: 0;
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%;
    }
    .login .containerdd .fr {
        width: 100%;
        background: #eee;
        padding-top: 10px;
    }
    .login .containerdd .fr .forgetpassword {
        width: calc(100% - 40px);
        font-size: 11px;
        color: #999;
        margin-bottom: 10.5px;
    }
    .login .containerdd .fr .forgetpassword.pswStatus {
        width: calc(100% - 96px)!important;
    }
    .reginputlist .tel {
        width: 100% !important;
    }
    .login .containerdd .fr .input_wrap input {
        height: 24px;
        font-size: 14px;
        line-height: 14px;
    }
    .c3reg .icon-yanjing,
    .c3reg .icon-yanjing1 {
        left: 0px;
    }
    .c3reg .icon-yanjing,
    .c3reg .icon-yanjing1 {
        width: 30px;
    }
    .login .containerdd .fr .input_wrap i {
        width: 56px;
        font-style: normal;
        font-size: 14px;
        color: #333;
        line-height: 40px;
    }
    .samlllogininput {
        margin-left: calc(5% + 14px) !important;
    }
    .login .containerdd .fr .input_wrap {
        height: 40px;
        width: calc(100% - 22px);
        background: #fff;
        margin-bottom: 8px;
    }
    .login .containerdd .fr .input_wrap input {
        background: #fff;
    }
    .login .containerdd .fr .loginBTN {
        border-radius: 0;
        width: calc(100% - 22px);
    }
    .reginputlist {
        width: 100%;
    }
    .reginputlist .row {
        padding: 0;
		margin-top:20px;
    }
	.reginputlist .w_infoBox >div {
		margin-top: 20px;
	}
    .reginputlist .col-xs-10 {
        width: calc(100% - 105px);
    }
    .reginputlist .col-xs-10 input[type=text] {
        width: 100%;
        padding:0;
        background: #fff;
        height: 45px;
        border-radius: 0;
    }
	.reginputlist .w_infoBox .col-xs-10 input[type=text] {
	    padding:0 10px;
		background:#eee;
		margin-left: 10px;
	}
	.reginputlist .w_infoBox .col-md-2 .radio{
		margin-top:0;
	}
    .reginputlist .col-xs-10 input[type=tel] {
        width: 100%;
        padding: 0;
        background: #fff;
        height: 45px;
        border-radius: 0;
    }
    .reginputlist .col-md-10 input[type=radio],
    .reginputlist .col-md-4 input[type=radio] {
        height: 29px;
        margin-top: 7px;
    }
    .reginputlist .col-md-10 label,
    .reginputlist .col-md-4 label {
        top: 11px;
    }
    .reginputlist .accept {
        margin-top: 0px;
    }
    .reginputlist .accept label {
        margin-top: -10px;
    }
    .reginputlist .col-xs-2 {
        font-size: 14px;
        width: 76px;
        text-align: left;
        height: 45px;
        background: #fff;
        line-height: 43px;
    }
    .reginputlist .shoujiyanzhengma {
        width: 100%;
    }
    .reginputlist .shoujiyanzhengma div {
        height: 45px;
        line-height: 47px;
    }
    .bulletindetail {
        padding: 20px 10px 20px 10px !important;
    }
    .swiper-container {
        height: 184px;
        width:100%;
    }
    .swiper-container img {
        height: 184px;
    }
    .dizhixuanze {
        width: 100%;
        height: 45px;
        text-align: right;
        display: block;
        line-height: 45px;
        font-size: 14px;
        color: #999;
    }
	.w_infoBox .dizhixuanze{
		display: none;
	}
    .reginputlist .accept {
        text-align: left;
        padding-left: 10px;
    }
    .reginputlist .shoujiyanzhengma input[type=text] {
        width: calc(100% - 100px);
        float: left;
    }
    .reginputlist .col-md-10,
    .reginputlist .col-md-4 {
        margin-bottom: 10px;
    }
    .lastlabel {
        margin: 0 !important;
    }
    .reginputlist .row {
        position: relative;
    }
	.reginputlist .row.w_phoneBox div:nth-child(1){
		width:80px;
		display:inline-block;
		font-size:14px;
		text-align:left;
	}
	.reginputlist .row.w_phoneBox div:nth-child(2){
		width:14px;
		display:inline-block;
		font-size:14px;
	}
	.reginputlist .row.w_phoneBox div:nth-child(3){
		width:120px;
		display:inline-block;
		font-size:14px;
		text-align:left;
	}
	.reginputlist .row.w_phoneBox div:nth-child(4){
		width:40px;
		display:inline-block;
		font-size:14px;
	}
    .reginputlist .sexwrap {
        background: #fff;
        height: 45px;
    }
    .reginputlist .accept label {
        font-size: 12px;
        color: #999;
    }
    .reginputlist .regbtn {
        width: calc(100% - 20px);
        border-radius: 0;
    }
    .reginputlist .regbtn {
        margin: 10px auto 82px auto;
    }
    .regtishi {
        font-size: 11px;
        color: #999;
        margin-bottom: 5px;
        width: 100vw;
    }
    .regtishi2 {
       /* margin-left: -125px;
        padding-left: 34px; */
    }
    .reginputlist .dropdownaaa {
        position: relative;
        top: 2.5px;
		margin-bottom:10px;
    }
    .cdd {
        margin-bottom: 5px !important;
    }
	.w_container_box{
		background:#eee;
	}
	
	.w_myInfo{
		padding:0;
	}
	.w_myInfoCon{
		border:none;
		border-radius:0;
		box-shadow:initial;
		padding:20px 10px 0;
		background:#fff;
		margin-bottom: 10px;
		display:inline-block;
	}
	.w_myInfoTitle{
		margin-bottom:13px;
	}
	.w_myInfoName {
		line-height: 34px;
		padding: 5px 0;
		height:auto;
		margin-bottom:0;
		border-bottom:1px solid #DEE2E7;
	}
	.w_myInfoName.w_myInfoName1{
		height:auto;
		line-height: 34px;
		padding: 5px 0;
		margin-bottom:0;
	}
	.w_myInfoName.w_myInfoName1:nth-child(4){
		border:none;
	}
	.w_myInfoName > span{
		width:100%;
		font-size:14px;
	}
	.w_myInfoName > span i.w_address_i{
		display:inline;
		font-size:8px;
	}
	.w_myInfoName1 > span:nth-child(2){
		width:100%;
		display:flex;
		justify-content: space-between;
		align-items: center;
		font-size:16px;
	}
	.w_myInfoName1 > span:nth-child(2) a{
		font-size:12px;
	}
	.w_myInfoName p{
		width:100%;
		border:none;
		margin-top: 10px;
		padding:0;
	}
	.w_myInfoName p.w_p_box .dropdownaaa{
		width:100px;
		border:none;
		width:auto;
		padding:0;
	}
	.w_myInfoName p .dropdownaaa.worktype{
		width:100%;
		background:#fff;
		padding:0;
	}
	.w_myInfoName p.w_p_box.w_address input{
		border:none;
		padding:0;
	}
	.w_myInfoName p.w_p_box.w_address span{
		display: none;
	}
	.w_myInfoCon .regbtn{
		margin:50px auto;
	}
    .headhref {
        text-align: center;
    }
    .headhref a {
        color: #238AD9;
    }
    .lastheadhref {
        margin-bottom: 11.5px;
    }
    .huiindex {
        position: absolute;
        top: 130px;
        left: 11px;
    }
    .huiindex a {
        color: #238AD9 !important;
    }
    .vipcard_wrap {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        background: rgba(0, 0, 0, 0.4);
    }
    .vipcard_wrap .vipcard {
        width: calc(100% - 44px);
        margin: 0 auto;
        height: 334px;
        background: #fff;
        position: relative;
        top: 50%;
        margin-top: -167px;
        padding: 20.5px 29px 25px 29px;
    }
    .vipcard_wrap .vipcard p {
        margin-top: 21px;
        color: #238AD9;
        font-size: 16px;
        text-align: center;
    }
    .vipcard_wrap .vipcard .btnn {
        margin-top: 32.5px;
        width: 100%;
        padding: 0;
    }
    .vipcard_wrap .vipcard .btnn .fl,
    .vipcard_wrap .vipcard .btnn .fr {
        text-align: center;
        width: calc(50% - 9.8px);
        height: 45px;
        line-height: 45px;
        background: #238AD9;
        font-size: 12px;
        color: #fff;
    }
    .vipcard_wrap .vipcard .card {
        background-size: 100%;
        position: relative;
    }
    .vipcard_wrap .vipcard .card .bg {
        width: 100%;
    }
    .vipcard_wrap .vipcard .card .vipcode {
        position: absolute;
        color: #238AD9;
        font-size: 12px;
        left: 29px;
        bottom: 4.91716%;
    }
    .vipcard_wrap .vipcard .card .qrcode {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 21.5px;
        bottom: 11px;
    }
    .organization .organcontent {
        margin-top: 0px;
        padding: 23px 27px 25.5px 26.5px;
    }
    .organization .organcontent h2 {
        font-size: 16px;
    }
    .organization .organcontent h3 {
        font-size: 14px;
    }
    .organization .organcontent p {
        font-size: 14px;
    }
    .advisercontent .col-md-13:nth-child(1n) {
        margin-right: 0;
    }
    .advisercontent .col-md-13 {
        width: 50%;
        margin-right: 0;
    }
    .advisercontent .col-md-13 img {
        width: calc(100% - 15.5px);
        height: 136px;
        object-fit: cover;
    }
    .advisercontent .col-md-13 .cardd {
        margin: 0 auto;
        width: calc( 100% - 15.5px);
        padding: 5px 7px;
    }
    .advisercontent .col-md-13 .cardd h2 {
        font-size: 12px;
    }
    .advisercontent .col-md-13 .cardd p {
        font-size: 12px;
    }
    .index_content {
        margin-top: 0;
    }
    .index_content .introduction {
        margin-top: 0;
        padding-top: 20px;
    }
    .responsibility {
        margin-top: 0;
    }
    .e-books {
        margin-top: 5px;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        background: #1a72b5;
        color: #fff !important;
    }
    .adviserdetail {
        margin-top: 0px !important;
        background: #fff;
        padding: 0 !important;
    }
    .adviserdetail .col-xs-12 {
        padding: 0;
    }
    .adviserdetail .title {
        padding: 16.5px 10px 0px 10px;
    }
    .adviserdetail .title img {
        width: 22.66666666666667vw;
        height: 27.33333333333333vw;
    }
    .adviserdetail .title .fr {
        padding: 10.5px 12.5px 11px 14.5px;
        width: calc( 100% - 22.66666666666667vw);
        height: 27.33333333333333vw;
    }
    .adviserdetail .title .fr h3 {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .adviserdetail .title .fr p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 12px;
        line-height: 15px;
    }
    .adviserdetail .div10 {
        width: 100vw;
    }
    .adviserdetail .content {
        padding: 0px 10px 28px 10px;
        margin-top: 33.5px;
        padding-bottom: 28px;
    }
    .adviserdetail .content p {
        font-size: 14px;
        line-height: 24px;
    }
    .adviserdetail .wenzhang {
        padding: 0px 0px 20px 0px;
        margin: 0;
    }
    .adviserdetail .wenzhang h3 {
        padding-left: 10px;
        font-size: 14px;
        height: 39.5px;
        line-height: 39.5px;
    }
    .adviserdetail .wenzhang ol li {
        padding: 0 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        border-top: 1px solid #eee;
    }
    .adviserdetail .wenzhang ol li:last-child {
        border-bottom: 1px solid #eee;
    }
    .mt20 {
        margin: 0;
    }
    .articledetail {
        padding: 0 9.5px;
    }
    .articledetail h3 {
        margin-top: 35.5px;
        font-size: 18px;
        margin-bottom: 0;
    }
    .articledetail h4 {
        font-size: 12px;
    }
    .articledetail img {
        margin-top: 19.5px;
    }
    .articledetail p {
        margin-top: 22px;
        font-size: 14px;
    }
    .responsibility {
        width: 100%;
        padding: 0 20.5px 0 31.5px;
        position: relative;
        font-size: 12px;
        font-weight: inherit;
    }
    .responsibility img {
        width: 12px;
        height: 12px;
        position: absolute;
        left: 3.80805%;
        top: 3px;
    }
    .e-books .col-md-3 .textcard p,
    .e-books .col-sm-3 .textcard p {
        height: inherit;
        text-align: left;
    }
    .e-books {
        padding: 0 4px;
        padding-top: 8px;
    }
    .e-books .col-xs-6 {
        text-align: center;
    }
    .e-books .col-xs-6 img {
        width: 100%;
        height: 200px;
        object-fit:inherit;
    }
    .e-books .col-xs-6 .textcard {
        padding: 7.5px 16px 12px 5px;
        width: 100%;
        height: 45px;
        position: relative;
    }
    .e-books .col-xs-6 .textcard p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12px;
        font-family: PingFangSC-Regular;
        color: #333333;
        line-height: 16px;
    }
    .e-books .col-xs-6 .textcard .icon-yanjing1 {
        float: inherit;
        display: block;
        position: absolute;
        top: -22px;
        height: 22px;
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        color: #fff;
        text-align: left;
        padding-left: 6px;
        margin: 0;
        right: 0;
    }
    .e-books .col-md-3, .e-books .col-sm-3, .e-books .col-lg-3 {
	    padding: 0;
	    margin-bottom: 21px;
	    width: 48%;
	    margin-right:0;
	    border: 3px solid #999;
	}

    .e-books .col-xs-6:nth-child(n) {
        padding:0;
        
    }
    .e-books .col-xs-6:nth-child(2n) {
        padding:0;
        margin-left:4%;
    }
    .responsibility {
        border: none;
        padding-bottom: 0 !important;
    }
    .videolist .img {
        width: 100% !important;
        height: 133.5px !important;
    }
    .videolist .col-md-3 .img .play,
	.videolist .col-sm-3 .img .play,
	.videolist .col-lg-3 .img .play{
       margin-left:-17px;
    }
    .videolist .img img {
        width: 100% !important;
        height: 133.5px !important;
    }
    .videolist .fl {
        margin-top: 0 !important;
        position: absolute;
        right: 11px;
        top: -22px;
        font-size: 12px !important;
        color: #fff !important;
    }
    .videolist .fl .icon-geren {
        color: #fff !important;
        margin-right: 3px;
    }
    .video-js {
        margin-top: 20px;
        width: 100%;
        height: 209.5px;
    }
    .video .info {
        padding: 19px 15px;
        margin: 0;
    }
    .video .info h3 {
        font-size: 13px;
    }
    .video .info p {
        font-size: 12px;
        color: #666;
        line-height: 20px;
    }
    .titlenav .row {
        margin-top: 19.5px;
    }
    .titlenav .row .col-xs-4 {
        text-align: center;
        height: 44px;
        background: #fff;
        line-height: 44px;
        color: #333;
        font-size: 14px;
    }
    .titlenav .row .col-xs-6 .icon {
        font-size: 12px;
        margin-left: 4px;
    }
    .titlenav .row .col-xs-6:hover {
        color: #333;
    }
    .yearcatewindow {
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, 0.4);
        top: 298px;
        width: 100%;
        height: 700px;
        z-index: 9;
    }
    .yearcatewindow ul {
        width: 100%;
    }
    .yearcatewindow ul li {
        background: #fff;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        font-size: 13px;
        border-top: 1px solid #e5e5e5;
    }
    .thesislist {
        background: #eee;
    }
    .thesislist .col-xs-12 {
        height: inherit;
        background: #fff;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .thesislist .col-xs-12 .title {
        border-top: 1px solid #ededed;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
    }
    .thesislist .col-xs-12 .title .fl {
        font-size: 14px;
    }
    .thesislist .col-xs-12 .title .fr {
        font-size: 14px;
    }
    .thesislist .col-xs-12 .content {
        padding-top: 0;
        margin-bottom: 0px;
    }
    .thesislist .col-xs-12 .content li {
        width: 100%;
        height: 45px;
        padding: 0 15px;
        line-height: 45px;
        border-bottom: 1px solid #ededed;
        font-size: 14px;
    }
    .thesislist .col-xs-12 .content li i {
        width: 5px;
        height: 5px;
        background: #996325;
    }
    .thesislist .col-xs-12 .content li a {
        color: #333;
    }
    .boosdetail {
        padding-bottom: 20px;
        padding-top: 38.5px;
    }
    .boosdetail h3 {
        font-size: 16px;
    }
    .boosdetail h4 {
        font-size: 14px;
    }
    .boosdetail p {
        font-size: 14px;
        padding: 0 18.5px 0 26.5px;
        width: 100%;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }
    .boosdetail .next,
    .boosdetail .prev {
        padding: 0 18.5px 0 26.5px;
        font-size: 14px;
    }
    .essaymore .content li .fr .icon-yanjing1 {
        margin-right: 11px;
    }
    .essaymore .content li .fl .one {
        width: 23px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        padding: 0;
        text-align: center;
        margin-top: 14px;
    }
    .essaymore .content li .fl:nth-child(2) {
        width: calc( 100% - 100px);
        margin: 0 auto;
        text-align: center;
    }
    .essaymore .content li .fl p {
        line-height: 49.5px;
        padding: 0;
        font-size: 14px;
        width: calc(100% - 12px);
        margin: 0 auto;
        text-align: left;
    }
    .essaymore .content li .fr {
        height: 49.5px;
    }
    .essaymore .content li {
        height: 49.5px;
        line-height: 49.5px;
    }
    .courseware {
        margin-top: 0;
    }
    .f15 .row .fr .newemail {
        font-size: 14px;
        height: inherit;
        float: left;
    }
    .f15 .row .fr input {
        font-size: 14px;
    }
    .biaoti {
        border-bottom: 1px solid #E6E6E6;
        padding-left: 15px;
        font-weight: 600;
        height: 45px;
        line-height: 45px;
        color: #238AD9;
        font-size: 14px;
    }
    .myinfo .nav-tabs li {
        width: 50%;
    }
    .myinfo .nav-tabs li a {
        width: 100%;
        height: 45px;
        background: #238ad9;
        border-radius: 0;
        color: #fff;
    }
    .myinfo .nav-tabs .active a:visited {
        height: 45px;
        color: #fff;
        background: #1a72b5;
    }
    .myinfo .nav-tabs .active a {
        height: 45px;
        color: #fff;
        background: #1a72b5;
    }
    .myinfo .accountcontent .change {
        display: none;
    }
    .myinfo .accountcontent {
        padding: 0;
    }
    .myinfo .accountcontent .goodsimg{
    	width:100%;
    }
    .myinfo .accountcontent .title h2 {
        font-size: 18px;
    	line-height: 24px;
    	text-align:left;
    	font-weight: bold;
    	padding: 10px;
	}
	.myinfo .accountcontent .title h3 {
        font-size: 18px;
        padding:0 10px;
	}
	.myinfo .accountcontent .title p {
        font-size: 16px;
        padding:10px;
        margin-bottom:20px;
	}
	.myinfo .accountcontent .title .time_div{
		padding:0 10px;
	}
    .myinfo .accountcontent .onefl {
        margin-right: 0;
    }
    .myinfo .accountcontent .info {
        margin-top: 0;
    }
    .myinfo .accountcontent .info ul li {
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #e6e6e6;
    }
    .myinfo .accountcontent .info .twofl ul li:last-child {
            height: auto;
    		line-height: 30px;
    		padding: 7px 0;
    		border-bottom: none;
    }
    .myinfo .accountcontent .info .span li,.myinfo .accountcontent .info .twofl .span li:last-child {
        padding-left: 10.5px;
        margin-bottom: 0;
    }
    .myinfo .accountcontent .info .p {
        float: right;
        width: calc( 94vw - 130.5px);
    }
    .myinfo .accountcontent .info .p li {
       /* padding-right: 27.5px;*/
        margin-bottom: 0;
    }
    .myinfo .accountcontent .info .p li input {
        border:none;
        width: 100%;
    }
    .myinfo .accountcontent .info .right {
        background: url(../img/右.png) no-repeat 95% center #fff;
        background-size: 9px 11px;
    }
    .myinfo .accountcontent .info .address {
        padding-top: 10px;
        font-size: 14px;
        border-bottom: 1px solid #e6e6e6;
        padding-left: 21.5px;
        padding-bottom: 10px;
    }
    .myinfo .accountcontent .info .address .fl span {
        padding-right: 8px;
    }
    .myinfo .accountcontent .info .address .ttttext {
        width: calc(100% - 64px);
    }
    .myinfo .accountcontent .info .address .addresstext {
        width: calc(100% - 22.5px);
        display: block;
        word-break: break-word;
    }
    .myinfo .accountcontent .share {
        margin: 0;
        padding: 0;
        background: #fff;
        width: 100%;
    }
    .myinfo .accountcontent .share h2 {
        font-size: 16px;
        padding-top: 15px;
    }
    .myinfo .accountcontent .share p {
        padding: 0 20px;
        margin-top: 20px;
        text-align: left;
    }
    .myinfo .accountcontent .share .inputwrap {
        width: calc( 100% - 22px);
    }
    .myinfo .accountcontent .share .inputwrap .copy {
        width: 87px;
    }
    .myinfo .accountcontent .share .inputwrap .shareurl {
        width: calc(100% - 87px);
        background: #F0F0F0;
        line-height: 24px;
        word-break: break-word;
        font-size: 12px;
        padding: 0 10px;
    }
    .myinfo .accountcontent .share .inputwrap .shareicon span {
        font-size: 13px;
    }
    .myinfo .accountcontent .share .inputwrap .shareicon .ii {
        color: #FC8484;
        font-size: 13px;
        margin: 0;
    }
    .grea {
        color: #999;
    }
    .myinfo .accountcontent .share .inputwrap .shareicon .icon-QQ {
        position: relative;
        left: -25px;
    }
    .myinfo .accountcontent .share .inputwrap .shareicon .icon-weixin {
        margin: 0;
    }
    .myinfo .accountcontent .share .inputwrap .shareicon .icon-weibo {
        position: relative;
    }
    .myinfo .accountcontent .share p {
        font-size: 14px;
    }
    .article-info .share {
        margin: 0;
        padding: 0;
        background: #fff;
        width: 100%;
    }
    .article-info .share p {
        padding: 0 20px;
        margin-top: 20px;
        text-align: left;
    }
    .article-info .share .inputwrap {
        width: calc( 100% - 22px);
    }
    .article-info .share .inputwrap .copy {
        width: 87px;
    }
    .article-info .share .inputwrap .shareurl {
        width: calc(100% - 87px);
        background: #F0F0F0;
        line-height: 24px;
        word-break: break-word;
        font-size: 12px;
        padding: 0 10px;
    }
    .article-info .share .inputwrap .shareicon span {
        font-size: 13px;
    }
    .article-info .share .inputwrap .shareicon .ii {
        color: #FC8484;
        font-size: 13px;
        margin: 0;
    }
    .grea {
        color: #999;
    }
    .article-info .share .inputwrap .shareicon .icon-QQ {
        position: relative;
        left: -25px;
    }
    .article-info .share .inputwrap .shareicon .icon-weixin {
        margin: 0;
    }
    .article-info .share .inputwrap .shareicon .icon-weibo {
        position: relative;
    }
    .article-info .share p {
        font-size: 14px;
    }
    .accountmanage .accountmanagecontent {
        width: 100%;
        padding-top: 0;
    }
    .accountmanage .accountmanagecontent li {
        font-size: 14px;
        height: 45px;
        padding-left: 21.5px;
        margin: 0;
        line-height: 45px;
        border-bottom: 1px solid #e6e6e6;
    }
    .accountmanage .accountmanagecontent li .icon-jiantou {
        font-size: 11px;
        color: #666;
    }
    .accountmanage .accountmanagecontent li input {
        width: 80%;
    }
    .accountmanage .cfl2 {
        padding: 0;
        width: calc( 94% - 74.5px);
        padding-left: 0;
    }
    .accountmanage .cfl2 li {
        padding-left: 0;
        padding-right: 5%;
        border-bottom: 1px solid #e6e6e6;
    }
    .fl_li {
        position: relative;
    }
    .accountmanage .accountmanagecontent li .changebtn {
        position: absolute;
        right: -20px;
        top: 3px;
        z-index: 9;
        width: 85px !important;
        font-size: 14px;
        /* display: none; */
    }
    .accountmanage .accountmanagecontent li input {
        outline: none;
        background: #fff;
        border: none;
    }
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }
    .clear {
        clear: both;
    }
    .f15 {
        font-size: 14px;
        margin: 0;
        padding-top: 10px;
        background: #f6f6f6;
    }
    .f15 .address {
        border-top: 1px solid #eee;
    }
    .f15 .address input {
        outline: none;
        width: 100%;
        height: 45px;
        background: #fff;
        padding-left: 10.5px;
        border: none;
        font-size: 14px;
        padding: 0 10.5px;
        border-radius: 0;
    }
    .f15 .col-xs-12 {
        border-radius: 0;
    }
    .f15 .col-xs-12:last-child {
        margin-top: -1px;
    }
    .f15 * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .f15 p {
        padding: 0 10.5px;
        font-size: 12px;
        color: #999;
        margin-top: 7px;
    }
    .f15 .row {
        padding: 0 11px;
    }
    .f15 .row .col-xs-12 {
        margin-bottom: 10px;
    }
    .f15 .row .col-xs-12 h2 {
        font-size: 14px;
        color: #333;
        text-align: center;
        margin-bottom: 5px;
    }
    .f15 .row .col-xs-12 h2 span {
        color: #238AD9;
    }
    .f15 .row .col-xs-12 .tishi {
        font-size: 12px;
        margin-top: 0px;
        color: #333;
        text-align: center;
    }
    .f15 .row .fl,
    .f15 .row .fr {
        font-size: 14px;
        height: 45px;
        background: #fff;
        line-height: 45px;
        color: #333;
    }
    .f15 .row .fl {
        padding-left: 10.5px;
        width: 27.62039660056657%;
    }
    .f15 .row .fr {
        width: 72.37960339943343%;
    }
    .f15 .row .fr input {
        border: none;
        outline: none;
        width: calc( 100% - 13px);
    }
    .f15 .row .fr .icon-jiantou {
        font-size: 13px;
    }
    .f15 .row .fr .newemail {
        padding-left: 0;
        width: calc(100% - 26.66666666666667vw);
        padding-right: 5px;
        line-height: normal;
    }
    .f15 .row .fr .code {
        width: 26.66666666666667vw;
        text-align: center;
        height: 45px;
        background: #238AD9;
        padding-left: 0;
        color: #fff;
    }
    .f15 .submit {
        width: 94.13333333333333%;
        height: 45px;
        background: #238AD9;
        text-align: center;
        line-height: 45px;
        color: #fff;
        font-size: 14px;
        margin: 90px auto;
    }
    .f15 .top {
        position: absolute;
        top: 52.5px;
        left: 0;
        width: 100%;
    }
    .f15 .top p {
        padding: 0;
    }
    .f15 .top .div1,
    .f15 .top .div2,
    .f15 .top .div3 {
        position: absolute;
    }
    .f15 .top .div1 .border,
    .f15 .top .div2 .border,
    .f15 .top .div3 .border {
        height: 3px;
        background: #d2d2d2;
        border-radius: 2px;
        position: absolute;
        width: calc(50vw - 22px);
        top: 9px;
        left: 18px;
    }
    .f15 .top .div1 .div,
    .f15 .top .div2 .div,
    .f15 .top .div3 .div {
        width: 22px;
        border-radius: 100%;
        color: #fff;
        text-align: center;
        height: 22px;
        background: #d2d2d2;
        z-index: 99;
        position: relative;
        line-height: 22px;
    }
    .f15 .top .div1 {
        top: 0;
        left: 22px;
    }
    .f15 .top .div2 {
        left: 50%;
        margin-left: -30px;
    }
    .f15 .top .div2 .div {
        margin: 0 auto;
    }
    .f15 .top .div3 {
        width: 48px;
        text-align: right;
        top: 0;
        right: 22px;
    }
    .f15 .top .div3 .div {
        position: relative;
        right: -26px;
    }
    .f15 .top .active {
        background: #8cc51c !important;
    }
    .index_content .introduction p {
        height: inherit;
    }
    .thesislist .col-xs-12 {
        margin-bottom: 0;
    }
    .none {
        display: none;
    }
    .revisepass .reviseinputwarp .fr ul li .sendcode {
        right: 0;
    }
    .index_content .content_list li .title a {
        line-height: 18px;
    }
    .revisepass {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 0;
        background: #eee;
        padding: 0 11px;
        z-index: 999;
    }
    .revisepass .reviseinputwarp .fl {
        width: 66.5px;
    }
    .revisepass .reviseinputwarp .fl li {
        height: 45px;
        padding-left: 10.5px;
        background: #fff;
        margin-bottom: 10px;
        line-height: 45px;
    }
    .revisepass .reviseinputwarp {
        width: 100%;
    }
    .revisepass .reviseinputwarp .fr {
        width: calc(100% - 66.5px);
    }
    .revisepass .reviseinputwarp .fr li {
        height: 45px;
        margin-bottom: 10px !important;
        background: #fff;
    }
    .revisepass .reviseinputwarp .fr li input {
        height: 45px;
        width: 95%;
        background: #fff;
    }
    .revisepass .reviseinputwarp {
        margin-top: 10px;
    }
    .revisepass .reviseinputwarp .fr ul li .sendcode {
        height: 45px;
        line-height: 45px;
    }
    .boosdetail p {
        padding: 0px !important;
    }
    .boosdetail p img {
        width: 100%;
    }
    .boosdetail span {
        max-width: 100vw;
    }
    .revisepass .reviseinputwarp .save {
        width: 100%;
    }
    .yearorcate {
        height: 200px;
        overflow: hidden;
        overflow-y: scroll;
    }
    .accountmanage .accountmanagecontent li input {
        height: 37px;
        line-height: 37px;
    }
    .accountmanage .accountmanagecontent li input {
        padding: 0;
    }
    .e-books .col-xs-6 .textcard p {
        height: 32px;
    }
    .boosdetail {
        padding: 10px !important;
        padding-bottom: 50px !important;
    }
    .revisepass .reviseinputwarp .fl li {
        font-size: 12px;
    }
    .accountmanage .accountmanagecontent li span {
        color: #999;
    }
    .integral .one:nth-child(1n) {
        margin-right: 4%;
    }
    .integral .one:nth-child(2n) {
        margin-right: 0%;
    }
    .integral .one {
        float: left;
        width: 48%;
    }
    .integral .one span {
        width: auto;
        height: auto;
    }
    .integraldetail .title {
        width: auto;
    }
    .integraldetail .title .fl {
        width: auto;
        padding: 15px;
    }
    .integraldetail .title .fl:first-child {
        width: 100%;
    }
    .integraldetail .title .fl:first-child>img {
        width: 100%;
    }
    .integraldetail {
        padding: 44px 20px 63px 20px !important;
    }
    .integraldetail .title .fl h2,
    .integraldetail .title .fl p,
    .integraldetail .title .fl h3 {
        width: 100%;
        overflow: auto;
    }
    .reginputlist .col-md-10 .password,
    .reginputlist .col-md-4 .password {
        background: #fff;
        height: 45px;
        width: calc(100% - 30px);
        padding-left: 0; 
        float: left;
    }
    .c3reg .zhiwuleixing {
        background-color: #fff;
        height: 45px;
        line-height: 45px;
        background: url(../img/右.png) no-repeat 95% center #fff;
        background-size: 15px 15px;
    }
    .bulletin .content_list li {
        padding: 19.5px 0 16.5px;
    }
    .index_content .content_list li .cccontent{
    	width:70%;
    }
    .index_content .content_list li .title {
        margin-top: 0;
    }
    .activity .end,
    .activity .time,
    .activity .baoming,
    .index_content .content_list li{
        position: relative;
    }
    .index_content .content_list li .time-box{
        float: none;
    }
    /*.index_content .content_list li .time {
        position: absolute;
        top:65px;
        left: 106px;
    }*/
    .index_content .content_list li .title a {
        max-width: 65%;
        font-size: 16px;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .organizationdetail .organcontent {
        padding: 10px;
    }
    .index_content .introduction {
        width: 100%;
    }
    .reginputlist .shoujiyanzhengma div {
        position: relative;
        top: 0px;
    }
    .c3reg .icon-yanjing,
    .c3reg .icon-yanjing1 {
        background: #fff;
        height: 45px;
        top: 0px;
        line-height: 45px;
    }
    .c3reg .password {
        position: relative;
        top: 0px;
        width: 100% !important;
        margin-bottom: 5px;
    }
    .c3reg .pswStatus {
        font-size: 11px;
    }
    .accountmanage .accountmanagecontent li i {
        padding-left: 7px;
        float: right;
    }
    .wx-exchangetitle{
        display: block;
    }
    .exchangetitle {
        width: 100%;
        background: #fff;
        position: relative;
    }
    .exchangetitle span, .exchangetitle a{
        line-height: 16px;
    }
    .exchangetitle .line2 span{
        color: #999;
        font-size: 12px;
    }
    .exchangetitle .exchangeDetail{
        text-align: center;
        margin-top: 15px;
        line-height: 20px;
    }
    .exchangetitle .exchangeDetail i{
        color: #238AD9;
        font-size: 18px;
    }
    .exchangetitle .line2{
        text-align: center;
        height: 24px;
        line-height: 16px;
        color: #999;
    }
    .exchangetitle a {
        position: absolute;
        right: 16px;
        bottom: 0px;
        color: #238AD9;
        line-height: 28px;
        font-size: 12px;
        padding-right: 0;
    }
    .myexchangetitle {
        background-color: white;
        visibility: visible;
        padding: 10px 0px 10px 12px;
        border-width: 1px 0px;
        border-style: solid;
        border-color: #e6e6e6;
        color: #666;
    }
    .organization .fl .accept label {
        font-size: 11px;
    }
    .fenlei{
    	width:100%;
    	margin-bottom:20px;
    }
    .fenlei .dropdownaaa{
    	max-width:31%;
    	float:left;
	    padding:0 5px;
	    font-size:12px;
	}
	.fenlei .dropdownaaa.dropdownaaa6{
    	margin:0 2%;
	}
    .actGotop{
             /*display: none;*/
             width:40px;
             padding:0;
             line-height:40px;
             text-align:center;
             height:40px;
             border-radius:50%;
             border:none;
             /* font-size: 15px; */
             position:fixed;
             bottom:20px;
             right:20px;
             z-index:000;
         }
    .actGotop a{
        display:none;
    }
    .actGotop img{
        display:block;
        width:100%;
        height:100%
    }
    .survey .slideleft{
    	width:100%;
    	float:none;
    
    }
    .survey .slideleft p{
    	display:block;
	    line-height: 40px;
	    background: #238ad9;
	    margin: 20px 20px 0;
	    border-radius: 6px;
	    color: #fff;
	    text-align: center;
	}
	.survey .slideleft p span{
	    display: inline-block;
	    max-width: 84%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    vertical-align: middle;
    }
	.survey .slideleft p i{
	    position:relative;
	    display:inline-block;
	    width:16px;
	    margin-left:5px;
	}
	.survey .slideleft p i:after{
		content:'';
		position:absolute;
		top:-9px;
		left:0;
	    width: 0; 
		height: 0;
		border-width: 8px;
		border-style: solid;
		border-color:#fff transparent transparent transparent;
	}
	.survey .slideleft ul{
		padding:0 20px;
		display:none;
	}
	.survey .slideleft ul li{background:#f5f5f5;}
	
	.survey .slideleft ul .active {
    	width: 100%;
    	background:#f5f5f5;
    }
    .survey .slideright{float:none;width:100%;padding:40px 20px;}
    .survey .slideright ul li{margin-top:20px;}
    .survey .slideright ul li h4{background:none;padding-left:0;}
    .survey .slideright ul li div{margin-left:0;margin-top:8px;}
}

@media screen and (max-width: 320px) {
    .c3reg .password {
        top: 0px;
    }
    .revisepass .reviseinputwarp .fr li input {
        font-size: 12px;
    }
    .navbar-title-text1 {
        padding: 16.5px 5.5px 23px 10px;
        font-weight:bold;
    }
    .vipcard_wrap .vipcard p {
        font-size: 14px;
    }
    .e-books .col-xs-6 .textcard .icon-yanjing1 {
        padding-left: 0;
    }
    .videolist .fl {
        font-size: 10px !important;
        right: 5px;
    }
    .responsibility {
        font-size: 11px;
    }
    .boosdetail p {
        padding: 0 9.5px 0 13.5px;
    }
    .boosdetail .next,
    .boosdetail .prev {
        font-size: 13px;
        padding: 0 9.5px 0 13.5px;
    }
    .index_content .content_list li .cccontent {
	    width: 64%;
	}
}



.mui-preview-image.mui-fullscreen {position: fixed;z-index: 20;background-color: #000;}
.mui-preview-header,
.mui-preview-footer {position: absolute;width: 100%;left: 0;z-index: 10;}
.mui-preview-header {height: 44px;top: 0;}
.mui-preview-footer {height: 50px;bottom: 0px;}
.mui-preview-header .mui-preview-indicator {display: block;line-height: 25px;color: #fff;text-align: center;margin: 15px auto 4;width: 70px;background-color: rgba(0, 0, 0, 0.4);border-radius: 12px;font-size: 16px;}
.mui-preview-image {display: none;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.mui-preview-image.mui-preview-in {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.mui-preview-image.mui-preview-out {background: none;-webkit-animation-name: fadeOut;animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {display: none;}
.mui-zoom-scroller {
    position: absolute;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;
    -webkit-justify-content: center;justify-content: center;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;margin: 0;-webkit-backface-visibility: hidden;}
.mui-zoom {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {display: table-cell;vertical-align: middle;}
.mui-preview-loading {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: none;}
.mui-preview-loading.mui-active {display: block;}
.mui-preview-loading .mui-spinner-white {
    position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;height: 50px;width: 50px;}
.mui-preview-image img.mui-transitioning {
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}