@charset "utf-8";

html,body {margin: 0; padding: 0; background: #f6f6f6 url(../css/img/bodybg.png) repeat 0px 0px;}
.clearfix:after{
   display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: ".";
}
h1,h2,h3,h4,h5,h6,p { margin: 0;}

*{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
    font-family: "微软雅黑",Arial, Arial, Helvetica, sans-serif;
}
a {text-decoration: none;}
ul,li {list-style: none; margin: 0; padding: 0;}
img{outline:none;border:0;margin:0;padding:0}
.container{width: 1200px; height: auto; margin: 0 auto;}
.float_left {float: left;}
.float_right {float: right;}

.nopadding-bottom {padding-bottom: 0 !important;}
.nopadding-top {padding-top: 0 !important;}

.margin-top-20 {margin-top: 20px;}

/*列*/
.col-1,.col-2,.col-3,.col-4,.col-6,.col-8,.col-9,.col-10 {float: left; box-sizing: border-box;}
.col-1 {width:8.4444%;}
.col-2 {width: 16.6666%;}
.col-3 {width: 33.3333%; }
.col-5 {width: 41.5555%; }
.col-6 {width: 50%;}
.col-4 {width: 25%;}
.col-8 {width: 75%;}
.col-9 {width: 66.6666%;}
.col-10 {width: 83.3333%;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.pd20 {padding: 20px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}

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

.w220{width:220px;}
.w250{width:250px;}
.w290{width:290px;}
.w300{width:300px;}
.w728{width:728px;}
.w768{width:768px;}
.w880{width:880px;}
.w890{width:890px;}
.w960{width:960px;}
.w980{width:980px;}
.h90{height:90px;}
.h60{height:60px;}

.banner{margin-top:20px;}
.ad-bg{background: #F5F6FA;}
/*顶部*/
.top_rim {width: 100%; height: auto; background: #fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05);}
/*顶部链接*/
.top_rim .top_bar {background: #f7f7f7; border-bottom: 1px #e9e9e9 solid; width: 100%; height: 36px;}

.top_rim .top_bar .top_link {width: 100%; height: 36px;}
.top_rim .top_bar .top_link ul li{float: left; background: url(img/top_line.gif) right  11px no-repeat; padding:0 10px; line-height: 36px; font-size: 12px; color: #595959;}
.top_rim .top_bar .top_link ul li:first-child {padding-left: 0;}
.top_rim .top_bar .top_link ul li:last-child {background: none;}
.top_rim .top_bar .top_link ul li a {display: block; color: #595959; text-decoration: none; font-size: 12px;    line-height: 36px;}
.top_rim .top_bar .top_link ul li a img {height: 20px; float: left; margin: 8px 8px 0 0; }
.top_rim .top_bar .top_link ul li a:hover {color: #25c7a4;}
.top_rim .top_bar .top_link ul.float_right li:nth-child(3) a {color: #f6a623;}

.top_rim .top_bar .top_link ul li.dropdown {position: relative; background: url(img/arr_down_ico.png) right 16px no-repeat; padding-right: 24px; border-left: 1px #f7f7f7  solid; border-right: 1px #f7f7f7 solid;}
.top_rim .top_bar .top_link ul li.dropdown ul.dropdown-menu {display:none; border:1px #eee solid; width: 400px; height: 160px;  position: absolute; top: 36px; background: #fff; z-index: 9; left: -1px; padding: 10px; box-sizing: border-box;}
.top_rim .top_bar .top_link ul li.dropdown ul.dropdown-menu li {padding:5px; background: none; line-height: 30px;}
.top_rim .top_bar .top_link ul li.dropdown ul.dropdown-menu li a {color: #333;}
.top_rim .top_bar .top_link ul li.dropdown ul.dropdown-menu li a:hover {color: #25C7A4;}
.top_rim .top_bar .top_link ul li.dropdown:hover{background:#fff url(img/arr_down_ico.png) right 16px no-repeat; border-left: 1px #eee  solid; border-right: 1px #eee solid;}
.top_rim .top_bar .top_link ul li.dropdown:hover ul.dropdown-menu {display: block;}


/*顶部LOGO*/

.top_logo_rim {padding: 30px 0;}
.top_logo_rim .logo_rim {width: 350px; height: 40px; float: left;}
.top_logo_rim .logo_rim img {height: 40px;}

/*搜索条*/
.top_logo_rim .search_rim {width: 500px; height: 40px; float: left; border:2px #25C7A4 solid; box-sizing: border-box; border-radius: 5px;}
.top_logo_rim .search_rim .btn {width: 100px; height: 36px; float: right; background: #25C7A4; text-align: center; color: #fff; font-size: 16px; border:none; cursor: pointer;}
.top_logo_rim .search_rim select {float: left; border: none; height: 36px; width: auto; font-size: 14px; color: #595959; text-align: center; padding: 0px 5px 0 10px;}
.top_logo_rim .search_rim input {width: 300px; float: left; height: 36px; border: none;padding: 0px 5px; line-height: 36px;    outline: none;     color: #555;
    font-size: 14px;}
.top_logo_rim .ad_txt {width: 350px; height: 40px; float: left;text-align: right;}
.top_logo_rim .ad_txt p {font-size: 14px; color: #aaa;}
.top_logo_rim .ad_txt h4 {font-size: 14px; color: #999; font-weight: normal;}
/*绿#25C7A4  黄#f8e71c*/
.top_menu {width: 100%; border-top: 1px #eee solid;}
.top_menu ul {width: 100px; padding: 15px 0; border-top:2px #fff solid;text-align: center;}
.top_menu ul:hover {background: #f7f7f7; border-top: 2px #25C7A4 solid;}
.top_menu ul li a{line-height: 30px; display: block; color: #999; font-size: 14px; text-decoration: none; padding: 0px 12px; position: relative;}
.top_menu ul li:first-child a {font-size: 15px; color: #333; line-height: 40px;}
.top_menu ul li a:hover {color: #25C7A4;}
.top_menu ul li a img {width: 28px; position: absolute; right: 10px; top: 0;z-index: 99;}


/*底部foot*/

.footer{background:#303342; width: 100%; margin-top: 40px; padding-bottom: 50px;    clear: both;}

.footer .partner_li{ width: 100%; padding: 30px 0;}
.footer .partner_li h3 {text-align: center; font-size: 18px; color: #999; line-height: 30px; font-weight: normal;}
.footer .partner_li ul {margin: 0; padding: 20px 0 0;}
.footer .partner_li ul li {padding: 5px;}
.footer .partner_li ul li a {display: block;}
.footer .partner_li ul li img {width: 100%;}
.footer .partner_li ul li a:hover img{ opacity: 0.7;}

.footer .f_links {width: 100%; text-align: center; padding:0 0 30px;font-size: 13px; border-bottom: 1px #494d62 solid;}
.footer .f_links span {display: inline-block; color: #999; }
.footer .f_links a {display: inline-block; padding: 0px 10px;color: #999; background: url(img/links_line.gif) right no-repeat; line-height: 30px;}
.footer .f_links a:last-child {background: none; color: #4a90e2;}
.footer .f_links a:hover {color: #25C7A4;}


.footer .foot_nav {width: 100%; text-align: center;font-size: 14px; padding: 20px 0 0;}
.footer .foot_nav a {display: inline-block; padding: 0px 10px;color: #999; background: url(img/links_line.gif) right no-repeat; line-height: 30px;}
.footer .foot_nav a:last-child {background: none;}
.footer .foot_nav a:hover {color: #25C7A4;}

.footer .foot_cp,.footer .foot_miibeian,.footer .foot_leidong {text-align: center; font-size: 14px; color: #999; line-height: 30px; }
.footer .foot_cp a,.footer .foot_miibeian a,.footer .foot_leidong a{color: #999;}
.footer .foot_cp a:hover,.footer .foot_miibeian a:hover,.footer .foot_leidong a:hover{color: #4a90e2;}
.footer .foot_prove {text-align: center; padding: 10px 0 0;}
.footer .foot_prove a{color: #999;width:auto;height:auto;}
.footer .foot_prove a:hover {color: #25C7A4;}
.footer .foot_prove img {width: 170px; border-radius: 5px; display: inline-block; margin: 5px;}


/*底部列表图*/

.bottom_img_list {background: #fff; padding: 20px; margin-top:20px;}
.bottom_img_list ul {margin: 0 -10px;}
.bottom_img_list ul li {width: 12.5%; float: left; padding:0 10px; box-sizing: border-box;}
.bottom_img_list ul li a {display: block;}
.bottom_img_list ul li a img {width: 100%;}
.bottom_img_list ul li a h4 {font-size: 14px; color: #333; text-align: center; line-height: 30px; font-weight: normal;}
.bottom_img_list ul li a:hover h4 {color: #25C7A4;}
.bottom_img_list ul li a:hover img {opacity: 0.7;}


/*学习推荐*/

.recom_study {background: #fff; padding: 20px; margin-top: 20px;}
.recom_study h3.title {line-height: 25px; padding:0px 0 10px; border-bottom: 1px #eee solid; font-size: 18px; color: #333; font-weight: normal;}
.recom_study h3.title img {height: 25px; margin-right: 10px; float: left;}

.study_language {width:100% ; }
.study_language .language_item {padding:20px 0; border-bottom: 1px #eee solid;}
.study_language .language_item:last-child {border-bottom: none; padding-bottom: 0;}
.study_language .language_title {text-align: center;}
.study_language .language_title h3 {font-size: 16px;color: #aaa; line-height: 30px;}

.study_language .language_link {margin: 0 -10px;}
.study_language .language_link ul {padding:0 10px;}
.study_language .language_link ul li a {line-height: 30px; font-size: 14px; color: #666;}
.study_language .language_link ul li a:hover {color: #25C7A4;}


/*top10*/

.hot_item h3 {font-size: 18px; font-weight: normal; border-bottom: 1px #eee solid; padding-bottom: 10px;}
.hot_item {padding: 20px; background: #fff; margin-top: 20px;}
.hot_item ul {padding-top: 20px;}
.hot_item ul li { width: 100%; line-height: 30px;}
.hot_item ul li a {display: block;font-size: 14px; color: #666; height: 30px; overflow: hidden;}
.hot_item ul li span {display: inline-block; float: left; position: relative; margin-top: 6px; width: 18px; height: 18px; margin-right: 14px; background: #ccc; color: #fff; line-height: 18px; text-align: center; font-size: 10px;}
.hot_item ul li:nth-child(1) span {background: #ff4103;}
.hot_item ul li:nth-child(2) span {background: #25c7a4;}
.hot_item ul li:nth-child(3) span {background: #f5a623;}

.hot_item ul li:nth-child(1) span i{border-color:#ff4103 transparent transparent ;}
.hot_item ul li:nth-child(2) span i{border-color:#25c7a4 transparent transparent ;}
.hot_item ul li:nth-child(3) span i{border-color:#f5a623 transparent transparent ;}

.hot_item ul li span i{
		display: block;
        width:0; 
        height:0;
        border-width:4px;
        border-style:solid;
        border-color:#ccc transparent transparent #ccc;
        position: absolute; right: -4px; top: 0;
    }
.hot_item ul li a:hover {color: #25C7A4;}




/*翻页*/

.pages_bar { width: 100%; height: auto; padding: 30px 0 10px;}
.pages_bar ul {width: 100%; text-align: center;}
.pages_bar ul li {display: inline-block; padding: 5px !important; height: 30px;}
.pages_bar ul li a {display: block; font-size: 12px; color: #666; border:1px #d8d8d8 solid; padding: 0px 10px; height: 30px; line-height: 30px; overflow: hidden;}
.pages_bar ul li a.actived {background: #25C7A4; border:1px #27C8A5 solid; color: #fff;}
.pages_bar ul li span {color: #666; line-height: 32px; display: block; height: 32px; float: left;}
.pages_bar ul li a img {height: 14px; display: block; margin-top: 8px;}
.pages_bar ul li a:hover {background: #25C7A4; border:1px #27C8A5 solid; color: #fff;}


.i_hot,.i_new{background: url(img/icons.png) left no-repeat;width:25px;height:25px;position: absolute;right:2px;top:2px;}
.i_hot{background-position:-20px 0px; }
.i_new{background-position:-20px -25px; }
.width_430 .i_hot,.width_430 .i_new{position: relative;left:0px; float:left;}
.i_home,.i_pen,.i_phone,.i_bag{background: url(img/icons.png) left no-repeat;; width:20px;height:20px;float:left; margin-top:8px; margin-right:5px;}
.i_refresh,.i_recite,.i_file,.i_tool,.i_schedule{background: url(img/icons.png) left no-repeat;; width:20px;height:20px;float:left; margin: 3px 5px 5px 2px}
.i_next_btn,.i_prev_btn{background: url(img/icons.png) left no-repeat;; width:24px;height:44px;float:left; margin: 0}
.i_bag_cd,.i_bag_translate,.i_bag_recite,.i_bag_dictation,.i_bag_examination,.i_bag_name,.i_bag_spoken,.i_bag_newspaper,.i_bag_situational{background: url(img/icons.png) left no-repeat; width:20px;height:20px; float:left;    margin: 8px 8px 0 0;}
.i_recommend,.i_lesson,.i_read,.i_promote,.i_exam,.i_recreation,.i_mstudy,.i_good,.i_writer{background: url(img/icons.png) left no-repeat; width:25px;height:25px; float:left;margin-right:10px;}
.i_home{background-position:0px 0px; }
.i_pen{background-position:0px -20px; }
.i_phone{background-position:0px -40px; }
.i_bag{background-position:0px -80px; }

.i_refresh{background-position:0px -60px;/*margin-top:2px;margin-right:5px;*/}
.i_tool{background-position:0px -100px;}
.i_file{background-position:0px -140px;}
.i_recite{background-position:0px -120px;}
.i_schedule{background-position:0px -120px;}

.i_recommend{background-position:-20px -50px;}
.i_lesson{background-position:-20px -75px;}
.i_read{background-position:-20px -100px;}
.i_promote{background-position:-45px -25px;}
.i_exam{background-position:-20px -125px;}
.i_recreation{background-position:-45px -100px;}
.i_mstudy{background-position:-45px 0px;}
.i_good{background-position:-45px -50px;}
.i_writer{background-position:-45px -75px;}

.i_bag_cd{background-position:-120px -0px;}
.i_bag_translate{background-position:-120px -20px;}
.i_bag_recite{background-position:-120px -40px;}
.i_bag_dictation{background-position:-120px -60px;}
.i_bag_examination{background-position:-120px -80px;}
.i_bag_name{background-position:-120px -100px;}
.i_bag_spoken{background-position:-120px -120px;}
.i_bag_newspaper{background-position:-120px -140px;}
.i_bag_situational{background-position:-120px -160px;}

.i_next_btn{background-position:-70px -0px;}
.i_prev_btn{background-position:-70px -44px;}

.tag{
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    font-size: 12px;
    color: #b0b0b0;
    padding: 0 2px;
    margin-left: 5px;
    line-height: normal;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    vertical-align: middle;
	font-style: normal;
    font-weight: normal;
}
.tag.color-orange{
    color: #f6a623;
	border: 1px solid #f6a623;
}
.tag.color-red{
    color: #e9686b;
	border: 1px solid #e9686b;
}
.tag.color-green{
    color: #49b849;
	border: 1px solid #49b849;
	background:none;
}
.tag.color-blue{
    color: #6ec7e9;
	border: 1px solid #6ec7e9;
	background:none;
}
.tag.color-pink{
    color: #fb7e9e;
	border: 1px solid #fb7e9e;
}
.tag.color-gray{
    color: #b0b0b0;
	border: 1px solid #b0b0b0;
}
.tag.color-black{
    color: #333;
	border: 1px solid #333;
	background:none;
}

/*右侧工具条*/

.toolbar {width: 44px; height: auto; position: absolute; right:40px; top: 350px; z-index: 28000000000; display:block;}
.toolbar ul li {width: 100%; height: auto; position: relative; margin-bottom: 8px;padding: 0; display:block; float:left;}
.toolbar ul li a {display: block; background-color: #fff; text-align: center; line-height: 44px; font-size: 14px; color: #666;}
/*.toolbar ul li:first-child{ padding: 0 ;margin:0}*/
.toolbar ul li img {display: block; width: 100%;}
.toolbar ul li .icon_btn{margin-bottom:8px;}
.toolbar ul li a.on,.toolbar ul li a:hover,.toolbar ul li.icon_btn a:hover {background-color: #25C7A4; color: #fff;}
.toolbar ul li.icon_btn a{background-color: #00c1de;}

.toolbar ul li .tool_second {border:1px #eee solid; background-color: #fff; position: absolute; right: 44px;  z-index: 28000000001; padding: 5px; display: none;}
.toolbar ul li .share_rim { width: 191px; text-align: center;height: 44px; top: -5px;}
.toolbar ul li .share_rim a {display: inline-block; width: 44px; height: 44px; overflow: hidden; margin-left:5px;}
.toolbar ul li .share_rim a:first-child {padding: 0 ;margin:0}

.toolbar ul li .qrcode_rim { width: 209px; text-align: center;height: 44px; top: -35px; height: 104px;}
.toolbar ul li .qrcode_rim img {display: inline-block; width: 100px; height: 100px; border:1px #eee solid;}

.toolbar ul li:hover .tool_second {display: block;}
.toolbar ul li .tool_second a:hover{background: #25C7A4; color: #fff;}

.toolfixed {position: fixed; top: 40px;}
.toolbar ul li .tool_qrcode,.toolbar ul li .tool_share,.toolbar ul li .tool_report,.toolbar ul li .tool_totop,.toolbar ul li .tool_tohome,.toolbar ul li .share_rim a.wechat,.toolbar ul li .share_rim a.qq,.toolbar ul li .share_rim a.weibo,.toolbar ul li .share_rim a.douban{
	background:#ddd url(img/icons.png) left no-repeat;
	height:44px;
	width:44px;
	float:left;
}
.toolbar ul li .tool_en{
	background: url(img/icons.png) left no-repeat;
	background-position:-140px -176px;
	background-color:none;
	width:44px;
	height:50px;
	display: block; 
	line-height:44px;
}
.toolbar ul li .tool_qrcode{background-position:-140px 0px;}
.toolbar ul li .tool_share{background-position:-140px -44px;}
.toolbar ul li .tool_report{background-position:-184px -132px;}
.toolbar ul li .tool_tohome{background-position:-184px -167px;}
.toolbar ul li .tool_totop{background-position:-184px 0px;}
.toolbar ul li .share_rim a.wechat{background-color: #5fd630;background-position:-140px -88px;}
.toolbar ul li .share_rim a.qq{background-color: #4997ff;background-position:-184px -44px;}
.toolbar ul li .share_rim a.weibo{background-color: #ff7061;background-position:-140px -132px;}
.toolbar ul li .share_rim a.douban{background-color: #32c03c;background-position:-184px -88px;}
.toolbar ul li .share_rim a.wechat:hover{background-color: #95d87a;}
.toolbar ul li .share_rim a.qq:hover{background-color: #7ab1f9;}
.toolbar ul li .share_rim a.weibo:hover{background-color: #ff9185;}
.toolbar ul li .share_rim a.douban:hover{background-color: #6ee677;}
.toolbar .tool_totop {display:none;}
/*其他功能*/
.show{display:block;}
.hide{display:none;}
.share_qrcode_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -120px;
    text-align: center;
    width: 240px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    z-index: 2900000010;
    font-size: 12px;
}
.share_qrcode_popup .qrcode_header {
    text-align: center;
    line-height: 16px;
    font-weight: 700;
    position: relative;
}
.share_qrcode_popup .qrcode_close {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 16px;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjYzNkE0MEExN0QxMUU2QTUyMUJBMjE1NTJBQkQ4NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjYzNkE0MUExN0QxMUU2QTUyMUJBMjE1NTJBQkQ4NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2NjM2QTNFQTE3RDExRTZBNTIxQkEyMTU1MkFCRDg1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NjM2QTNGQTE3RDExRTZBNTIxQkEyMTU1MkFCRDg1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NN2DIAAAAKhJREFUeNqc1EsOhCAMAFDKVeBCzlpPp2vnQMAx3MK0MyzMRPqhCQkifSA0upTSnnNe3GRQLhkeAE58PmawnnN04zeA7bJgwxwLJs7VYOoFuYnmI3hKkBCQbgTb2oe+/Rjj2wT9YY5DKDwHYX3AU9+0o1LKq7W23z8NrS2EcKorlpDRYdO7acSMcYga0yAiZkFGGNxvh6sT4Tey+VrrMoNQ9JyVjI8AAwDBkPjKSY3sUwAAAABJRU5ErkJggg==) no-repeat;
}
.share_qrcode_popup .qrcode_content {
    display: inline-block;
    padding: 15px 10px;
}
.share_qrcode_popup .qrcode_footer {
    text-align: left;
    line-height: 22px;
    color: #666;
}
.gzh_qrcode_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -120px;
    text-align: center;
    width: 240px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    z-index: 2900000010;
    font-size: 12px;
}
.gzh_qrcode_popup .gzh_header {
    text-align: center;
    line-height: 16px;
    font-weight: 700;
    position: relative;
}
.gzh_qrcode_popup .gzh_close {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 16px;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjYzNkE0MEExN0QxMUU2QTUyMUJBMjE1NTJBQkQ4NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjYzNkE0MUExN0QxMUU2QTUyMUJBMjE1NTJBQkQ4NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2NjM2QTNFQTE3RDExRTZBNTIxQkEyMTU1MkFCRDg1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2NjM2QTNGQTE3RDExRTZBNTIxQkEyMTU1MkFCRDg1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NN2DIAAAAKhJREFUeNqc1EsOhCAMAFDKVeBCzlpPp2vnQMAx3MK0MyzMRPqhCQkifSA0upTSnnNe3GRQLhkeAE58PmawnnN04zeA7bJgwxwLJs7VYOoFuYnmI3hKkBCQbgTb2oe+/Rjj2wT9YY5DKDwHYX3AU9+0o1LKq7W23z8NrS2EcKorlpDRYdO7acSMcYga0yAiZkFGGNxvh6sT4Tey+VrrMoNQ9JyVjI8AAwDBkPjKSY3sUwAAAABJRU5ErkJggg==) no-repeat;
}
.gzh_qrcode_popup .gzh_content {
    display: inline-block;
    padding: 15px 10px;
}
.gzh_qrcode_popup .gzh_footer {
    text-align: left;
    line-height: 22px;
    color: #666;
}
.fullmark {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: 2900000000;
    left: 0;
    top: 0;
	position: fixed;
}

a.sodanci {
    color: #25c7a4;
    background: #fff;
    border-left: #25c7a4 solid 2px;
    height: 36px;
    width: 60px;
    float: right;
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    cursor: pointer;
    text-align: center;
    margin-right: 0;
}
a.sodanci:hover {
    background: #25c7a4;
    color: #fff;
}


.pages {
    width: 100%;
    height: auto;
    padding: 20px 0 0px;
    text-align: center;
}

.pages a,.pages span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    border: 1px #fff solid;
    padding: 0px 10px!important;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 5px;
}

.pages a.actived,.pages a:hover {
    background: #25C7A4;
    border: 1px #27C8A5 solid;
    color: #fff;
}

.pages a.active {
    background: #fff;
    border: 1px #27C8A5 solid;
    color: #27C8A5;
}

.pages .str {
    display: inline-block;
    font-size: 12px;
    color: #666;
    border: 0;
    padding: 0px 10px!important;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 5px;
}

.pages .pagination {
    display: inline-block;
}

.navbar {
    width: 100%;
    margin: 0;
    padding: 20px 0;
	float:left;
}

.navbar > li {
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.navbar > li a {
    color: #666;
}

.navbar > li a:hover {
    color: #25C7A4;
}

.navbar > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}


/*爱思英语 用户组件*/
/*遮罩*/
#ui-layer {
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    z-index: 30000000000;
    display: none;
}
#ajaxuser_pub{
     z-index: 30000000001;
}
#ajaxuser{
    display:none;
    z-index: 30000000002;
    width:700px;
    position: fixed;
    left:600px;
    top: 150px;
    background-color:#fff;
    /*border:1px #25c7a4 solid;*/
    border-radius: 10px;
}
#ajaxuser .ui-close {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
    top: -18px;
    right: -18px;
    cursor: pointer;
    z-index: 10011;
}
#ajaxuser .ui-close:hover{
    background-color: #ebebeb;
}
#ajaxuser .ui-icon-close {
    background-image: url(../images/ico/close.png);
    background-position:2px 2px;
    width: 36px;
    height: 36px;
}
#ajaxuser .login-tit{
    height:40px;
    line-height: 40px;
    background: #25c7a4;

}
#ajaxuser .login-tit em{
    height: 40px;
    line-height: 40px;
    width: 100px;
    font-size: 18px;
    color: #fff;
    float: left;
    text-align: center;
    font-style: normal;
}
#ajaxuser .login-tit em.active{
    background: #fff;
    color:#25c7a4;

}
#ajaxuser .ui-container{
    padding-bottom:30px;
    display: -webkit-box;
}
#ajaxuser .ui-container .ui-main .ui-left{
    float:left;
    width:400px;

}
#ajaxuser .ui-container .login .ui-left{
     margin: 0px 0 0 0;  
}

#ajaxuser .ui-container .ui-main .ui-right{
    float:right;
    width:250px;
    padding-left:49px;
    border-left: 1px #ebebeb solid;
}
#ajaxuser .ui-container  .register .ui-right {

}
#ajaxuser .ui-container .ui-main .ui-right .pub{
    color:#666;
    font-size:13px;
    line-height: 20px;
    float:left;
}

#ajaxuser .ui-container .ui-main .ui-right .pub p{
    float:left;
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li{
    margin-top:15px;
    float:left;
    
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li em{
    width:32px;
    height:32px;  
    background-color:#25c7a4;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border-radius: 15px;
    margin-right: 10px;
    margin-top: 4px;
    float: left;
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li span{
    height:40px;
    float:left;
    line-height: 20px;
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li em.ico_freead{
    background-image: url(../images/ico/ajaxuser_freead.png) ;
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li em.ico_userfen{
   background-image: url(../images/ico/ajaxuser_userfen.png) ;
}
#ajaxuser .ui-container .ui-main .ui-right .pub ul li em.ico_addarticle{
    background-image: url(../images/ico/ajaxuser_addarticle.png) ;
}
#ajaxuser .ui-container .ui-right .quick-login{
    margin-top: 20px;
    float:left;
}
#ajaxuser .ui-container dl {
    display: block;
    width: 360px;
    height: 39px;
    margin-bottom: 20px;
}
#ajaxuser .ui-container dl dd{
    display: block;
    width: 360px;
    height: 39px;
    position: relative;
}
#ajaxuser .ui-container dl dd span {
    position: absolute;
    left: 35px;
    top: 0;
    line-height: 40px;
    z-index: 2;
    color: #999;
    font-size: 14px;
    visibility: visible;
    cursor: text;
}
#ajaxuser .ui-container dl dd  .user-input{
    width: 215px;
    height: 28px;
    border: #dadada solid 1px;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    padding: 5px 0 5px 10px;
    border-radius: 3px;
    position: relative;
    z-index: 3;
    background: none;
}
#ajaxuser .ui-container dl dd  .user-input.email{
    background:url(../images/ico/input_email.png) no-repeat 10px 11px;
    padding-left:30px;

}
#ajaxuser .ui-container dl dd  .user-input.username{
    background:url(../images/ico/input_account.png) no-repeat 10px 11px;
    padding-left:30px;

}
#ajaxuser .ui-container dl dd  .user-input.password{
    background:url(../images/ico/input_password.png) no-repeat 10px 11px;
    padding-left:30px;

}
#ajaxuser .ui-container dl dd  .user-input.captcha{
    background:url(../images/ico/input_code.png) no-repeat 10px 11px;
    padding-left:30px;

}
#ajaxuser .ui-container dl dd .captcha{
        width: 65px;
    margin-right: 20px;
}
#ajaxuser .ui-container dl.btn {
    height:44px;
    margin-bottom:0;
}
#ajaxuser .ui-container dl.btn dd{
    height:44px;
}
#ajaxuser .ui-container dl dd ul li{
    float:left;
}
#ajaxuser .ui-container .btn_login,#ajaxuser .ui-container .btn_register{
       overflow: hidden;
    border: none;
    height: 44px;
    width: 128px;
    border-radius: 3px;
    font: normal 18px/44px \5FAE\8F6F\96C5\9ED1;
    color: #FFF;
    cursor: pointer;
    letter-spacing: 2px;
    display: block;
    border: none;
    float: left;
    text-align: center;
    margin-right: 20px;
    background: #25c7a4;
    -moz-box-shadow: 0px 1px 2px #a09d9d;
    -webkit-box-shadow: 0px 1px 2px #a09d9d;
    box-shadow: 0px 1px 2px #a09d9d;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1,Direction=145,Color='#a09d9d');
}
#ajaxuser .ui-container .agreement_pup{
    float:left;
    height:44px;
    line-height: 44px;
    font-size: 13px;
}

#ajaxuser .ui-container .agreement_pup a{
    color:#25c7a4;
}
#ajaxuser .ui-container  .to-reg{
    float:left;
    height:44px;
    line-height: 44px;
    font-size: 13px;

}
#ajaxuser .ui-container  .to-reg a{
    color:#25c7a4;

}
#ajaxuser .ui-container  .getpass{
    float:left;
    height:44px;
    line-height: 44px;
    font-size: 13px;
}
#ajaxuser .ui-container  .getpass a{
    color:#25c7a4;

}
#ajaxuser .ui-container .qq_login{
    color:#25c7a4;
}
#ajaxuser .ui-container .quick-tip{
    height:40px;
    margin-top: 20px;
    line-height: 40px;
    padding-left:40px;
    font-size: 16px;
    font-weight: 600;
    color:#666;

}
#ajaxuser .ui-container .quick-tip span{
    color:#ef3809;
}
#ajaxuser dd em {
    width: 120px;    
    height: 40px;
    float:right;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    z-index: 2;
    color: #ff6600;
    line-height: 40px;
    font-size: 13px;
    font-style: normal;
    overflow: hidden;
     display: none;
}
#ajaxuser dd em #tip_info_captcha {
    display: inline;
    float: left;
    margin-left: 240px;
}
#ajaxuser .InputIn{ border:#7dc9fc solid 1px; outline:none; }

#ui-mask{background-color:#000;opacity:0.5;filter:alpha(opacity=50);width:100%;height:100%;position:fixed;_position:absolute;left:0;top:0;z-index:9999998;display:none;}
.change_success,.change_error{
    display:block;
    width:260px;
    height:102px;
    font-size:12px;
    font-weight:400;
    position: absolute;
    _position: absolute;
    left:600;
    top:300;
    z-index:9999999;
}
.change_success{color:#000;background:url(../images/ico/alert_success.png) no-repeat;}
.change_error{color:#333;background:url(../images/ico/alert_error.png) no-repeat;}
.change_success a,.change_error a{font-size:12px;color:#F85E90;}
.change_success .text,.change_error .text{
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#867975;
    font-family:"Microsoft YaHei";
    overflow:hidden;
}

.top_rim .top_bar .top_link .user_pannel{
    //background-color:#fff;
    color:#f6a623;
    text-align: center;

    width:120px;
    padding:0;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist{
    float:left;
    width:240px;
    height:230px;
    margin-top:-1px;
    border: 1px #eee solid;
    border-top:none;
    padding:0;
    margin:0;
    display: block;
    padding:10px;
    position: absolute;
    background: #fff;
   // display:none;
    z-index: 100;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl{
    width:240px;
    height:40px;
    margin:0;
    padding:0;
    margin-bottom:10px;
    text-align: center;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl dd{
    width: 113px;
    height: 38px;
    border: #ebebeb solid 1px;
    border-radius: 3px;
    text-align: center;
    float: left;
    display: inline;
    margin: 0;
    padding:0;
    margin-right:10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl dd.fr{
    margin:0 0 10px 0;
    float:right;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-tougao{
    background: url(../images/ico/user_ico_tougao.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-shentie{
    background: url(../images/ico/user_ico_shentie.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-password{
    background: url(../images/ico/user_ico_password.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-info{
    background: url(../images/ico/user_ico_info.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-center{
    background: url(../images/ico/user_ico_center.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.user-ico-fav{
    background: url(../images/ico/user_ico_fav.png) no-repeat 10px 10px;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl  a.loginout{
     background: url(../images/ico/ico_back.png) no-repeat 10px 13px;
    float:right;
    width:80px;
    height:40px;
    line-height: 40px;
    font-size:13px;
    margin-right:13px;
    color: #333;
    padding-left:10px;

}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl a:hover{
    color:#25c7a4;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl dd:nth-child(2n){
    margin: 0;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist li{
    float:left;
    display:block;
    background:none;
    padding:0;
    margin:0;
    width:118px;
    text-align: center;
    height:40px;
    line-height: 40px;
     background-color:#fff;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl span{
    width: 75px;
    height: 40px;
    line-height: 40px;

    text-align: left;
    float: left;
    display: inline;
    margin: 0;
    padding:0;
    padding-left:35px;
    margin-right:10px;
    overflow: hidden;
    color:#555;

}.top_rim .top_bar .top_link .user_pannel .user_droplist dl span:child-nth(2n){
    margin:0;
}.top_rim .top_bar .top_link .user_pannel .user_droplist dl span em{
    width:30px;
    height:40px;
    line-height: 40px;
    overflow: hidden;
    font-style: normal;
    font-size:12px;
    color:#e9686b;
}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl span.rfq{
    background: url(../images/ico/rfq.png) no-repeat 10px 10px;

}
.top_rim .top_bar .top_link .user_pannel .user_droplist dl span.jewelry{
     background: url(../images/ico/jewelry.png) no-repeat 10px 10px;

}
.top_rim .top_bar .top_link .user_pannel .user_droplist li:hover{
    background-color:#f7f7f7; 
}
.top_rim .top_bar .top_link .user_pannel .user_droplist .red{
    color: #ef3809; 
}
.top_rim .top_bar .top_link .user_pannel .user_droplist li a{
      height:40px;
    line-height: 40px;  
}
.top_rim .top_bar .top_link .user_pannel .user_droplist li a:hover{
    color:#25c7a4;
}
.user_pannel #username{
    color:#e9686b;
    padding-right:30px;
    background:url(../images/ico/more_unfold.png) no-repeat 95px 12px;
}
.user_pannel #username.hover{
    background:url(../images/ico/less.png) no-repeat 95px 12px #fff;
}