em,i{font-style:normal;}
.clear{ clear:both; display:block;}
/* clearfix */  
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}


button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

.left{float:left;}
.right{float:right;}

.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.t-line {
    position: relative;
}

.t-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e6e6e6;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.bg-blue{background:#0081ff;color:#fff;}
.bg-blue.light{background:#cce6ff;color:#0081ff;}
.bg-yellow.light{background:#fcf8e3 !important;}
.bg-grey{background:#f4f4f4 !important;}
.text-blue{color:#0081ff !important;}
.text-black{color:#111 !important;}
.text-red{color:#e54d42 !important;}
.text-grey{color:#616161 !important;}
.text-darkred{color:#ac0606 !important;}
.text-bold{font-weight:800 !important;}

.divHeight {
    width: 100%;
    height: 10px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
}


.aui-font-size-12 {
    font-size: 0.6rem !important;
}

.aui-font-size-14 {
    font-size: 0.7rem !important;
}

.aui-font-size-16 {
    font-size: 0.8rem !important;
}

.aui-font-size-18 {
    font-size: 0.9rem !important;
}

.aui-font-size-20 {
    font-size: 1rem !important;
}

.aui-flex-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/*基本容器*/
.aui-content {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    word-break: break-all;
}

.aui-content-padded {
    margin: 0.75rem;
    position: relative;
    word-break: break-all;
    -webkit-overflow-scrolling: touch;
}
/*栅格类*/
.aui-row {
    overflow: hidden;
    margin: 0;
}

.aui-row-padded {
    margin-left: -0.125rem;
    margin-right: -0.125rem;
}

.aui-row-padded [class*=aui-col-xs-] {
    padding: 0.125rem;
}

.aui-col-xs-1, .aui-col-xs-2, .aui-col-xs-3, .aui-col-xs-4, .aui-col-xs-5, .aui-col-xs-6, .aui-col-xs-7, .aui-col-xs-8, .aui-col-xs-9, .aui-col-xs-10, .aui-col-xs-11, .aui-col-5 {
    position: relative;
    float: left;
}

.aui-col-xs-12 {
    width: 100%;
    position: relative;
}

.aui-col-xs-11 {
    width: 91.66666667%;
}

.aui-col-xs-10 {
    width: 83.33333333%;
}

.aui-col-xs-9 {
    width: 75%;
}

.aui-col-xs-8 {
    width: 66.66666667%;
}

.aui-col-xs-7 {
    width: 58.33333333%;
}

.aui-col-xs-6 {
    width: 50%;
}

.aui-col-xs-5 {
    width: 41.66666667%;
}

.aui-col-xs-4 {
    width: 29.33333333%;
}

.aui-col-xs-3 {
    width: 21%;
}

.aui-col-xs-2 {
    width: 16.66666667%;
}

.aui-col-xs-1 {
    width: 8.33333333%;
}

.aui-col-5 {
    width: 20%;
}
/*宫格布局*/
.aui-grid {
	width: 100%;
	background-color: #ffffff;
	display: table;
	table-layout: fixed;
}
.aui-grid [class*=aui-col-] {
	display: table-cell;
	position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 1rem 0;
}
.aui-grid [class*=aui-col-xs-]:active {
	background-color: #f5f5f5;
}
.aui-grid .aui-iconfont {
	position: relative;
    z-index: 20;
    top: 0;
    height: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.aui-grid .aui-grid-label {
	display: block;
    font-size: 0.7rem;
    position: relative;
    margin-top: 0.25rem;
}
.aui-grid .aui-badge {
	position: absolute;
    top: 0.5rem;
    left: 60%;
    z-index: 99;
}
.aui-grid .aui-dot {
	position: absolute;
    top: 0.5rem;
    right: 20%;
    z-index: 99;
}
.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 102;
    background: #fff;
}
/*水平线*/
.aui-hr {
    width: 100%;
    position: relative;
    border-top: 1px solid #eee;
    height: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
    .aui-hr {
        border: none;
        background-size: 100% 1px;
        background-repeat: no-repeat;
        background-position: top;
        background-image: linear-gradient(0,#eee,#eee 50%,transparent 50%);
        background-image: -webkit-linear-gradient(90deg,#eee,#eee 50%,transparent 50%);
    }
}
/*内外边距类*/
.aui-padded-0 {
    padding: 0 !important;
}

.aui-padded-5 {
    padding: 0.25rem !important;
}

.aui-padded-10 {
    padding: 0.5rem !important;
}

.aui-padded-15 {
    padding: 0.75rem !important;
}

.aui-padded-t-0 {
    padding-top: 0 !important;
}

.aui-padded-t-5 {
    padding-top: 0.25rem !important;
}

.aui-padded-t-10 {
    padding-top: 0.5rem !important;
}

.aui-padded-t-15 {
    padding-top: 0.75rem !important;
}

.aui-padded-b-0 {
    padding-bottom: 0 !important;
}

.aui-padded-b-5 {
    padding-bottom: 0.25rem !important;
}

.aui-padded-b-10 {
    padding-bottom: 0.5rem !important;
}

.aui-padded-b-15 {
    padding-bottom: 0.75rem !important;
}

.aui-padded-l-0 {
    padding-left: 0 !important;
}

.aui-padded-l-5 {
    padding-left: 0.25rem !important;
}

.aui-padded-l-10 {
    padding-left: 0.5rem !important;
}

.aui-padded-l-15 {
    padding-left: 0.75rem !important;
}

.aui-padded-l-20 {
    padding-left: 1rem !important;
}

.aui-padded-r-0 {
    padding-right: 0 !important;
}

.aui-padded-r-5 {
    padding-right: 0.25rem !important;
}

.aui-padded-r-10 {
    padding-right: 0.5rem !important;
}

.aui-padded-r-15 {
    padding-right: 0.75rem !important;
}

.aui-padded-r-20 {
    padding-right: 1rem !important;
}

.aui-margin-0 {
    margin: 0 !important;
}

.aui-margin-5 {
    margin: 0.25rem !important;
}

.aui-margin-10 {
    margin: 0.5rem !important;
}

.aui-margin-15 {
    margin: 0.75rem !important;
}

.aui-margin-t-0 {
    margin-top: 0.25rem !important;
}

.aui-margin-t-5 {
    margin-top: 0 !important;
}

.aui-margin-t-10 {
    margin-top: 0.5rem !important;
}

.aui-margin-t-15 {
    margin-top: 0.75rem !important;
}

.aui-margin-b-0 {
    margin-bottom: 0 !important;
}

.aui-margin-b-5 {
    margin-bottom: 0.25rem !important;
}

.aui-margin-b-10 {
    margin-bottom: 0.5rem !important;
}

.aui-margin-b-15 {
    margin-bottom: 0.75rem !important;
}

.aui-margin-b-20 {
    margin-bottom: 1rem !important;
}

.aui-margin-l-0 {
    margin-left: 0 !important;
}

.aui-margin-l-5 {
    margin-left: 0.25rem !important;
}

.aui-margin-l-10 {
    margin-left: 0.5rem !important;
}

.aui-margin-l-15 {
    margin-left: 0.75rem !important;
}

.aui-margin-r-0 {
    margin-right: 0 !important;
}

.aui-margin-r-5 {
    margin-right: 0.25rem !important;
}

.aui-margin-r-10 {
    margin-right: 0.5rem !important;
}

.aui-margin-r-15 {
    margin-right: 0.75rem !important;
}


.aui-clearfix {
    clear: both;
}

.aui-clearfix:before {
    display: table;
    content: " ";
}

.aui-clearfix:after {
    clear: both;
}
/*文字对齐*/
.aui-text-left {
    text-align: left !important;
}

.aui-text-center {
    text-align: center !important;
}

.aui-text-justify {
    text-align: justify !important;
}

.aui-text-right {
    text-align: right !important;
}

.major-item{display:flex;align-items:center;justify-content:space-between;}
.major-item label{display:flex;align-items:center;}
.major-item .zy_toggle{padding-right:18px; background:url("https://www.tanglewoodatcomstock.com/images/icon_t.png") no-repeat right center;background-size:16px 16px;color:#8a8a8a;}
.major-item .zy_toggle.hover{background:url("https://www.tanglewoodatcomstock.com/images/icon_ba.png") no-repeat right center;background-size:16px 16px;color:#8a8a8a;}

.icon-major-arrow {
    background: url("https://www.tanglewoodatcomstock.com/images/icon_arrow.png") no-repeat left center;
    background-size: 20px 20px;
    display:inline-block;
    height: 20px;
    width:20px;
    line-height: 1rem;
}


.aui-navBar-item {
    height: 44px;
    min-width: 15%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    padding: 0 0.9rem;
    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;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #02A7F0;
    position: relative;

}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: center;
    -ms-flex-pack: end;
    justify-content: center;
    color:#79a8f6;
    font-size:0.8rem;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 90%;
    margin-left: 5%;
}

.aui-search-box {
    background: #f3f1f1;
    border-radius: 3px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 32px;
}
.aui-search-box input {
    width: 100%;
    background: none;
    border: none;
    font-size: 0.85rem;
    text-align: left;
    height: 32px;
    border-radius: 3px;
    padding: 0rem 0 0rem 1.8rem;
}

.icon-search {
    position: absolute;
    background-image: url("https://www.tanglewoodatcomstock.com/images/icon_search.png");
    left: 8px;
    top: 0.4rem;
    background-size: 19px;
    width:19px;
    height:19px;
}

.btn_search {
    width: 80px;
    /* height: 26px; */
    display: block;
    border: none;
    float: left;
    color: #02A7F0;
    border: 2px solid #02A7F0;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
    font-style: normal;
    border-radius: 18px;
}

.aui-palace-center .aui-palace-grid {
    width: 25%;
}

.aui-palace {
    padding: 0.5rem 0;
    position: relative;
    overflow: hidden;
}

.aui-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 20%;
    box-sizing: border-box;
    margin: 5px 0;
}

.aui-palace-grid-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.aui-palace-grid-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.aui-palace-grid-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0.2rem;
}

.aui-palace-grid-text h2 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #666666;
}

.aui-arrow{
    position:relative;
    padding-right:0.8rem;
}

.aui-arrow span{
    font-size:0.8rem;
    color:#9b9b9b;
}

.aui-arrow span a{
    color:#9b9b9b;
}

.aui-arrow:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #c1c1c1;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 2px;
    border-radius: 1px;
}

/*标签*/
.aui-label {
    display: inline-block;
    padding: 0.2em 0.25em;
    font-size: 0.9rem;
    line-height: 1;
    color: #616161;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    position: relative;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-news-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 15px;
    position: relative;
}

.aui-news-img {
    width: 80px;
    margin-right: 1rem;
    position: relative;
    border:1px solid #e6e6e6;
}

.aui-news-img img{
    width: 80px;
    height:80px;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-flex-box h2{
    position:relative;
    padding-left:0.65rem;
    color:#434343;
    font-size:0.95rem;
    margin-bottom:0.2rem;
    font-weight:600;
}

.aui-flex-box h2:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 1px;
    width: 4px;
    height: 75%;
    background: #02A7F0;
}

.aui-flex-box label.xx_name a{color:#ff753e;}

.aui-news-title{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-news-title:after{
    content: '';
    position: absolute;
    z-index: 2;
    top: 1.35rem;
    left: 1rem;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background: #0081ff;
}
.aui-news-title h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    font-weight: normal;
    padding-left:0.75rem;
}

.aui-news-title h2 a {
    color: #333;
}

.aui-news-date {
    width: 68px;
    margin-left: 1rem;
    position: relative;
    text-align:right;
}

.aui-news-date span{font-size:0.8rem;color:#999}

.aui-flex-box h3{
    font-weight:normal;
    font-size:0.9rem;
    margin-bottom:0.2rem;
}

.aui-flex-box p{
    font-weight:normal;
    font-size:0.8rem;
    color:#a9a9a9;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    margin-bottom:1.5rem;
}

.aui-flex-box span{
    font-weight:normal;
    font-size:0.75rem;
    color:#adadad;
    margin-bottom:0.2rem;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    display:block;
    text-overflow: ellipsis;
}

.aui-flex-box span i{
    font-style:normal;
    text-decoration:line-through;
}

.aui-flex-box span em{
    font-style:normal;
}

.aui-flex-box label{
    font-weight:normal;
    font-size:0.75rem;
    color:#434343;
    margin-bottom:0.2rem;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    display:block;
    text-overflow: ellipsis;}
.aui-flex-box label a{color:#434343;}

/*列表*/
.aui-list {
    position: relative;
    font-size: 0.8rem;
    background-color: #ffffff;
}
.aui-list .aui-content {
	overflow: hidden;
}

.aui-list-theme-box {
    padding: 1rem 0 0 1rem;
    overflow: hidden;
    position: relative;
}

.aui-list-item {
    width: 29%;
    float: left;
    margin: 0 4% 2% 0;
    background: #fff;
    display: block;
    overflow: hidden;
}

.aui-list-theme-img {
    height: auto;
    width: 98%;
    margin:0 auto;
    position: relative;
    border: 1px solid #e6e6e6;
}

.aui-list-theme-img img {
    width: 100%;
    height: auto;
    display: block;
    border: none;

}

.aui-list-theme-message {
    background: #fff;
    padding: 0.3rem 0;
}

.aui-list-theme-title {
    /*color: #4a4a4a;*/
    font-size: 0.78rem;
    margin: 0.2rem 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-weight: normal;
    text-overflow: ellipsis;
    text-align:center;
}

.aui-list-theme-message p {
    color: #ff3b52;
    font-size: 0.88rem;
}

.aui-list-theme-message p i {
    font-style: normal;
    font-size: 0.7rem;
    padding: 0 0.2rem;
    color: #ff3b52;
}

.aui-list-theme-message p em {
    font-style: normal;
    font-size: 0.7rem;
    padding: 0 0.2rem;
    color: #ff3b52;
    text-decoration: line-through;
}

.aui-list-theme-message h2 {
    font-size: 0.85rem;
    font-weight: normal;
    color: #000000;
}

.aui-list-theme-message span {
    font-size: 0.7rem;
    color: #919191;
    padding: 0 0.2rem;
    text-decoration: line-through;
}

.aui-git-list {
    position: relative;
    overflow: hidden;
    padding-left: 15px;
}

.aui-git-list a {
    display: block;
    border: none;
    color: #626262;
    float: left;
    margin-right: 1.35rem;
    padding: 0.5rem 0.2rem;
    font-size: 0.8rem;
    text-align: center;
}

.aui-palace-two {
    padding: 10px 10px;
    overflow: initial;
    margin-bottom: 0.6rem;
}

.aui-palace-two .aui-palace-grid {
    box-shadow: 0 2px 15px #e5e5e5;
    border-radius: 3px;
    /*padding: 40px 0 15px 0;*/
    padding:1rem;
    margin: 0 2% 1rem;
    width: 46%;
    position: relative;
}

    .aui-palace-two .aui-palace-grid:first-child {
        background: #02A7F0;
        background: -moz-linear-gradient(45deg, #5583EE 0%, #41D8DD 100%);
        background: -webkit-gradient(linear,left top,right bottom,from(#5583EE),to(#41D8DD));
        background: -webkit-linear-gradient(45deg, #5583EE 0%,#41D8DD 100%);
        background: -o-linear-gradient(45deg, #5583EE 0%,#41D8DD 100%);
        background: -ms-linear-gradient(45deg, #5583EE 0%,#41D8DD 100%);
        background: linear-gradient(45deg, #5583EE 0%,#41D8DD 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5583EE', endColorstr='#41D8DD',GradientType=0 ); /* IE6-9 */
    }

    .aui-palace-two .aui-palace-grid:nth-child(2) {
        background: -moz-linear-gradient(45deg, #D279EE 0%, #A16BFE 100%);
        background: -webkit-gradient(linear,left top,right bottom,from(#D279EE),to(#A16BFE));
        background: -webkit-linear-gradient(45deg, #D279EE 0%,#A16BFE 100%);
        background: -o-linear-gradient(45deg, #D279EE 0%,#A16BFE 100%);
        background: -ms-linear-gradient(45deg, #D279EE 0%,#A16BFE 100%);
        background: linear-gradient(45deg, #D279EE 0%,#A16BFE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D279EE', endColorstr='#A16BFE',GradientType=0 ); /* IE6-9 */
    }

    .aui-palace-two .aui-palace-grid:nth-child(4) {
        background: -moz-linear-gradient(45deg, #019858 0%, #06ccab 100%);
        background: -webkit-gradient(linear,left top,right bottom,from(#019858),to(#06ccab));
        background: -webkit-linear-gradient(45deg, #019858 0%,#06ccab 100%);
        background: -o-linear-gradient(45deg, #019858 0%,#06ccab 100%);
        background: -ms-linear-gradient(45deg, #019858 0%,#06ccab 100%);
        background: linear-gradient(45deg, #019858 0%,#06ccab 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019858', endColorstr='#06ccab',GradientType=0 ); /* IE6-9 */
    }

    .aui-palace-two .aui-palace-grid:nth-child(3) {
        background: -moz-linear-gradient(45deg, #ff6358 0%, #ff8c21 100%);
        background: -webkit-gradient(linear,left top,right bottom,from(#ff6358),to(#ff8c21));
        background: -webkit-linear-gradient(45deg, #ff6358 0%,#ff8c21 100%);
        background: -o-linear-gradient(45deg, #ff6358 0%,#ff8c21 100%);
        background: -ms-linear-gradient(45deg, #ff6358 0%,#ff8c21 100%);
        background: linear-gradient(45deg, #ff6358 0%,#ff8c21 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6358', endColorstr='#ff8c21',GradientType=0 ); /* IE6-9 */
    }

.aui-course-title {
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.aui-course-title h2{
    font-size: 0.9rem;
    /*color: #4a4a4a;*/
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0.6rem;
}
.aui-course-title h2 a{
    /*color: #4a4a4a;*/
    color:#fff;
}
.aui-course-text {
    margin: 0 auto;
    position: relative;
    z-index:99;
}

.aui-course-text span{
    font-weight:normal;
    font-size:0.75rem;
    /*color:#adadad;*/
    color:#fff;
    margin-bottom:0.2rem;
    overflow:hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    float:left;
}

.aui-course-text span.price{
    float:right;
    /*color:#ec3d4e*/
    color:#fff;
}
.aui-course-text p {
    font-weight:normal;
    font-size:0.75rem;
    margin-bottom: 0.6rem;
    color:#fff;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
}

.aui-course-text p a {
    /*color: #626262;*/
    color:#fff;
}

.aui-flex-course {
    box-shadow: 0 2px 15px #e5e5e5;
    border-radius: 3px;
    /*padding: 40px 0 15px 0;*/
    /*padding: 1rem;*/
    margin: 0 2% 1rem;
    width: 46%;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.aui-text-ri {
    position: absolute;
    top: 1rem;
    padding:0 1rem;
}

.aui-text-ri h1 {
    color: #fff;
    font-size:0.95rem;
    font-weight:500;
    margin-bottom: 0.2rem;
    line-height: 1.35rem;
}

.aui-text-ri h1 a{
    color:#fff;
}

.aui-text-ri h2 {
    color: #fff;
    font-size:0.85rem;
    font-weight:500;
    margin-bottom: 0.2rem;
}

.aui-text-ri h2 a{
    color:#fff;
}

.aui-text-ri p {
    color: #fff;
    font-size:0.75rem;
}

.aui-text-ri p a{
    color: #fff;
}


.aui-news-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}

.aui-news-box h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
}

.aui-news-box h2 a{color:#333;}
.aui-news-box p{
    text-align: right;
    color: #999;
    font-size: 0.8rem;
}
.aui-news-box p a{color:#999;}

.aui-news-box p span{
    float:left;
}

.aui-news-box p em{
    float:right;
    font-style:normal;
}

.major-list-box .aui-list-item{width:20%;}

.dis_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.pct50{width:50%;}

.aui-sol-list{background:#fff;}

.aui-cou-img {
    width: 28px;
    height: 28px;
    /*margin-right: 0.3rem;*/
    margin-top: 30px;
}

.aui-cou-img img {
    width: 28px;
    height: 28px;
    display: block;
    border: none;
}

.course_flex {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}


.color_org{font-style:normal;color:#ff4600;}
.pd-lr5{padding:0 3px;}
.padding10{padding:10px;}
.padding8{padding:8px;}

.aui-blue-box {
    width: 100%;
    /*height: 10rem;*/
    /*background-color: #1786f7;*/
    /* background-color: #3db9f9;
    background-image: url("https://www.tanglewoodatcomstock.com/images/head.png");*/
    background-size: cover;
    background-position: top center;
    position: relative;
    /*margin-bottom: 1.5rem;*/
    margin-top:12px;
}


.aui-image-text {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.aui-image-text .aui-flex {
    width: 16rem;
    height: 9.6rem;
    margin: 0 auto;
    padding: 0;
}

.aui-image-text .aui-flex-box h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    z-index: 222;
    padding:0 20px;
    position: relative;
}

.aui-image-text .aui-flex-box p {
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    z-index: 222;
    padding:0 20px;
    position: relative;
}

.aui-shrink-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16rem;
    height: 9.6rem;
    /* margin: 0 auto; */
}

.aui-shrink-img img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
}

.aui-palace-show {
    margin: 8px auto 0px;
    overflow:hidden;
}

.aui-flex-box h1 {
    color: #333;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.aui-flex-box h1 span.price{color:#ff4600;float:right;font-size:0.8rem;margin-bottom:0;margin-top:0.2rem;}
.aui-flex-box label{font-size:0.8rem;margin-bottom:0.5rem;}

.aui-six-item {
    overflow: hidden;
}

.aui-six-item span {
    width: 50%;
    display: block;
    float: left;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.85rem;
    color:#434343;
    margin-bottom:0;
}

.aui-six-item span em {
    background: none;
    color: #999999;
    font-size: 0.85rem;
    padding-right: 1rem;
}

.aui-six-item label {
    display: block;
    /*float: left;*/
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.85rem;
    color:#434343;
    margin-bottom:0;
}

.aui-six-item label em {
    background: none;
    color: #999999;
    font-size: 0.85rem;
    padding-right: 1rem;
    font-style:normal;
}

.course_detail h2.detail_title {
    font-size: 1rem;
    color: #333;   
    padding-left:0;
    font-weight:500;
}
.course_detail h2:after {
    content: '';
    position: relative;
    z-index: 0;
    top:0px;
    left: 0px;
    width: 0px;
    height: 0;
    background: #fff;
}


.aui-lecturer-text {
    background: #fff;
    padding: 15px;
}

.aui-lecturer-title h2 {
    font-size: 1rem;
    color: #444;
    font-weight: normal;
    padding-bottom: 15px;
    margin-bottom: 15px;

    position:relative;
    padding-left:0.5rem;
}
.aui-lecturer-title h2:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 1px;
    width: 4px;
    height: 55%;
    background: #02A7F0;
}

.aui-lecturer-size {
    color: #555;
    font-size: 0.85rem;
    font-weight: normal;
    line-height: 1.45rem;
}

.aui-lecturer-size p {
    color: #555555;
    font-size: 0.85rem;
    font-weight: normal;
    margin-bottom: 0.3rem;
    line-height:1.45rem;
}

.aui-lecturer-size a {
    color: #0177f5;
}
/*
*表单类\输入框\radio\checkbox
**/
.aui-input,
{
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    /*display: block;
    padding: 0;
    margin: 0;*/
    width: 88%;
    height: 2.2rem;
    line-height: normal;
    color: #424242;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: text;
    user-select: text;
    -webkit-appearance: none;
    appearance: none;
    margin:0 0.5rem;
    display:inline-block;
}

.aui-sides-form{
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
}

.aui-sides-form-text h2 {
    font-size: 0.85rem;
    font-weight:500;
    color: #111;
}
.aui-sides-form-text{
    position:relative;
    padding-right:1rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}


.aui-sides-form-text:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.aui-list-item-input {
    width: 100%;
    padding: 0;
    padding-right: 0.75rem;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
}

.aui-code-line-input{
     width:86% !important;
   
padding:0.5rem 0;
    
margin:0 0.5rem;
    
font-size:0.85rem;
   
 background:none;
   
border: 1px solid #ddd !important;
   
 padding: 5px 6px;
    
color: #000 !important;
}

.cell-right span {
    width: 100%;
    /* padding-left:1rem; */
}

.yzcode_box .aui-code-line-input {
    width: 120px;
    margin-right: 1rem;
    margin-left: 1rem;
}

.yzcode_box a.send {
    position: absolute;
    display: block;
    width: 70px;
    height: 30px;
    /* right: 0; */
    left:160px;
    top: 0;
}

.img_yzcode {
    width: 70px;
    height: 30px;
    position: absolute;
    right: 0;
    margin: 2px;
}


.aui-btn-default{
    border:1px solid #f11d1c;
    color:#f11d1c;
    border-radius:5px;
    background:none;
    padding:0.3rem 0.6rem;
}

.aui-sides-div{
    width:100%;
    height:40px;
}

.aui-sides-button{
    width:42%;
    margin:auto;
    background:#015aa8;
    color:#fff;
    height:2.5rem;
    line-height:2.5rem;
    border-radius:3px;
    border:none;
    display:block;
}

.aui-sides-form label{margin-bottom:0;}

.consult_box h1{
    font-size:1rem;
    font-weight:500;
    margin-bottom:0;
    position:relative;
    padding-left:0.5rem;
}
.consult_box h1:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 1px;
    width: 4px;
    height: 85%;
    background: #02A7F0;
}

.aui-palace-one .aui-palace-grid {
    width: 33.333%;
}

.contact_grid .aui-palace-grid-icon {
    width: 30px;
    height: 30px;
    margin-bottom:0.25rem;
}

.contact_grid .aui-palace-grid-text h2{
    font-size:0.85rem;
    color:#535353;
}

.aui-palace-one .edu_nav_grid {
    width: 25%;
}
.edu_nav_grid .aui-palace-grid-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 0.25rem;
}

.edu_nav_grid .aui-palace-grid-text h2 {
    font-size: 0.85rem;
    color: #535353;
}


.aui-two-item {
    overflow: hidden;
}

.aui-two-item label {
    display:inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.85rem;
    color:#434343;
    margin-bottom:0;
    margin-right:1.2rem;
}
.aui-two-item label a{color:#535353;}


/*slide*/
.slide {
    height: 220px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.slide .content {
	height: 220px;
	position: relative;
}

.slide .content .mask {
	background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
	position: absolute;
	width: 100%;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 0;
    height:46px;
	border-radius: 5px;
}

.slide .content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.slide .content .caption {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 12px;
	text-align: center;
}

.slide .content .caption h2 {
	font-size: 0.8rem;
	font-weight: 500;
	color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
}

.slide .content .caption h2 span {
	color: #ff8dae;
}

/*@media (max-width: 320px) {
	.slide .content .caption h2 {
		font-size: 18px;
	}
}*/


.aui-shizi-list .aui-flex{
    padding-top:10px;
    padding-bottom:10px;
}

.aui-shizi-list h5 {
    font-weight: normal;
    color: #5c656e;
    font-size: 0.95rem;
    padding-left: 1rem;
    padding-top: 1rem;
}

.aui-shizi-img {
    border: 1px solid #e6e6e6;
    width: 70px;
    height: 70px;
    position: relative;
    margin-right: 0.5rem;
}

.aui-shizi-img img {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.shizi-text p {
    -webkit-line-clamp: 3;
    margin-bottom:0;font-size:0.75rem;
}

.aui-addr-list .aui-flex {
    padding-top: 10px;
    padding-bottom: 10px;
}

.aui-addr-list h5 {
    font-weight: normal;
    color: #5c656e;
    font-size: 0.85rem;
    padding-left: 1.2rem;
    padding-top: 0.5rem;
}


.icon-address {
    background-image: url("https://www.tanglewoodatcomstock.com/images/icon_address.png");
}

.icon-message {
    background-image: url("https://www.tanglewoodatcomstock.com/images/icon_consult.png");
    margin-right:0.25rem;
}

.message_box h4 {
    font-size: 0.85rem;
    font-weight: normal;
    color: #535353;
    padding-top: 0.5rem;
    line-height: 1.35rem;
}

.message_box h4 em,.message_box h5 em{
   font-style:normal;   
   color:#535353;
}

.message_box h4 label,.message_box h5 label{display:inline;}

.message_box h5 {
    font-size: 0.85rem;
    font-weight: normal;
    color: #015fc3;
    font-size: 0.85rem;
    padding-left: 1.45rem;
    padding-top: 0.5rem;
    line-height: 1.35rem;
}


.aui-footer {
    width: 100%;
    position: relative;
    z-index: 102;
    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;
    /*padding: 7px 5px 7px 5px;*/
    background: #ffffff;
    /*padding:8px 0;*/
    height: 58px;
}

.aui-footer:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    line-height: 40px;
    font-size: 0.9rem;
}

.aui-tabBar-item-text {
    display: block;
    padding-top: 2px;
    width:100%;
    text-align:center;
}

.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 110;
}

.aui-tabBar-item-zero {
    background: #1184e1;
    border-radius: 5px;
    color: #fff;
    margin:0 0.5rem;
}
.aui-tabBar-item-one {
    background: #ff8400;
    border-radius: 5px;
    margin-right: 0.5rem;
    color: #fff;
}

.aui-tabBar-item-two {
    background-color: #06ccab;
    border-radius: 5px;
    color: #fff;
    margin-right: 0.5rem;
}



/*--弹出层--*/
.LayerContent{position: fixed; right: 0; left: 0; z-index: 101; display: none; background: #2f87eb; min-height: 1rem;}
.LayerHeader,.LayerFooter{font-size: 0.85rem; height: 46px; line-height:46px; padding: 0 .5rem;}
.LayerHeader{text-align: center; border-width: 0 0 1px 0; color: #fff;background:#2f87eb}
.LayerHeader h2{font-size:1rem;color:#fff;font-weight:500;display:inline-block;}
.LayerHeader .close{font-size: 0.7rem; cursor:pointer; height: 46px; line-height: 46px; padding: 0 .5rem; color: #fff; display: inline-block; position: absolute; right: 0; background: transparent;}
.LayerHeader .close:active{color: rgba(231,5,19,.3);}
.LayerHeader .head-r{height: 46px; line-height: 46px; color: rgba(0,0,0,.3) !important; font-size: 0.8rem; background: transparent;}
.LayerHeader .head-r:active{ background: rgba(0,0,0,.05); color: rgba(231,5,19,1) !important;}
.LayerHeader button{height: 2rem; line-height: 2rem; color: #fff;}
.LayerHeader button:active{color: rgba(231,5,19,1);}

.Validform_checktip{color:#f00;float:right;}

.LayerFooter{height: initial; padding: .4rem .5rem;}
.LayerFooter span{color: rgba(231,5,19,1);}
.LayerFooter p{font-size: .6rem; line-height: .9rem; color: rgba(0,0,0,.5);}

.cartContent{position: fixed;right: 0;left: 0;bottom: 58px;z-index: 101;display: none;background: rgba(255,255,255,1);/* height:100%; */width:100%;opacity:0.98;overflow:auto;}
.cartContent .LayerHeader{border-width: 0 0 1px 0;}
.cartContent .LayerFooter{padding: 0 .5rem;}

.cartContentList{overflow: auto; -webkit-overflow-scrolling:touch;margin-bottom:1em;}
.cartContentList li{font-size: .7rem; line-height: 1rem; border-width: 0 0 1px 0; padding: .2rem 0; position: relative;  overflow: hidden;}
.cartContentList li img{width: 3rem; float: left; margin-right: .5rem;}
.cartContentList li p{font-size: .7rem; display: block; margin-top: .2rem; width: 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.cartContentList li span{color: rgba(231,5,19,1);}
.cartContentList .D-BuyNum{ position: absolute; right: 0; top: 50%; margin-top: -1.1rem;}

.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #006AC1;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.form-control:focus { border-color: #66AFE9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.form-control:-moz-placeholder {color: #999999;}
.form-control::-moz-placeholder { color: #999999; opacity: 1;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #EEEEEE;cursor: not-allowed;}
.form-group {    margin-bottom: 15px;}

.form-bm{ width:100%;text-align: left;margin:0 auto;overflow:hidden;background:#fff;}
.form-bm h1{ font-size:15px; line-height:30px; text-align:center;}
.form-bm dl{ padding:5px 8px; margin:0; clear:both;}
.form-bm dl dd{ font-size:0.85em; line-height:24px; color:#666; margin-left:10px;display:block; float:left; width:22%; line-height:40px; text-align:right;}
.form-bm dl dt{display:block;position:relative;line-height:40px;width: 72%;float: right;}
.form-bm dl dt label{margin-left:0.5em;margin-right:0.5em;height:1.5em;line-height:1.5em;display:inline-block;font-size:0.85em;margin-top:0.5em;}

.form-bm section{ font-size:12px; line-height:16px; color:#CCC;}
.form-bm .w90p{ width:85%;} 
.form-bm .w40p{ width:40%;} 
.form-bm .w100{ width:100px;} 
.form-bm .w60{ width:60px;} 
.form-bm .auth{ display:inline; margin-right:20px;}
.form-bm .yz_code{ float:left;}
.form-bm dl dt .send{
    float: left;
    display: block;
    width: 70px;
    height: 30px;
    margin-left:5px;
}
.form-bm dl dt .send .img_yzcode{   
    width: 70px;
    height: 30px;
    position:relative;
}
.form-bm .btn{ background:#2f87eb; border:#2f87eb solid 1px;color:#fff;}
.required{color:#f00;margin-left:0.5rem;display:inline-block;font-style:normal;color:#f30;}
textarea.form-control { height: auto;width:88%;}

.aui-button{display:none;}

.aui-button .flex-button {
    color: #3595f9;
    display: block;
    background: #fefefe;
    border: none;
    width: 100%;
    padding: 15px 5px;
    text-align: center;
    font-size: 0.8rem;
}

.hide-part {
    position:relative;
    z-index:9999;
    padding-top: 160px;
    bottom:2px;
    margin-top:-160px;
    margin-bottom:10px;
    background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    text-align:center
}

.aui-hide {
    display:none;
}

.consult_list .message_item{border-bottom:1px dashed #dbdbdb;font-size:12px;}

.pagination{display:none}
.pagination a
{
	text-decoration:none;
	border: solid 1px #AAE;
	color: #15B;
}


.pagination a, .pagination span
{	
display: inline-block;
	/* float: left; */
	padding: 0.1em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
	min-width: 1em;
	text-align: center;
}

.pagination .current
{
	background: #fa8e2d;
	color: #fff;
	border: solid 1px #fa8e2d;
}

.pagination .current.prev
{
	color: #999;width:40px;
	display:block;
	border-color: #999;
	background: #fff;
}

.pagination .current.next
{
	color: #999;width:40px;
	display:block;
	border-color: #999;
	background: #fff;
}

.form-item{
	padding:10px !important;
}
.shang_box{height:auto !important;}

.newsReplyBox.news_zixun_box{display:none;}