
.form-horizontal {
    margin-top: 20px;
}
.myfbody {
    margin-bottom: 10px;
}
ul{list-style-type:none;
    margin: 0;
    padding: 0;
}
.xrcontent img {
    max-width: 100%;
}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none; background:inherit;}
.hui-flex{display:flex;}
.hui-fl{float:left !important}
.hui-fr{float:right !important;}
.hui-wrap{width:100%;}
.hui-no-border{border:none !important;}
.hui-common-text{line-height:2.2em;}
.hui-common-padding{padding:10px;}
.hui-show{display:block !important;}
.hui-hide{display:none !important;}
.hui-text{line-height:1.8em;}
.hui-primary-txt{color:#40aae2 !important;}
.hui-danger-txt{color:#EF4F4F !important;}
.hui-text-center{text-align:center !important;}
.hui-click{}
.hui-click:active{background-color:#ECECEC;}
/* 通用标题 */
.hui-title{width:100%; height:44px; line-height:44px; font-size:17px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.hui-more{float:right; font-size:12px; color:#999999;}
.hui-more a{font-size:13px; color:#999999;}
/* 居中的标题 */
.hui-center-title{width:100%; margin-bottom:10px;}
.hui-center-title h1{width:50%; margin:0 auto; text-align:center; border-bottom:1px solid #E3E3E3; height:50px; line-height:50px; font-size:17px; overflow:hidden; font-weight:400;}
/* 带有修饰的通用标题 */
.hui-common-title{width:100%; height:44px; display:flex; justify-content:center;}
.hui-common-title-txt{width:35%; text-align:center; line-height:44px; font-size:16px;}
.hui-common-title-line{width:15%; margin:0 3%; height:1px; background:#E3E3E3; margin-top:21px;}
/* 文本 */
.hui-content{line-height:2.2em; font-size:15px; position:relative;}
.hui-content *{line-height:2.2em; font-size:15px;}
.hui-content img{width:100%;}
.hui-content p{text-indent:2.2em;}
/* 头部导航 */
.hui-accordion-title i {
    margin-right: 5px;
}
.hui-header{display:flex; width:100%; height:44px; text-align:center; top:0px; left:0px; position:fixed; z-index:99999; background:#40aae2;}
.hui-header h1{margin:0;font-size:18px; height:44px; line-height:44px; overflow:hidden; width:78%;text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#FFF;}
.hui-header + .hui-wrap{padding-top:44px;}
#hui-back{width:44px; height:44px; font-family:"hui-font"; line-height:44px; text-align:center; flex-shrink:0;}
#hui-member, #hui-search, #hui-cart {width:44px; height:44px;  line-height:44px; text-align:center; color: #fff; font-size: 18px; font-weight: initial;}
#hui-cart b {
    font-size: 12px;
    font-weight: initial;
}
#hui-back:before{content:"\e6a5"; font-size:18px; color:#FFFFFF;}
#hui-header-menu{width:44px; height:44px; line-height:44px; font-family:"hui-font"; flex-shrink:0;}
#hui-header-menu:before{content:"\e60e"; font-size:25px; color:#FFFFFF;}
/* 列表 */
.hui-list{padding:0px; border:1px solid #E4E3E6; border-left:0; border-right:0; background:#FFFFFF;}
.hui-list li{position:relative; display:flex; width:100%; overflow:hidden; height:50px;}
.hui-list li > a, .hui-list > a{display:flex; width:100%; height:50px; overflow:hidden;}
.hui-list li:active, .hui-list > a:active{background-color:#ECECEC;}
.hui-list-text{color: #000;line-height:49px; height:49px; width:100%; margin-left:12px; border-bottom:1px solid #E4E3E6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; justify-content:space-between;}
.hui-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}
.hui-list-icons{color: #000;margin:14px 0px; width:40px;
    padding-left: 20px; text-align:center; flex-shrink:0; text-align:center; line-height:22px; color:#40aae2;}
.hui-list-icons img{width:22px; margin-left:12px;}
.hui-list-icons i {color: #000;}
.hui-list-info{color:#999; float:right; padding-right:6px !important; font-size:13px; flex-shrink:0;}
.hui-list-info *{color:#999; font-size:13px;}
.hui-list li:last-child .hui-list-text, .hui-list > a:last-child .hui-list-text{border:0;}
/* media list */
.hui-media-list{}
.hui-media-list li{display:flex; padding:8px; margin-bottom:10px; background:#FFFFFF; overflow:hidden; justify-content:space-between;}
.hui-media-list li a{padding:0px; display:flex; width:100%; overflow:hidden; justify-content:space-between;}
.hui-media-list .hui-media-list-img{width:25%; font-size:0px;}
.hui-media-list img{width:100%;}
.hui-media-content{width:72%;}
.hui-media-content h1{font-size:15px; line-height:1.5em; padding:0px 6px 3px 0px; font-weight:400;}
.hui-media-content p{font-size:13px; line-height:1.5em; padding:0px 8px 0px 0px; color:#999999; word-break:break-word;}
/* image list */
.hui-img-list{position:relative;}
.hui-img-list li{position:relative; margin-bottom:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; padding:0px 3px;}
.hui-img-list li a{display:block; padding:0px;}
.hui-img-list img{display:block; width:100%; background:#FFFFFF; font-size:0px;}
.hui-img-list-content{padding:8px 8px 10px 8px; background:#FFFFFF;}
.hui-img-list h1{font-size:16px; line-height:1.8em; font-weight:400;}
.hui-img-list p{font-size:13px; line-height:1.6em; color:#999999; word-break:break-word;}
/* 按钮 */
.hui-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#656B79; background-color:#F6F8F9; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.hui-button *{color:inherit;}
.hui-button:active{background:#C8C8C8;}
.hui-button-large{width:100%;}
.hui-primary{background:#40aae2 !important; color:#FFFFFF !important;}
.hui-primary:active{background:#0066CC !important;}
.hui-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.hui-danger:active{background:#FF0000 !important;}
.hui-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}
/* laoding button */
@keyframes hui-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes hui-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes hui-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.hui-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.hui-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"hui-font" !important; animation:hui-a-rotate360 1s infinite linear; -webkit-animation:hui-a-rotate360 1s infinite linear; -moz-animation:hui-a-rotate360 1s infinite linear; -o-animation:hui-a-rotate360 1s infinite linear; float:left;}
.hui-loading:before{content:"\e647";}
.hui-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 折叠面板 */
.hui-accordion{}
.hui-accordion-title{width:100%; height:58px; line-height:58px; font-size:16px; background:#FFFFFF; padding:0px 10px; box-sizing:border-box; font-weight:400;}
.hui-accordion-title:after{content:"\e609"; float:right; font-family:"hui-font";}
.hui-accordion-title-up:after{content:"\e655"; font-family:"hui-font";}
.hui-accordion-content{width:100%; display:none;}
/* badge */
.hui-badge{padding:3px 6px; line-height:1; display:inline-block; font-size:inherit; border-radius:100px; margin:0px 3px; background:#999999; color:#FFFFFF;}
/* toast */
#hui-toast{width:100%; position:fixed; z-index:21; left:0; bottom:50px; text-align:center;}
#hui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#hui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#hui-icon-toast *{color:#FFFFFF;}
#hui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}
/* 遮罩层 */
#hui-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%;}
/* up toast */
@keyframes hui-a-up-toast{0%{top:-35px;} 100%{top:0}}
@-moz-keyframes hui-a-up-toast{0%{top:-35px;}100%{top:0}}
@-webkit-keyframes hui-a-up-toast{0%{top:-35px;}100%{top:0}}
@-o-keyframes hui-a-up-toast{0%{top:-35px;} 100%{top:0}}
#hui-up-toast{width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.9); position:fixed; z-index:21; left:0px; top:0px; animation:hui-a-up-toast 200ms linear; -moz-animation:hui-a-up-toast 200ms linear; -webkit-animation:hui-a-up-toast 200ms linear; -o-animation:hui-a-up-toast 200ms linear; color:#FFFFFF; text-align:center;}
#hui-up-toast *{color:#FFFFFF; text-align:center;}
/* 动画 */
@keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-moz-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-webkit-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-o-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
.hui-fade-in{animation:hui-a-fade-in 300ms linear forwards; -moz-animation:hui-a-fade-in 300ms linear forwards; -webkit-animation:hui-a-fade-in 300ms linear forwards; -o-animation:hui-a-fade-in 300ms linear forwards;}
@keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-moz-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-webkit-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-o-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
.hui-fade-out{animation:hui-a-fade-out 300ms linear forwards; -moz-animation:hui-a-fade-out 300ms linear forwards; -webkit-animation:hui-a-fade-out 300ms linear forwards; -o-animation:hui-a-fade-out 300ms linear forwards;}
/* 对话框 */
#hui-dialog{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-dialog-in{width:300px; margin:0 auto; background:#FFFFFF; border-radius:1px;}
#hui-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#hui-dialog-btn-line{height:48px; line-height:48px; color:#40aae2; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#hui-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#40aae2;}
#hui-dialog-btn-line > div:active{opacity:0.9;}
#hui-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#hui-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#hui-dialog-input{width:100%; border:none; height:35px; line-height:35px;}
/* loading */
@keyframes hui-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes hui-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes hui-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.hui-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.hui-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"hui-font" !important; animation:hui-a-rotate360 1s infinite linear; -webkit-animation:hui-a-rotate360 1s infinite linear; -moz-animation:hui-a-rotate360 1s infinite linear; -o-animation:hui-a-rotate360 1s infinite linear; float:left;}
.hui-loading:before{content:"\e647";}
.hui-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 表单及表单元素 */
.hui-form{background:#FFFFFF;}
.hui-form-items{padding:15px 10px; border-bottom:1px solid #F3F4F5; position:relative; display:-webkit-flex; display:flex;}
.hui-form-items-title{width:22%; line-height:22px; height:22px; flex-shrink:0;}
.hui-form-items .hui-input{width:100% !important;}
.hui-form-items .hui-form-radios{width:75% !important; padding:0px !important;}
.hui-form-items .hui-form-textarea{width:75% !important;}
.hui-form-items:last-child{border:none;}
.hui-input{height:22px; line-height:22px; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0; background:#FFF; width:100%; display:block; padding:0px;}
#hui-input-clear{width:52px; height:52px; position:absolute; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#hui-input-clear:before{font-family:"hui-font" !important; content:"\e6a0"; font-size:18px;}
.hui-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:absolute; z-index:1; text-align:center; line-height:52px; right:0px; top:0px; color:#999999;}
.hui-pwd-eyes:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
.hui-pwd-eyes-sed{color:#40aae2 !important;}
.hui-form-radios {line-height:22px;}
/* checkBox */
.hui-form-radios input[type="checkbox"]{display:none;}
.hui-form-radios input[type="checkbox"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.hui-form-radios input[type="checkbox"] + label:before{font-family:"hui-font" !important; content:"\e63e"; font-size:20px; padding-right:5px; color:#999999; line-height:22px;}
.hui-form-radios input[type="checkbox"]:checked + label:before{content:"\e63e"; color:#40aae2;}
/* checkBox */
.hui-form-radios input[type="radio"]{display:none;}
.hui-form-radios input[type="radio"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.hui-form-radios input[type="radio"] + label:before{font-family:"hui-font" !important; content:"\e60f"; font-size:20px; padding-right:5px; color:#999999;}
.hui-form-radios input[type="radio"]:checked + label:before{content:"\e60f"; color:#40aae2;}
/* select */
.hui-form-select{}
.hui-form-select select{border:none; padding:6px 22px 6px 6px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAXCAYAAACMLIalAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFHSURBVEiJ7dY/SgNREMfx7wQrlSBLCo+RNMFY5Qapts4FFK0ClrmGNoEEcoGcQT2A5AQKVmqRRlTGwp8SdNk/8a27hQMPdmffzPvs48GuuTt1i0bVgKT4R+WNhpmNzSz+bSMzi81sHAJlwD3wBBy6+8OGoAi4BPbcfT8ErAc8AgvA3J0iQy+2UI9e0frEnmo8ABwYbYAaqXYQAvSFUvML4A3oFwD1VXMeCvQdtQNcAbdAlAMUAXeq2S4FpYXaOhvzHKi55rZDgn6gtNhQZ+QkBXSqOcPQoESUFp0AL0A34VkXeAUmZYDSUE1gCdwArbV8S7kl0PxTlAAd7dZ0LTdVrlMWKBUlxJHOTqzhwHGZoEyUYDPgWWNWNsjdPz4raWFmu8C1bg/cfZVaECC2sia4+8rMzj6vywYB2TtVRdTzJ69qQFLUEvUOCvU4pv7sx1oAAAAASUVORK5CYII=") no-repeat right center #E3E3E3; background-size:auto 40%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:1px;}
.hui-form-select select:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
/* textarea */
.hui-form-textarea{padding-top:5px;}
.hui-form-textarea textarea{width:100%; height:80px; background:#FAFAFA; border:none; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* switch 开关 */
.hui-switch{width:50px; height:32px; border-radius:32px; -webkit-border-radius:32px; background:#DDDDDD; border:2px solid #DDDDDD; position:relative; text-align:right; line-height:32px; padding-right:16px; font-size:16px; padding-left:16px;}
.hui-switch span{color:#9E9E9E;}
.hui-switch-in{width:30px; height:30px; position:absolute; z-index:2; left:0px; top:0px; border-radius:50%; background:#FFFFFF; -moz-box-shadow:1px 1px 1px #999999; box-shadow:2px 2px 2px #999999; -webkit-box-shadow:1px 1px 1px #999999; margin:0px;}
.hui-switch-on{background:#4CD964 !important; color:#FFFFFF !important; text-align:left !important; border:2px solid #4CD964 !important;}
.hui-switch-on .hui-switch-in{right:0px; left:auto;}
.hui-switch-on span{color:#FFFFFF;}
/* loading */
#hui-transparent-mask{position:fixed; z-index:20; width:100%; left:0px; top:0px; height:100%; background:rgba(255,255,255,0.3);}
#hui-loading{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-loading-in{margin:0 auto; width:42px;}
@-webkit-keyframes hui-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
@keyframes hui-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
#hui-loading-in > div:nth-child(1){-webkit-animation:hui-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(2){-webkit-animation:hui-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(3){-webkit-animation:hui-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(4){-webkit-animation:hui-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(5){-webkit-animation:hui-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div{background-color:#40aae2; width:4px; height:25px; border-radius:2px; margin:2px; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:inline-block;}
#hui-loading-text{line-height:30px; text-align:center; padding-top:5px; font-size:12px; color:#40aae2;}
/* action sheet */
@keyframes hui-a-down{0%{bottom:-100px;} 100%{bottom:0}}
@-moz-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-webkit-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-o-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
#hui-action-sheet{width:90%; position:fixed; z-index:999; left:5%; bottom:60px; background:#FFFFFF; animation:hui-a-down 200ms linear; -webkit-animation:hui-a-down 100ms linear; -moz-animation:hui-a-down 100ms linear; -o-animation:hui-a-down 100ms linear; border-radius:6px;}
#hui-action-sheet li{width:100%; overflow:hidden; text-align:center; height:52px; line-height:52px; border-bottom:1px solid #EBEBEB; font-size:16px;}
#hui-action-sheet-cancel{border-top:3px solid #EBEBEB; color:#999999 !important;}
/* swipe */
.hui-swipe{width:100%; position:relative;}
.hui-swipe-items{width:500%; position:relative; left:0; top:0;}
.hui-swipe-pre{width:20%;}
.hui-swipe-pre img{width:100%;}
.hui-swipe-item{width:20%; font-size:0px; float:left;}
.hui-swipe-item img{width:100%;}
.hui-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}
.hui-swipe-indicators{width:15px; border-radius:3px; height:3px; background:#FFFFFF; float:left; margin:0px 3px;}
.hui-swipe-indicator-active{background:#40aae2 !important;}
.btn.green:not(.btn-outline) {
    background-color: #40aae2;
    border-color: #40aae2;
}
.login .content .input-icon {
    border-left: 2px solid #40aae2 !important;
}

.btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open>.btn.green:not(.btn-outline).dropdown-toggle.focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:hover {
    background-color: #69aff6;
    border-color: #69aff6;
}
.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #3f9dff;
}
.font-green {
    color: #3f9dff!important;
}
/* number box */
.hui-number-box{border:1px solid #D1D1D1; height:36px; float:left; border-radius:2px; -webkit-border-radius:2px;}
.hui-number-box input{float:left; height:36px; line-height:36px; padding:0px 5px; text-align:center; background:#FFFFFF; width:50px; border:0px; font-size:16px; border-radius:0;}
.hui-number-box .reduce{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:28px;}
.hui-number-box .add{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:22px;}
.hui-number-box div:active{background:#B8BBBF;}
/* progress bar */
.hui-progress{height:3px; background:#EBEBEB; border-radius:3px; -webkit-border-radius:3px; width:100%; position:relative;}
.hui-progress span{display:block; height:3px; line-height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#40aae2; color:#FFFFFF; position:absolute; z-index:2; left:0px; top:0px;}
@keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}} @-moz-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}}
@-webkit-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}} @-o-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}}
.hui-progressing{height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#C8C8C8; color:#FFFFFF; position:absolute; z-index:1; width:80%; left:0px; top:0px; animation:hui-a-progressing 1s infinite linear; -webkit-animation:hui-a-progressing 1s infinite linear; -moz-animation:hui-a-progressing 1s infinite linear; -o-animation:hui-a-progressing 1s infinite linear;}
/* range */
.hui-range input[type='range']{width:100%; height:20px; padding:0; cursor:pointer; border:0; background-color:#E1E1E1; -webkit-appearance:none; appearance:none; border-radius:2px;}
.hui-range input[type='range']::-webkit-slider-thumb{width:35px; height:20px; border:none; background-color:#40aae2; background-clip:padding-box; -webkit-appearance:none; appearance:none; border-radius:2px;}
.hui-range-ruling{height:8px; border-right:1px solid #666; margin-top:6px;}
.hui-range-ruling > div{height:8px; width:10%; float:left;}
.hui-range-ruling > div > div{border-left:1px solid #666666; text-indent:3px; line-height:8px; font-size:8px; float:left; height:8px;}
.hui-range-ruling-txt{width:100%; height:12px; margin-top:6px;}
.hui-range-ruling-txt div{font-size:8px; line-height:1em;}
.hui-range-ruling-txt div:first-child{width:50%; float:left;}
.hui-range-ruling-txt div:last-child{width:50%; float:left; text-align:right;}
/* 选项卡 */
.hui-tab{width:100%;  background:#FFFFFF;}
.hui-tab-title{padding:0px 10px;}
.hui-tab-title div{height:46px; line-height:46px; float:left; font-weight:700; text-align:center; width:20%; border-bottom:2px solid #F7F8F9;}
.hui-tab-body{width:100%;}
.hui-tab-body-items{width:500%; position:relative; left:0px; top:0px;}
.hui-tab-item{width:20%; float:left;}
.hui-tab-active{border-bottom:2px solid #40aae2 !important; color:#40aae2;}
/* refresh */
.hui-refresh{}
.hui-refresh-icon{height:60px; line-height:60px; text-align:center; margin-top:-60px; position:relative; color:#9E9E9E;}
.hui-refresh-icon *{color:#9E9E9E;}
.hui-refresh-content{}
#hui-load-more{height:40px; line-height:40px; text-align:center; color:#9E9E9E; position:relative; padding-bottom:12px; margin-top:5px;}
#hui-load-more *{color:#9E9E9E;}
/* picker */
.hui-picker{position:fixed; z-index:21; background:#DDDDDD; height:238px; left:0px; bottom:0px; width:100%; display:none;}
.hui-picker-menu{height:29px; border-bottom:1px solid #CCCCCC; padding:8px; background:#EEEEEE;}
.hui-picker-list-in{width:100%;}
.hui-picker-list{width:100%; float:left; height:192px; overflow-y:scroll;}
.hui-picker-list div{height:30px; font-size:14px; line-height:30px; text-align:center; color:#9E9E9E;}
.hui-picker-line{position:absolute; z-index:-1; left:0px; top:142px; width:100%; height:30px; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
/* date picker */
.hui-date-picker{}
input[type="month"]:before,input[type="date"]:before,input[type="time"]:before{content:attr(placeholder);}
input[type="month"].hui-picker-valued:before,input[type="date"].hui-picker-valued:before,input[type="time"].hui-picker-valued:before{color:black; content:"" !important;}
/* hui-footer */
.page-container .page-content {
    padding:0 !important;;
}
.mobile-hang {
    height: 20px;
    background:#eef1f5;
    clear: both;
}
#hui-footer{width:100%;  background:#FCFCFC; padding:5px 0px; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:9999; box-shadow:1px -1px 3px #D1D1D1; display:flex;}
#hui-footer a{display:block; width:20%; text-decoration: none;}
.hui-footer-icons{font-family:"hui-font"; text-align:center; font-size:20px; height:26px; line-height:26px; color: #000}
.hui-footer-text{text-align:center; font-size:13px; height:18px; line-height:18px; padding-top:2px; color: #000}
.hui-footer-active *{color:#40aae2;}
.hui-fooer-line{height:50px;}
.hui-header-line{height:40px;}
#footer-logo{position:fixed; z-index:11; left:50%; bottom:5px; height:60px; width:60px; border-radius:60px; background:#40aae2; text-align:center; transform: translateX(-50%); line-height:60px; color:#FFF; font-size:20px; border:3px solid #FFF;}
#footer-logo img{width:100%;}
/* point msg */
.hui-point-msg{width:8px; height:8px; background:#ED2D22; border-radius:8px; -webkit-border-radius:8px; position:absolute; z-index:11; right:0px; top:0px;}
.hui-number-point{background:#ED2D22; border-radius:50%; -webkit-border-radius:50%; font-size:8px; padding:2px; color:#FFFFFF; position:absolute; z-index:11; right:0px; top:0px; text-align:center;}
/* select Beautify */
#hui-select-beautify{width:96%; padding:10px 2%; position:absolute; z-index:21; left:0px; top:0px; background:#FFFFFF;}
.hui-select-beautify-sed{}
.hui-select-beautify-sed:after{content:"\e68b"; display:block; float:right; width:38px; line-height:50px; font-family:"hui-font"; font-size:20px; color:#40aae2; position:absolute; z-index:22; right:0px; top:0px; text-align:center;}
#hui-select-beautify li{height:50px; line-height:50px; padding:0px 12px; width:auto; border-bottom:1px solid #F7F8F9;}
#hui-select-beautify li:last-child{border:none;}
/* popMsg */
.fc-msg-icon , .fc-msg-info, .fc-msg-url{
    width: 100%;
    text-align: center;
}
.fc-msg-icon {
    margin-bottom: 50px;
}
#hui-popover-msg{position:absolute; z-index:20; width:100px;}
.hui-arrow-up{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-bottom-color: #FFFFFF; float:left;}
.hui-arrow-down{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-top-color: #FFFFFF; float:left;}
#hui-popover-msg-text{background:#FFFFFF; padding:8px; line-height:1.8em; border-radius:3px; text-align:left;}
/* image preview */
#hui-image-preview{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-image-preview-text{text-align:center; height:40px; line-height:30px; color:#FFFFFF; font-size:20px;}
#hui-image-preview-imgs{font-size:0px; width:100%; background:#FFFFFF;}
#hui-image-preview-imgs img{width:100%;}
/* water fall */
#hui-water-fall-left{width:50%; float:left; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
#hui-water-fall-right{width:50%; float:right; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
.hui-water-items{background:#FFFFFF; padding:3px; margin-top:10px; border-radius:3px; -webkit-border-radius:3px;}
.hui-water-items a{display:block; width:100%;}
.hui-water-items-img img{width:100%;}
.hui-water-items-text{height:30px; line-height:30px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#hui-water-tmp{display:none;}
/* unfold */
#hui-unfold{width:100%; position:absolute; z-index:2; left:0px; bottom:0px; height:50px; line-height:50px; text-align:center; background:linear-gradient(rgba(255,255,255,0.92),rgba(255,255,255,1)); color:#40aae2;}
/*#hui-unfold *{color:#40aae2;}*/
/* Speed Dial */
.hui-speed-dial{width:100%;}
.hui-speed-dial li{width:33.3%; text-align:center; float:left; margin-top:25px;}
.hui-speed-dial-icons{text-align:center; height:45px;}
.hui-speed-dial-icons .hui-icons{padding:0px;}
.hui-speed-dial-icons span{font-size:35px; color:#656B79;}
.hui-speed-dial-text{text-align:center; line-height:32px; height:32px;}
/* slide menu */
.hui-slide-menu{width:70%; height:100%; position:fixed; z-index:99; background:#656B79; right:-70%; top:0px;}
.hui-slide-menu ul{padding:20px;}
.hui-slide-menu li{color:#FFFFFF; line-height:44px; height:44px; overflow:hidden;}
@keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-moz-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-webkit-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-o-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
.hui-slide-menu-show{-webkit-animation:hui-a-menu-show 0.3s forwards; animation:hui-a-menu-show 0.3s forwards;}
@keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-moz-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-webkit-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-o-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
.hui-slide-menu-hide{-webkit-animation:hui-a-menu-hide 0.3s forwards; animation:hui-a-menu-hide 0.3s forwards;}
/* img cuter */
#hui-img-cuter{width:100%; position:absolute; left:0; top:44px; z-index:2; background:rgb(255,255,255,0);}
#hui-img-cuter-img{width:100%; overflow:hidden; font-size:0;}
#hui-img-cuter-img img{width:100%;}
#hui-img-cuter-canvas{position:fixed; z-index:3; top:100px; right:10px; width:100px; border:1px solid #FFFFFF; font-size:0px;}
#hui-img-cuter-canvas canvas{width:100%;}
#hui-img-cuter-select{width:100px; overflow:hidden; text-align:center; background:#F4F5F6; position:relative;}
#hui-img-cuter-file{width:100%; height:500px; background:rgba(255, 255, 255, 0); filter:Alpha(opacity=0); opacity:0; font-size:0px; position:absolute; z-index:1; left:0; top:0;}
#hui-img-cuter-t1{line-height:100px; padding-top:50px; font-size:100px; color:#B8BBBF;}
#hui-img-cuter-t2{line-height:50px; padding-bottom:30px; font-size:16px; color:#B8BBBF;}
/* header search */
#hui-header-sreach{width:100%; border-radius:5px; height:32px; margin:6px; display:flex; background:#FFFFFF;}
#hui-header-sreach-icon{width:36px; height:36px; line-height:36px; text-align:center; flex-shrink:0;}
#hui-header-sreach-icon::before{font-family:"hui-font"; content:'\e714'; font-size:25px; height:36px; line-height:36px; color:#9E9E9E;}
#hui-header-sreach input{width:100%; padding:0px; height:32px !important; line-height:32px !important; margin:0px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; font-size:14px; text-indent:10px;}
.hui-header-sreach-txt{width:58px; height:44px; text-align:center; line-height:44px; flex-shrink:0; color:#FFF; flex-shrink:0;}
/* swipe do */
.hui-swipe-do{width:100%; overflow-x:auto; background:#FFFFFF; margin:1px 0;}
.hui-swipe-do-doms{width:1000px;}
.hui-swipe-do-doms > div{float:left;}
.hui-swipe-do-content{width:80%;}
.hui-swipe-do-btn{height:60px; width:70px; color:#FFFFFF; text-align:center; line-height:60px; font-size:16px; background:#FF3A31;}
.hui-swipe-do-btn-gray{color:#000000; background:#C8C7CD;}
.hui-swipe-do-btn-blue{color:#FFFFFF; background:#40aae2;}
/* black mask */
#hui-black-mask{width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:990; left:0; top:0;}
#hui-black-action{width:100%; height:50px;}
#hui-black-close{float:right; width:50px; color:#FFFFFF; height:50px; line-height:50px; text-align:center; font-family:"hui-font";}
#hui-black-close::before{content:"\e617"; font-size:22px;}
#hui-black-mask-content{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); z-index:991;}
/* pager */
.hui-pager{display:flex; justify-content:flex-end;}
.hui-pager-center{justify-content:center;}
.hui-pager > div{width:32px; height:32px; text-align:center; border-radius:2px; background:#FFFFFF; line-height:32px; margin:0px 3px;}
.hui-pager > div > a{display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:14px;}
.hui-pager-active{background:#40aae2 !important; color:#FFFFFF;}
/* segment */
.hui-segment{width:80%; margin:0px 10%; height:32px; display:flex; border:1px solid #40aae2; border-radius:5px;}
.hui-segment a{display:block; width:100%; height:32px; font-size:13px; color:#40aae2; line-height:32px; text-align:center;}
.hui-segment-active{background:#40aae2 !important; color:#FFFFFF !important;}
/* tags */
.hui-tags{}
.hui-tags > div{height:26px; float:left; margin:5px; line-height:26px; padding:0px 8px; border-radius:4px; border:1px solid #40aae2;  color:#40aae2; font-size:12px;}
.hui-tags-fillet > div{border-radius:26px !important; padding:0px 12px !important;}
.hui-tags-active{background:#40aae2 !important; color:#FFFFFF !important;}
.hui-tags-active::after{content:"\e68b"; font-family:"hui-font"; padding-left:5px;}
/* count down */
.hui-countdown{text-align:center;}
.hui-countdown span{background:#333 !important; display:inline-block; line-height:20px !important; color:#FFF !important; padding:0px 5px !important; border-radius:3px !important; margin:0px 2px;}
/* scroll news */
.hui-scroll-news{height:28px; line-height:28px; margin:10px;}
.hui-scroll-news-items{height:28px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
.hui-scroll-news-items > a{display:block; overflow:hidden; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
@keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-webkit-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-o-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
.hui-scroll-news-h0{animation:hui-scroll-news-h0 600ms linear forwards; -webkit-animation:hui-scroll-news-h0 600ms linear forwards; -moz-animation:hui-scroll-news-h0 600ms forwards linear; -o-animation:hui-scroll-news-h0 600ms forwards linear;}
/* cropper */
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cropper-container img{display:block; height:100%; image-orientation:0deg; max-height:none!important; max-width:none!important; min-height:0!important; min-width:0!important; width:100%;}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}
.cropper-drag-box{background-color:#fff; opacity:0}
.cropper-modal{background-color:#000;opacity:.5}
.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}
.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute;}
.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%;}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}
.cropper-center:before{height:1px;left:-3px;top:0;width:7px;}
.cropper-center:after{height:7px;left:0;top:-3px;width:1px;}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{background-color:#fff;left:0;top:0}
.cropper-line{background-color:#39f}
.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}
@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}
@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed;}
/* icons */
@font-face{font-family:"hui-font"; src:url('fonts/iconfont.eot'); src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'), url('fonts/iconfont.svg#iconfont') format('svg');}
.hui-icons{font-family:"hui-font" !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-right:8px;}
.hui-icons-menu:before{content:"\e634";} .hui-icons-toast:before{content:"\e689";} .hui-icons-img:before{content:"\e620";}
.hui-icons-left:before{content:"\e6a5";} .hui-icons-right:before{content:"\e608";} .hui-icons-number:before{content:"\e604";}
.hui-icons-up:before{content:"\e649";}  .hui-icons-up2:before{content:"\e655";} .hui-icons-down:before{content:"\e744";} 
.hui-icons-down2:before{content:"\e609";} .hui-icons-progress:before{content:"\e615";}
.hui-icons-success:before{content:"\e632";} .hui-icons-error:before{content:"\e638";} .hui-icons-range:before{content:"\e613";}
.hui-icons-warn:before{content:"\e603";} .hui-icons-click:before{content:"\e75b";} .hui-icons-tab:before{content:"\e667";}
.hui-icons-loading:before{content:"\e647";} .hui-icons-form:before{content:"\e62c";} .hui-icons-picker:before{content:"\e923";}
.hui-icons-eyes:before{content:"\e63d";} .hui-icons-clear:before{content:"\e6a0";} .hui-icons-home:before{content:"\e611";}
.hui-icons-switch:before{content:"\e679";} .hui-icons-action-sheet:before{content:"\e605";} .hui-icons-news:before{content:"\e62e";}
.hui-icons-swipe:before{content:"\e699";} .hui-icons-media-list:before{content:"\e62d";} .hui-icons-my:before{content:"\e618";}
.hui-icons-forum:before{content:"\e602";} .hui-icons-shop:before{content:"\e67f";} .hui-icons-nav:before{content:"\e606";}
.hui-icons-menu-point:before{content:"\e60e";} .hui-icons-menu-point2:before{content:"\e625";} .hui-icons-star:before{content:"\e661";}
.hui-icons-msg:before{content:"\e60b";} .hui-icons-help:before{content:"\e652";} .hui-icons-water-fall:before{content:"\e60c";} 
.hui-icons-search:before{content:'\e714';} .hui-icons-img-cut:before{content:'\e612';} .hui-icons-register:before{content:'\e677';} 
.hui-icons-write:before{content:'\e646';} .hui-icons-logoff:before{content:'\e610';} .hui-icons-check:before{content:'\e866';} 
.hui-icons-loading2:before{content:"\e61e";} .hui-icons-insert:before{content:"\e6ee";} .hui-icons-clone:before{content:"\e6dc";} 
.hui-icons-remove:before{content:"\e656";} .hui-icons-edit:before{content:"\e600";} .hui-icons-like:before{content:"\e64a";} 
.hui-icons-pause:before{content:"\e96b";} .hui-icons-play:before{content:"\e6b1";} .hui-icons-stop:before{content:"\e61b";} 
.hui-icons-shopping-cart:before{content:"\e633";} .hui-icons-close:before{content:"\e617";}

.hui-index-header-line {
  height: 84px;
}
.category-nav {
    display: flex;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-align: left;
    top: 44px;
    left: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
    border-bottom: 1px solid #e6e9ec;
}
.category-nav li a {
    color:#666;
    font-size: 14px;
}
.category-nav ul {
    width: 95%;
    padding-top: 10px;
}
.category-nav li {
    display: inline-block;
    padding: 0px 10px 10px 10px;

}
.category-more {
    color: #666;
    margin-top: 5px;
    padding-right: 10px;
    font-size: 20px;
}

.top-category-menu .top-category-back {
    height: 40px;
    background: rgba(2, 2, 1, 0.12);
    font-size: 16px;
    padding: 8px 0px 0 10px;
}
.top-category-menu .top-category-back i {
    font-size: 20px;
}

.top-category-menu a {
    color:#666;
}
.top-category-menu .top-category-list .p1-nav h5 {
    font-weight: 400;
    font-size: 16px;
}
.top-category-menu .top-category-list .p1-nav {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}
.top-category-menu .top-category-list .p1-nav .active {
    color:rgba(219, 37, 14, 0.74);
}
.top-category-menu .top-category-list .p2-nav .active {
    border: 1px solid rgba(219, 37, 14, 0.74);
}
.top-category-menu .top-category-list .p2-nav a {
    float: left;
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #666;
    font-size: 12px;
    border-radius: 5px !important;
}
.top-category-menu .top-category-list .p2-nav {
    clear: both;
    margin-bottom: 10px;
}
.top-category-menu .top-category-list {
    padding: 10px;
}
.top-category-menu {
    z-index: 999999;
    position: fixed;
    top: 44px;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 50px;
    background: #fff;
}



.top-search-menu {
    z-index: 999999;
    position: fixed;
    top: 44px;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 50px;
    background: #fff;
}
.top-search-menu .top-search-list {
    padding: 20px 20px;
}
.top-search-menu .top-search-back {
    height: 40px;
    background: rgba(2, 2, 1, 0.12);
    font-size: 16px;
    padding: 8px 0px 0 10px;
}
.top-search-menu .top-search-back i {
    font-size: 20px;
}
a {
    text-shadow: none;
    color: #666;
}
.page-footer {
    background: #40aae2;
}
.portlet.light {
    padding: 2px 10px 5px;
}
.portlet.light>.portlet-title>.caption {
    padding: 6px 0;
}
.portlet.light .portlet-body {
    padding-top: 0px;
}
.portlet.light>.portlet-title {
    min-height: 20px;
}
.fc-cart-title .fc-sku-name {
    margin: 0;
    font-size: 12px;
    color: #999;
}
.fc-image-list .layer-photos-demo {
    text-align: center;
}
.fc-image-list img {
    margin: 10px 10px;
}
.fc-sku-group-html {
    text-align: right;
}
.fc-image-list {
    margin-top: 30px;
    margin-bottom: 30px;
}
.fc-list-form li {
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #ebf0f5;
}
.fc-list-form span {
    float: right;
}
.fc-flash {
    padding:0 !important;
}
.fc-login {
    padding-top:30px;
}
.fc-login a {
    margin-left:10px;
}
.fc-list-row li {
    line-height:25px;
}
.fc-content-tool {
    padding-top:0px!important;
    text-align:left!important;
    padding-bottom: 10px!important
}
.fc-icon-left {
    float:left!important;
    margin-right:8px;
}
.fc-icon-left {
    float:left!important;
    margin-right:8px;
}
.fc-search-param .control-label{
    text-align:right;
    width: 11%;
}
.fc-search-null {
    margin-top:40px;
}
.fc-msg-icon {
    font-size:60px;
    color:#ddd;
}
.fc-search-null-icon {
    font-size:40px;
    color:#ddd;
}
.fc-search-null-txt {
    color:#9a9393;
    position: relative;
    top: -12px;
    padding-left:10px;
}
.fc-msg-info {
    margin-top: -10px;
    padding-bottom:5px;
    position: relative;
    top: -8px;
    padding-left:0px;
}
.fc-msg-title {
    color:#9a9393;
    padding-bottom:0px;
}
.fc-msg-url {
    padding-left: 0px;
}
.fc-404-title {
    color:#9a9393;
    padding-bottom:5px;
    position: relative;
    top: -12px;
    padding-left:10px;
}
.fc-msg-body {
    padding: 90px 0;
}
.fc-news-tag-list {
    border:0!important;
}
.fc-show-total {
    margin-bottom:30px
}
.fc-show-prev-next {
    margin:5px 0;
}
.search-post-foot > .search-post-meta {
    display: inline-block;
    margin-right: 10px; }
.search-post-foot > .search-post-meta > a {
    color: #9aa5b2;
    font-size: 13px;
    font-weight: 600; }
.search-post-foot > .search-post-meta > a:hover {
    color: #3598DC;
    text-decoration: none; }
.search-post-foot > .search-post-meta > i {
    margin-right: 5px; }
.search-post-foot > .search-post-meta:last-child {
    margin-right: 0; }

.search-img-thumb {
    height: 480px; }

.search-post-desc {
    margin-bottom: 30px; }

.search-post-foot {
    padding-top: 10px;
    text-align: left;
    clear: both;
}
.search-post-foot a {
    padding-right: 10px;
}
.search-post-foot > .search-post-tags > li {
    list-style: none;
    display: inline-block;
    margin-right: 5px; }
.search-post-foot > .search-post-tags > li > a {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px; }
.search-post-foot > .search-post-tags > li > a:hover {
    background-color: #3598DC;
    color: #fff;
    text-decoration: none; }
.search-post-foot > .search-post-tags > li:last-child {
    margin-right: 0; }
.blog-single-foot {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #f0f1f2;
    padding: 20px 0 20px 0;
    margin-bottom: 20px; }
.blog-single-foot > .blog-post-tags {
    text-align: left;
    padding: 0;
    margin: 0; }
.blog-single-foot > .blog-post-tags > li {
    list-style: none;
    display: inline-block;
    margin-right: 5px; }
.blog-single-foot > .blog-post-tags > li > a {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px; }
.blog-single-foot > .blog-post-tags > li > a:hover {
    background-color: #3598DC;
    color: #fff;
    text-decoration: none; }
.blog-single-foot > .blog-post-tags > li:last-child {
    margin-right: 0; }
.search-page .bordered {
    border: 1px solid;
    border-color: #e7ecf1; }

.search-page .search-bar {
    padding: 20px;
    margin-bottom: 40px;
    background-color: #fff; }
.search-page .search-bar input {
    border: none;
    background-color: #f3f6f9;
    color: #a0a9b4;
    height: 55px; }
.search-page .search-bar button {
    color: #fff;
    height: 55px;
    width: 130px;
    margin-left: -3px;
    margin-top: -2px; }
.search-page .search-bar .search-desc {
    margin: 0;
    color: #a0a9b4;
    font-size: 13px; }

.search-page .search-filter {
    background-color: #fff;
    padding: 40px 30px 0 30px;
    margin-bottom: 30px; }
.search-page .search-filter > .search-label {
    color: #a0a9b4;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 40px; }
.search-page .search-filter > .search-label:first-child {
    margin-top: 0; }
.search-page .search-filter input,
.search-page .search-filter select {
    color: #727f89;
    font-weight: 700;
    font-size: 14px; }
.search-page .search-filter button {
    margin: 40px 0;
    padding: 15px 0; }
.search-page .search-filter .search-filter-divider {
    display: block;
    height: 1px; }

.search-page .search-pagination {
    text-align: center; }
.search-page .search-pagination > .pagination > li > a {
    margin: 0 3px
}


.search-content-2 .search-container {
    background-color: #fff; }
.search-content-2 .search-container > ul {
    padding: 20px;
    margin-bottom: 0; }
.search-content-2 .search-container > ul > .search-item-header {
    list-style: none;
    padding: 0 0 5px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8; }
.search-content-2 .search-container > ul > .search-item-header h3 {
    font-size: 17px;
    color: #a0a9b4;
    margin: 5px 0 0 0; }
.search-content-2 .search-container > ul .search-item {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8; }
.search-content-2 .search-container > ul .search-item > .search-content p {
    margin: 0; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title {
    font-size: 19px;
    margin: 0 0 20px 0;
    font-weight: 600; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a {
    color: #4e5a64; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc {
    color: #a0a9b4;
    font-size: 13px; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a {
    color: #49a7fa; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover {
    text-decoration: none;
    color: #326b9e; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number,
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
    text-align: center; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number {
    font-size: 21px;
    color: #4e5a64;
    margin-bottom: 15px; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
    font-size: 13px;
    color: #8b96a4; }
.search-content-2 .search-container > ul .search-item:last-child {
    border: none; }

.search-content-3 .tile-container {
    margin-bottom: 30px; }
.search-content-3 .tile-container > .tile-thumbnail {
    height: 200px;
    overflow: hidden;
    position: relative; }
.search-content-3 .tile-container > .tile-thumbnail img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
.search-content-3 .tile-container > .tile-title {
    background-color: #fff;
    padding: 30px 20px; }
.search-content-3 .tile-container > .tile-title > h3 {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    display: inline-block; }
.search-content-3 .tile-container > .tile-title > h3 > a {
    color: #4e5a64; }
.search-content-3 .tile-container > .tile-title > h3 > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-3 .tile-container > .tile-title i {
    float: right;
    font-size: 24px;
    margin: 0 5px; }
.search-content-3 .tile-container > .tile-title > .tile-desc {
    font-size: 14px; }
.search-content-3 .tile-container > .tile-title > .tile-desc > p {
    margin: 20px 0 0 0; }
.search-content-3 .tile-container > .tile-title > .tile-desc > p > a:hover {
    text-decoration: none; }

.search-content-4 .search-bar .extra-buttons button {
    margin-right: 20px; }
.search-content-4 .search-bar .extra-buttons button:last-child {
    margin-right: 0;
    width: 170px; }

.search-content-4 .search-table th {
    border: none; }
.search-content-4 .search-table th > a {
    color: #fff; }
.search-content-4 .search-table th > a:hover {
    text-decoration: none;
    color: #eee; }

.search-content-4 .search-table th, .search-content-4 .search-table td {
    padding: 20px 30px;
    vertical-align: middle; }

.search-content-4 .search-table td {
    border-color: #fff; }

.search-content-4 .search-table .table-status {
    text-align: center; }
.search-content-4 .search-table .table-status i {
    font-size: 26px;
    padding-top: 10px; }

.search-content-4 .search-table .table-date {
    font-weight: 600;
    font-size: 14px;
    width: 180px; }
.search-content-4 .search-table .table-date a {
    color: #49a7fa; }
.search-content-4 .search-table .table-date a:hover {
    text-decoration: none;
    color: #326b9e; }

.search-content-4 .search-table .table-title {
    width: 390px; }
.search-content-4 .search-table .table-title > h3 {
    margin: 0;
    color: #4e5a64;
    font-size: 19px;
    font-weight: 600; }
.search-content-4 .search-table .table-title > h3 > a {
    color: #4e5a64; }
.search-content-4 .search-table .table-title > h3 > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-4 .search-table .table-title > p {
    margin-bottom: 0;
    margin-top: 10px; }
.search-content-4 .search-table .table-title > p > a {
    color: #49a7fa; }
.search-content-4 .search-table .table-title > p > a:hover {
    text-decoration: none;
    color: #326b9e; }

.search-content-4 .search-table .table-desc {
    font-size: 14px;
    color: #8b96a4; }

.search-content-4 .search-table .table-download {
    text-align: center; }
.search-content-4 .search-table .table-download i {
    font-size: 30px;
    padding-top: 10px; }



/***
TODO Page
***/
/* Cubic Bezier Transition */
.todo-sidebar {
    float: left;
    width: 230px;
    margin-right: 20px; }

.todo-content {
    overflow: hidden; }

.todo-tasklist-item-border-green {
    border-left: #3faba4 2px solid; }

.todo-tasklist-item-border-blue {
    border-left: #4c87b9 2px solid; }

.todo-tasklist-item-border-purple {
    border-left: #8877a9 2px solid; }

.todo-tasklist-item-border-red {
    border-left: #d05454 2px solid; }

.todo-tasklist-item-border-yellow {
    border-left: #d4ad38 2px solid; }

.padding-top-10px {
    padding-top: 15px; }

.todo-userpic {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px #cedae1 solid; }

.todo-text-color {
    color: #45535b; }

/* PROJECT LIST */
.todo-projects-config {
    padding: 6px 9px 3px 9px !important; }
.todo-projects-config > i {
    font-size: 14px !important; }

.todo-tasklist {
    padding: 0; }

.todo-project-list ul li a {
    font-size: 14px !important;
    padding: 8px 10px; }

.todo-project-list .nav li a .badge {
    float: right;
    margin-top: 1px !important; }

.todo-project-list .nav > li.active > a {
    color: #3f444a;
    background-color: #f1f4f7 !important; }

/* END PROJECT LIST */
/* TASK HISTORY */
.todo-task-history {
    padding: 0;
    margin: 0; }
.todo-task-history > li {
    padding: 5px 0; }
.todo-task-history > li > .todo-task-history-desc {
    overflow: hidden; }
.todo-task-history > li > .todo-task-history-date {
    font-size: 12px;
    float: right;
    width: 150px;
    margin-left: 10px;
    text-align: right;
    color: #999; }

/* TASKS LIST */
.todo-tasklist-item {
    background: #f6fbfc;
    padding: 10px;
    margin-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden; }
.todo-tasklist-item:last-child {
    margin-bottom: 0; }

div .todo-tasklist-item:hover {
    cursor: pointer;
    background-color: #edf7f9; }

.todo-tasklist-item img {
    margin: 0 10px 10px 0; }

.todo-tasklist-item-title {
    font-size: 15px;
    color: #2b4a5c;
    font-weight: 600;
    padding-top: 3px;
    padding-bottom: 13px; }

.todo-tasklist-item-text {
    font-size: 13px;
    color: #577688;
    padding-bottom: 5px; }

.todo-tasklist-item ul {
    margin: 5px 0 0 0px; }

.todo-tasklist-item li {
    color: #577688;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 !important; }

.todo-tasklist-item li i {
    color: #b3bfcb;
    font-size: 15px; }

.todo-tasklist-controls {
    margin-top: 5px; }

.todo-tasklist-date {
    color: #637b89 !important;
    margin-right: 12px; }

.todo-tasklist-date i {
    color: #abbfca !important;
    margin-right: 5px; }

/* END TASKS LIST */
/* TASK BODY */
.todo-taskbody-tasktitle {
    font-size: 18px;
    color: #778d96; }

.todo-taskbody-taskdesc {
    font-size: 14px;
    color: #778d96; }

.todo-username {
    font-size: 16px;
    color: #2b4a5c;
    font-weight: 600;
    padding: 15px 0 0 15px; }

.todo-comment-head {
    padding-top: 3px; }

.todo-comment {
    position: relative; }

.todo-comment:hover > .todo-comment-btn {
    display: block; }

.todo-comment-btn {
    display: none;
    position: absolute;
    top: 1px;
    right: 0px;
    font-size: 12px;
    color: #566e7c;
    border-color: #a2aeb5; }

.todo-comment-btn:hover {
    color: #fff;
    background-color: #a1b6c2;
    border-color: #a1b6c2; }

.todo-comment-username {
    font-size: 14px;
    color: #2b4a5c;
    font-weight: 600; }

.todo-comment-date {
    font-size: 12px;
    color: #2b4a5c;
    font-weight: 400; }

.todo-username-btn {
    margin: 14px 0 0 15px;
    color: #566e7c;
    border-color: #a2aeb5; }

.todo-username-btn:hover {
    color: #fff;
    background-color: #a1b6c2;
    border-color: #a1b6c2; }

.form .form-actions.todo-form-actions {
    padding-top: 10px;
    border: 0;
    margin: 0 0 20px 0; }

.page-header-top-index {
    height:30px;
    padding-top:5px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f7f1f1;
}
.page-header-top-index .page-top-index-left {
    float:left;
    width: 300px;
}
.page-header-top-index .page-top-index-right {
    float:right;
}
.page-header-member .dropdown-toggle{
    background:#fff !important;
}
.page-header-member {
    float: right;
    margin-top: -20px;
}
.page-header-search .btn {
    color: #656e7b !important;
}
.page-header-search {
    width: 400px;
    float: left;
    padding-top: 0px;
    margin-left: 120px;
}
.page-header-top-index span {
    color: #f7f1f1;
    padding:0 5px;
}
.page-top-index-right a {
    padding-left: 10px;
}
.page-header-top-index a{
    color: #94989e;
}
.page-header-module {
    float: left;
    display: block;
    width:100px;
    height:75px;
    overflow: hidden;
    padding-top:11px;
    font-size: 10px;
    color: #35b1dd;
}
.fc-search-keyword {
    border:1px solid #e1e5ec !important;
}
.todo-tasklist-devider {
    display: none;
}
.fc-list-image .tile-title{
    text-align:center;
}
.fc-list-image img{
    width:120px;
}
.fc-list-image {
    overflow:hidden;
    margin-top:5px;
    margin-bottom:5px;
}
.fc-member-name {
    padding-right:10px
}
.login {
    padding-top:50px!important;
    padding-bottom:30px!important;
}
.login-code .input-icon{
    margin-left:-2px;
}
.login-code {
    border-left: 2px solid #40aae2 !important;
}
.login .content h3 {
    color: #000; }

.login .content h4 {
    color: #555; }

.login .content p {
    color: #222; }

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px; }

.login .content .input-icon {
    border-left: 2px solid #40aae2 !important; }

.login .content .input-icon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
.login .content .input-icon .form-control {
    border-left: 0; }

.login .content .forget-form {
    display: none; }

.login .content .register-form {
    display: none; }

.login .content .form-title {
    font-weight: 300;
    margin-bottom: 25px; }

.login .content .form-actions {
    background-color: #fff;
    clear: both;
    border: 0px;
    padding: 0px 30px 5px 30px;
    margin-left: -30px;
    margin-right: -30px; }

.login .content .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px; }

.login .content .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0px; }

.login .content .form-actions .rememberme {
    margin-top: 8px;
    display: inline-block; }

.login .content .form-actions .btn {
    margin-top: 1px; }

.login .content .forget-password {
    margin-top: 25px; }

.login .content .create-account {
    border-top: 1px dotted #eee;
    padding-top: 10px;
    margin-top: 15px;
    clear: both;
}

.login .content .create-account a {
    display: inline-block;
    margin-top: 5px; }

/* select2 dropdowns */
.login .content .select2-container {
    border-left: 2px solid #40aae2 !important; }

.login .content .select2-container .select2-choice {
    border-left: none !important; }

.login .content .select2-container i {
    display: inline-block;
    position: relative;
    color: #ccc;
    z-index: 1;
    top: 1px;
    margin: 4px 4px 0px -1px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center; }

.login .content .has-error .select2-container i {
    color: #b94a48; }

.login .content .select2-container a span {
    font-size: 13px; }

.login .content .select2-container a span img {
    margin-left: 4px; }


.login-oauth {
    margin: 0;
    padding: 0;
}
.login-oauth li{
    float: left;
    display: inline;
    list-style: none;
    margin-right: 5px;
    margin-bottom: 5px;
}
.login-options {
    height:30px;
}

/* Cubic Bezier Transition */
/***
Blog Page
***/
.blog-page .bordered {
    border: 1px solid;
    border-color: #e7ecf1; }

.blog-page .blog-container {
    margin-bottom: 30px; }

.blog-page .blog-title > a {
    color: #4e5a64;
    font-weight: 600; }
.blog-page .blog-title > a:hover {
    color: #3598DC;
    text-decoration: none; }

.blog-content-1 .blog-img-thumb {
    overflow: hidden;
    position: relative; }
.blog-content-1 .blog-img-thumb img {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto; }

.blog-content-1 .blog-post-content {
    padding: 20px 20px 30px 20px;
    background-color: #fff; }
.blog-content-1 .blog-post-content > .blog-post-title {
    overflow: hidden;
    height: 18px;
    margin: 0 0 30px 0; }
.blog-content-1 .blog-post-content > .blog-post-title > a {
    font-size: 18px; }
.blog-content-1 .blog-post-content > .blog-post-desc {
    color: #a0a9b4;
    font-size: 14px;
    overflow: hidden;
    height: 18px;
    margin: 15px 0; }
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta {
    display: inline-block;
    margin-right: 10px; }
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a {
    color: #9aa5b2;
    font-size: 13px;
    font-weight: 600; }
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a:hover {
    color: #3598DC;
    text-decoration: none; }
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > i {
    margin-right: 5px; }
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta:last-child {
    margin-right: 0; }

.blog-content-1 .blog-post-lg > .blog-img-thumb {
    height: 480px; }

.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-desc {
    margin-bottom: 30px; }

.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot {
    border-top: 1px solid;
    border-top-color: #f0f1f2;
    padding-top: 20px;
    text-align: right; }
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags {
    text-align: left;
    float: left;
    padding: 0; }
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li {
    list-style: none;
    display: inline-block;
    margin-right: 5px; }
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px; }
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a:hover {
    background-color: #3598DC;
    color: #fff;
    text-decoration: none; }
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li:last-child {
    margin-right: 0; }

.blog-content-1 .blog-post-sm > .blog-img-thumb {
    height: 200px; }

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-title {
    margin: 0 0 15px 0; }

.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-foot {
    border: none; }

.blog-content-1 .blog-quote {
    background-color: #fff;
    padding-bottom: 30px; }
.blog-content-1 .blog-quote > .blog-quote-label {
    color: #fff;
    padding: 30px 40px 80px 40px;
    font-size: 18px;
    line-height: 28px; }
.blog-content-1 .blog-quote > .blog-quote-label > i {
    display: block;
    font-size: 30px;
    margin-bottom: 15px; }
.blog-content-1 .blog-quote > .blog-quote-avatar {
    width: 110px;
    height: 110px;
    border-radius: 50% !important;
    margin: -55px auto 25px auto;
    overflow: hidden; }
.blog-content-1 .blog-quote > .blog-quote-avatar img {
    width: 100%; }
.blog-content-1 .blog-quote > .blog-quote-author {
    text-align: center; }
.blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-title {
    font-size: 20px;
    margin: 0 0 15px 0; }
.blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-desc {
    font-size: 16px;
    color: #9aa5b2;
    margin: 0; }

.blog-content-1 .blog-video > .blog-img-thumb {
    height: 330px; }
.blog-content-1 .blog-video > .blog-img-thumb img {
    margin: 0; }

.blog-content-1 .blog-video > .blog-video-play i {
    color: #da555b;
    background-color: rgba(0, 0, 0, 0.64);
    font-size: 35px;
    padding: 27px 20px;
    position: absolute;
    z-index: 5;
    margin: -90px 0 0 20px;
    border-radius: 50%; }

.blog-content-1 .blog-video > .blog-video-content {
    text-align: center;
    padding: 30px; }
.blog-content-1 .blog-video > .blog-video-content > .blog-video-title {
    font-size: 20px;
    margin: 0 0 15px 0; }
.blog-content-1 .blog-video > .blog-video-content > .blog-video-desc {
    font-size: 16px;
    color: #9aa5b2;
    margin: 0; }

.blog-content-1 .blog-banner {
    background-position: center;
    text-align: center;
    padding: 100px 0; }
.blog-content-1 .blog-banner > .blog-banner-title > a {
    color: #fff; }
.blog-content-1 .blog-banner > .blog-banner-title > a:hover {
    color: #3598DC; }

.blog-content-2 .blog-single-content {
    padding: 40px 30px 15px 30px;
    background-color: #fff; }
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title {
    font-size: 25px;
    font-weight: 600;
    color: #4e5a64;
    margin: 0 0 40px 0;
    display: inline-block; }
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date {
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-top: 7px; }
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > i {
    margin-right: 5px; }
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a {
    color: #9aa5b2; }
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a:hover {
    color: #3598DC;
    text-decoration: none; }
.blog-content-2 .blog-single-content > .blog-single-img {
    margin: 0 0 35px 0; }
.blog-content-2 .blog-single-content > .blog-single-img > img {
    width: 100%; }
.blog-content-2 .blog-single-content > .blog-single-desc > p {
    margin: 0 0 35px 0;
    font-size: 16px;
    color: #7e8691;
    line-height: 24px; }
.blog-content-2 .blog-single-content > .blog-single-foot {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #f0f1f2;
    padding: 20px 0 25px 0;
    margin-bottom: 20px; }
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags {
    text-align: left;
    padding: 0;
    margin: 0; }
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li {
    list-style: none;
    display: inline-block;
    margin-right: 5px; }
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px; }
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a:hover {
    background-color: #3598DC;
    color: #fff;
    text-decoration: none; }
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li:last-child {
    margin-right: 0; }
.blog-content-2 .blog-single-content .blog-comments {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 6px 10px 3px 0; }
.blog-content-2 .blog-single-content .blog-comments .blog-comments-title {
    font-size: 20px; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list {
    margin-bottom: 60px; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media {
    margin: 30px 0; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body > .media:last-child {
    margin-bottom: 0; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object {
    height: 50px;
    width: 50px;
    border-radius: 50px !important; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a {
    color: #9aa5b2;
    font-weight: 600; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a:hover {
    color: #3598DC;
    text-decoration: none; }
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > .c-date {
    font-size: 14px; }
.blog-content-2 .blog-single-content .blog-comments i {
    position: relative;
    top: 2px; }
.blog-content-2 .blog-single-content .blog-comments input:focus,
.blog-content-2 .blog-single-content .blog-comments textarea:focus {
    outline: 0;
    border: 1px solid #ccc; }

.blog-content-2 .blog-single-sidebar {
    padding: 40px 30px;
    background-color: #fff; }
.blog-content-2 .blog-single-sidebar .blog-sidebar-title {
    font-weight: 600;
    font-size: 14px;
    color: #4e5a64;
    letter-spacing: 1px;
    margin-top: 40px;
    margin-bottom: 30px; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input {
    font-size: 14px;
    color: #a0a9b4; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input:focus {
    outline: 0;
    border: 1px solid #ccc; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul {
    padding: 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li {
    list-style: none;
    margin-bottom: 10px;
    position: relative; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a {
    color: #49a7fa;
    font-size: 16px;
    padding-left: 20px;
    display: block; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a:hover {
    text-decoration: none;
    color: #3598DC; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li:before {
    content: "•";
    color: #dae0e5;
    font-size: 30px;
    position: absolute;
    margin-top: -9px; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags {
    text-align: left;
    padding: 0;
    margin: 20px 0 0 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li {
    list-style: none;
    display: inline-block;
    margin: 0 5px 20px 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a {
    background-color: #f4f6f8;
    color: #a0a9b4;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 10px; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a:hover {
    background-color: #3598DC;
    color: #fff;
    text-decoration: none; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li:last-child {
    margin-right: 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul {
    padding: 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li {
    list-style: none;
    border-bottom: 1px solid;
    border-color: #f0f1f2;
    padding: 20px 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a {
    color: #49a7fa;
    font-size: 16px; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a:hover {
    text-decoration: none;
    color: #3598DC; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:first-child {
    padding-top: 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:last-child {
    border: none; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-margin {
    margin: 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-padding {
    padding: 0 5px 5px 0; }
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui img {
    width: 100%; }
.fc-search-param .form-group label {
    margin-bottom: 10px;
}
.down-title .info {
    color: #999;
    padding-top: 5px;
}
.down-title .info label span {
    color:#000;
}
.down-title .info label {
    padding-right: 15px;
}

@media (max-width: 991px) {
    .blog-content-1 .blog-post-lg > .blog-img-thumb {
        height: 330px; }
    .blog-content-1 .blog-post-sm > .blog-img-thumb {
        height: 170px; }
    .blog-content-1 .blog-video > .blog-img-thumb {
        height: 301px; }
    .blog-content-1 .blog-video > .blog-img-thumb img {
        height: auto;
        width: 100%; } }

@media (max-width: 480px) {
    .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot {
        text-align: left; }
    .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags {
        float: none; }
    .blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-meta {
        margin-right: 10px;
        margin-top: 10px; }
    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title {
        margin-bottom: 0px; }
    .blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date {
        float: none;
        margin-bottom: 40px; } }


.fc-search-keyword {
    border:1px solid #e1e5ec !important;
}
.hometel {
    font-size: 20px;
    color: #40aae2;
    padding-right: 20px;
    padding-top: 2px;
    font-weight: bold;
}
.search-tag a {
    padding-right:5px;
}
.search-tag {
    margin-top: 8px;
}
.news-body {
    border: 1px solid #eee;
    padding: 15px;
    font-size: 14px;
}
.title-btn  {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.title-btn label {
    padding-right: 10px;
    padding-top: 10px;
    color:#666;
}
.news-keyword-tags label a {
    margin: 0 5px 0 3px;
    font-size: 12px;
    background: #999;
    color: #fff;
    padding: 1px 5px;
}
.news-next-prev  p {
    margin: 10px 0;
}
.news-summary {
    background: #f9f9f9;
    color: #777;
    line-height: 24px;
    padding: 20px 32px;
    margin-bottom: 32px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}
.news-comments-body {
    padding: 30px 12px;
    border: 1px solid #eee;
    border-top: 2px solid #40aae2;
    clear:both;
}
.news-hits-body {
    padding: 10px 15px;
    border: 1px solid #eee;
    border-top: 2px solid #40aae2;
    clear:both;
    margin-bottom: 30px;
}
.news-hits-body ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.news-hits-body .news li {
    line-height:25px;
    font-size:14px;
}

.news-hits-body .image p {
    color: #a3a3a3;
    margin: 0;
    margin-top: 4px;
}

.news-hits-body .image h5{
    font-size: 14px;
    color: #646464;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-weight: normal;
    margin-top: 0px;
}
.news-hits-body .image .pic img{
    display: block;
    width: 83px;
    height: 62px;
}
.news-hits-body .image .pic {
    float: left;
    margin-right: 17px
}
.news-hits-body .image li {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.news-hits-body .image li:last-child {
    border: 0;
}
.news-hits-body .ctitle {
    font-size:18px;
    font-weight: bold;
    padding-bottom: 12px;
}
.news-comments-top {
    margin-top:20px;
}
.news-comments-top h4 {
    float: left;
    font-weight: 400;
    font-size: 18px;
    color: #414141;
    padding-left: 10px;
    border-left: 6px solid #40aae2;
}
.news-comments-top .count {
    float: right;
    font-size: 14px;
    color: #999;
    padding-top: 12px;
}

.news-list {
    clear: both;
    list-style: none;
    padding: 20px;
}

.news-list li {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.news-list li:last-child {
    border: 0;
}

.news-list .pic {
    position: relative;
    z-index: 1;
    float: left;
    margin: 3px 15px 0 0;
    overflow: hidden;
    width: 200px;
    height: 150px;
}
.news-list .con {
    margin-top: -2px;
}
.news-list h3 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: normal;
}
.news-list h5 a {
    color: #000;
    font-size: 18px;
}
.news-list p {
    color: #aaa;
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    margin: 0 0 8px;
}
.news-list dl {
    height: 18px;
    line-height: 18px;
    color: #999;
    margin-top: 15px;
}
.news-list .time {
    float: left;
    margin-right: 32px;
}
.news-list dd {
    float: right;
}
.news-list-pagination .page-active a {
    color: #fff;
    background-color: #40aae2;
    border: 1px solid #40aae2;
}
.news-list-pagination {
    text-align: center;
}
.pagination>li>a, .pagination>li>span {
    color: #000;
}
.news-tabs {
    height: 50px;
    line-height: 50px;
}
.news-title {
    border-bottom: 1px solid #eee;
    margin-top:10px;
}
.news-tabs ul {
    float: left;
    list-style: none;
    padding: 0;
}
.news-tabs li.selected {
    position: relative;
    border-bottom: 1px solid #40aae2;
}
.news-tabs li {
    text-align: center;
    float: left;
    width: 78px;
    font-size: 16px;
    margin-bottom: -1px;
}
.bg-flash {
    border: 1px solid #eee;
    padding:5px;
    overflow: hidden;
}
.news-search {
    padding: 10px 15px 15px;
    border: 1px solid #eee;
    text-align: left;
    margin-bottom: 30px;
}
.news-search-param {
    margin: 10px auto;
    padding: 3px 5px;
    clear: both;
}
.news-search-param .input-group {
    width: 500px;
    margin-top: 20px;
}
.btn.default {
    color: #fff !important;
    background-color: #40aae2 !important;
    border-color: #40aae2 !important;
}
.news-search-param-name {
    width: 100px;
    float: left;
}
.news-search-param-value .label {
    padding: 3px 10px;
}
.news-search-param-value .label-success {
    background-color: #40aae2; }
.news-search-param-value .label-success[href]:hover,
.news-search-param-value .label-success[href]:focus {
    background-color: #d0d0d0; }

.news-search-param-value .label-default {
    background: none;
    color:#333
}

.search-content .title {
    background: #f4f4f4;
    height: 40px;
    line-height: 40px;
}
.search-content .tabs {
    float: left;
}
.search-content .tabs ul {
    list-style: none;
    padding: 0;
}
.search-content .tabs li.selected {
    background: #fff;
    border-top: 3px solid #40aae2;
    height: 40px;
    line-height: 40px;
}
.search-content .tabs li {
    float: left;
    width: 100px;
    color: #666666;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.search-content .tabs li.selected a {
    color: #40aae2;
}
.search-content .title .fr {
    float: right;
    font-size: 14px;
    color: #999;
    padding-right: 10px;
}
.search-content .title .fr em {
    color:#EB6100;
    padding-left: 5px;
    padding-right: 8px;
}
.search-content .no-feed {
    background-color: #fff;
    min-height: 320px;
}
.search-content .no-feed .empty-img {
    margin: 0 auto;
    width: 167px;
    height: 74px;
    margin-top: 110px;
}
.search-content .no-feed .empty-img img {
    width: 100%;
    height: 100%;
}
.search-content .no-feed p {
    margin-top: 24px;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.bg-h {
    background-color: #F2F2F2;
}
.bbs-table .bbs-table-title {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-bottom: 1px dotted #E9E9E9;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
.bbs-table  {
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.bbs-table ul {
    list-style: none;
    padding: 0;
}
.bbs-table .bbs-list li {
    position: relative;
    padding: 15px 15px 15px 75px;
    border-bottom: 1px dotted #e2e2e2;
}
.bbs-table .bbs-list li:last-child {
    border-bottom: none;
}
.bbs-table .bbs-list li h2 {
    height: 26px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
.bbs-table .bbs-list li h2 .layui-badge {
    top: -2px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #40aae2;
    background: none;
    color: #40aae2;
}
.bbs-table .bbs-list li h2 a {
    display: inline-block;
    max-width: 80%;
    padding-right: 10px;
    font-size: 16px;
}
.bbs-table .bbs-list-info {
    position: relative;
    font-size: 13px;
    color: #999;
}
.bbs-table .bbs-list-info a[link] {
    color: #999;
}
.bbs-table .bbs-list-info>* {
    padding-right: 15px;
}
.bbs-table .bbs-list-kiss {
    color: #40aae2;
}
.bbs-table .bbs-list-badge {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
}
.bbs-table .bbs-list-badge .layui-badge {
    margin-left: 5px;
    border-radius: 2px;
    font-size: 12px;
    color: #999;
}
.layui-badge {
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
}
.bbs-table .bbs-list .bbs-avatar img {
    display: block;
    width: 45px;
    height: 45px;
    margin: 0;
    border-radius: 2px;
}
.bbs-table .bbs-list .bbs-avatar {
    position: absolute;
    left: 15px;
    top: 15px;
}
.bbs-table .bbs-list-quick .on a {
    color:#40aae2;
}
.bbs-table .bbs-list-quick {
    border: 1px solid #f2f2f2;
    border-bottom: none;
    border-right: 0;
}
.layui-clear {
    clear: both;
    *zoom: 1;
}
.bbs-table .bbs-list-quick .layui-col-xs6 {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    border: 1px solid #f2f2f2;
    border-left: none;
    border-top: none;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.layui-col-xs6 {
    width: 50%;    float: left;
}
.bbs-table .bbs-list-quick a {
    display: block;
}
.note.note-info {
    background-color: #ffffff;
    border-color: #40aae2;
    color: #010407;
}
.bbs-list-tz  {
    padding:10px 0 !important;
}
.bbs-list-tz li {
    margin: 2px 15px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    list-style: decimal-leading-zero inside;
    color: #40aae2;
}
.search-content .bbs-table {
    margin-top: 30px;
    box-shadow:none
}
.bbs-search-left .bbs-table {
    box-shadow:none;
    border: 1px solid #eee;
}
.bbs-content .news-body ,.bbs-content .news-comments-body {
    background-color: #ffffff;
}
.wbbs_show .portlet-body p {
    margin: 10px 0;
}
.wbbs_avatar_url {
    margin-top: 0 !important;
}
.bbs-comments-item:last-child {
    border: 0;
}
.bbs-comments-item .wbbs_avatar p{
    margin: 10px 0;
}
.bbs-comments-item .portlet-body {
    padding-top:20px;
}
.wbbs_show .portlet-body {
    padding-top:0px;
}
.bbs-comments-item .wbbs_reply {
    margin-left: 20px;
}
.bbs-comments-item {
    padding: 15px 0;
    border-bottom: 1px dotted #DFDFDF;
}
.news-body .title {
    line-height:30px;
}

.book-content {
    margin-bottom: 20px;
    overflow: hidden;
}
.book-content .commonTitle {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid rgba(90,90,90,0.25);
    font-size: 24px;
    color: #40aae2;
    position: relative;
}
.book-content .commonTitle h4 {
    position: relative;
    font-weight: normal!important;
    padding-left: 10px;
    border-left: 5px solid #40aae2;
}
.page-footer a{
    color:#fff;
}
.page-footer a:hover{
    color:#acacac
}
.mt20 {
    margin-top: 20px!important;
}
.fl {
    *display: inline;
    float: left!important;
}
.book-content .commonTitle a {
    text-decoration: none;
    color: #acacac;
    font-size: 14px;
    padding-left: 15px;
}
.link-list a{
    padding-right:15px;
}
.link-list {
    padding-top:15px;
}
.fr {
    *display: inline;
    float: right!important;
}

.book-content-list {
    padding-top: 20px;
}
.book-content-list .books {
    border: 1px solid #e7e7e7;
    margin: 0px;
    padding: 0px;
    /* padding-left: 26px; */
    /* padding-right: 26px; */
    /* padding-top: 5px; */
}
.book-content-list .books li .book:hover{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    cursor: pointer;
}
.book-content-list .books li .book:hover img{
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.book-content-list .books li .book .bookDetail .bookName:hover,
.book-content-list .books li .book .bookDetail .typeAuthor span+a:hover{
    color: #40aae2;
}
.book-content-list .books li .book .bookDetail .typeAuthor span:hover{
    color: #3c3c3c;
}
.book-content-list .books li:first-child {
    border-top: none;
    padding-top: 0;
}
.book-content-list .books li {
    list-style: none;
    /* border-top: 1px solid #efefef; */
    /* margin-top: 23px; */
    /* padding-top: 24px; */
}
.book-content-list .books li .book:first-child {
    margin-left: 0;
}
.book-content-list .books li .book {
    float: left;
    width: 50%;
    height: 191px;
    padding-left: 4%;
    padding-top: 26.5px;
    padding-bottom: 23px;
    padding-right: 12px;
}
.book-content-list .books li .book img {
    width: 100px;
    height: 138px;
    margin-right: 17px;
}
.book-content-list .books li .book .bookDetail {
    margin-left: 117px;
}
.book-content-list .books li .book .bookDetail .bookName {
    font-size: 16px;
    color: #3c3c3c;
    line-height: 46px;
}
.book-content-list .books li .book .bookDetail .detail {
    font-size: 14px;
    line-height: 25px;
    color: #868686;
    max-height: 50px;
    overflow: hidden;
}
.book-content-list .books li .book .bookDetail .typeAuthor {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    margin-top: 12px;
    color: #acacac;
}
.book-content-list .books li .book .bookDetail .typeAuthor span {
    color: #40aae2;
    margin-right: 15px;
    display: inline-block;
    position: relative;
}
.recommend {
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f9f9f9;
}
.recommend .title {
    font-size: 18px;
    height: 58px;
    line-height: 60px;
    background-color: #e7e7e7;
    padding-left: 13px;
}
.recommend ul li:first-child {
    border-top: none;
    height: 96px;
    padding-top: 17px;
}
.recommend ul li {
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #ececec;
    padding: 0 13px;
}
.recommend ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #868686;
}
.recommend ul li:nth-child(1) span {
    color: #fff;
    background-color: #40aae2;
}
.recommend ul li span {
    display: inline-block;
    width: 14px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #bfbfbf;
    margin-right: 10px;
}

.recommend ul li span {
    font-size: 12px;
}
.recommend ul li:nth-child(1) span {
    color: #fff;
    background-color: #40aae2;
}
.recommend ul li span {
    display: inline-block;
    width: 14px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #bfbfbf;
    margin-right: 10px;
}

.recommend ul li span {
    font-size: 12px;
}
.recommend ul li:first-child img {
    width: 48px;
    height: 64px;
}
.recommend ul li:first-child .bookContent {
    padding-left: 10px;
    width: 220px;
}
.recommend ul li:first-child .bookContent .bookName {
    font-size: 16px;
    line-height: 18px;
    color: #5a5a5a;
}
.recommend ul li:first-child .bookType, .recommend ul li:first-child .bookAuthor {
    font-size: 12px;
    color: #acacac;
    margin-top: 8px;
    line-height: 16px;
}
.recommendCon {
    margin: 0;
    padding: 0;
}
.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.recommend ul li:hover{
    background-color: #efefef;
}
.recommend ul li:hover a,
.recommend ul li:hover .bookContent .bookName{
    color: #40aae2;
    font-size: 18px;
}
.m-bookdetail {
    position: relative;
    height: 237px;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
}
.m-bookdetail .cover {
    position: relative;
    float: left;
    margin-right: 22px;
    width: 172px;
    height: 237px;
}
.f-fl {
    display: inline;
    float: left;
}
.m-bookdetail h3 {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #06080a;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 48px;
    margin: 0;
}
.m-bookdetail h3 b {
    font-size: 20px;
    font-weight: 700;
}
.m-bookdetail h3 span {
    font-size: 14px;
    font-weight: 400;
    color: #545c66;
    margin-left: 14px;
}
.m-bookdetail .description {
    position: relative;
    height: 80px;
    margin-top: 18px;
    font-size: 14px;
    color: #545c66;
    line-height: 22px;
    text-align: justify;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
}
.m-bookdetail .ops2 {
    margin-top: 10px;
}
.m-bookdetail .ops2 a{
    margin-right: 10px;
}
.book-content-list p {
    margin: 10px 0;
}
.book-ml-list li span {
    float: right;
}
.book-ml-list li {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px dotted #e2e2e2;
}
.book-ml-list li:last-child {
    border-bottom: none;
}
.book-ml-list {
    list-style-type: none;
    padding:0;
    padding-top:20px;
}
.book-tag-list {
    padding-top:20px
}
.image-thumbnail img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius:20px !important
}
.image-thumbnail3 img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius:5px !important
}
.image-thumbnail2 img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius:20px !important
}
.image-thumbnail4 img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius:5px !important
}
.image-list .image-item {
    width: 20%;
    float: left;
}
.image-list .image-item-list {
    width: 30%;
    float: left;
}
.image-list .image-title {
    margin-top: 10px;
    margin-bottom: 20px;
}
.image-list {
    text-align: center;
}
.image-list .fang-info {
    padding: 0 18px;
    text-align: left;
    padding-top: 5px;
    color: #777777ba;
}
.image-list .fang-item {
    height: 280px;
}
.image-list .fang-title {
    margin-top: 10px;
    padding: 0 18px;
    text-align: left;
}
.down-title {
    margin-top: 20px;
}
.down-title h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}
.down-title .info label span {
    color:#000;
}
.down-title .info label {
    padding-right: 15px;
}
.job-lx p {
    margin: 10px 0;
}
.job-btn {
    text-align: center;
    margin: 10px 0 20px 0;

}
.down-title .info {
    color: #999;
    padding-top: 5px;
}
.category-flag {
    padding-bottom: 0;
    height:258px;
    overflow: hidden;
}
.category-flag .image li:last-child {
    padding-top: 20px !important;
}
.category-flag .image li:first-child {
    padding-bottom: 20px !important;
}
.category-flag .image li {
    pading-bottom: 10px;
}

ul,ol,li,dl{list-style-type:none;
    margin:0;padding:0;
}
.form-horizontal .bordered{
    border: 0px !important;
}
/* smallImg */
.smallImg{position:relative; height:60px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:100%; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../img/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../img/d_09.png) no-repeat; margin-left:375px; margin-top:-50px; float: right;}

#imageMenu {height:50px; width:95%; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{  border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:100%; height:300px; overflow:hidden;}
.bigImg #midimg{width:100%; height:300px;}
.bigImg #winSelector{width:160px; height:160px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}


.tg_main_nav .h3 .s, .slide .prev, .slide .next, .erweima, .gonggao_mall .bd li, .gonggao_mall .ft, .tg_sys_list .prev, .tg_sys_list .next, .tg_sys_list .hd_1 .tit, .tg_sys_list .hd_1 .more, .tg_sys_list .hd_2 .more, .tg_sys_list .hd_2 .ico, .tg_sys_list2 .item .s, .tg_footer li s, .fixed_menu li a, .mt_fliter .bd .s, .mt_fliter .s_search .s_btn, .mt_fliter .hd a, .store_info .commitment_hd, .product_info .sel .b .item_btn.current .s, .product_info .num .increase, .product_info .num .reduce, .product_info .btn3 .addto, .product_detail .img .btn_prev, .product_detail .img .btn_next, .product_detail .img .cur .arrow, .navWrap .allCatTG .s, .ismiaosha, .addto_animate_ico {

}
.product_info {}
.ismiaosha { display:block; position:absolute; z-index:3; left:-8px; top:-8px; width:100px; height:100px; overflow:hidden; text-indent:-999em; background-position:-10000px -10000px;}
.ms_status_0 { background-position:-101px -569px;}
.ms_status_1 { background-position:0 -569px;}
.ms_status_2 { background-position:-202px -569px;}
.displays2 { display:block;}
.product_info h1 { font-size:18px; font-weight:normal; line-height:32px;
    padding-top: 0;
    margin-top: 0;
}
.product_info h1 .ico { margin-left:5px; border-radius:2px; font-size:14px; line-height:16px; color:#fff; display:inline-block; *display:inline;*zoom:1; vertical-align:2px; padding:4px 6px; background-color:#df5841;}
.product_info h1 .display0{ display:none;}
.product_info h1 .s_tuijian { background-color:#ff707d;}
.product_info h1 .s_duotaocan { background-color:#ffa95e;}
.product_info h1 .s_mianyuyue { background-color:#2fd4da;}
.product_info h1 .s_tehui { background-color:#89e951;}
.product_info .status { margin:10px 0;}
.product_info .timeover { color:#ff006a; font-size:18px;}
.product_info .timeok { color:#999; font-size:16px;}
.product_info .timeok em { color:#f60;}
.product_info .price { position:relative; z-index:1; *zoom:1; background-color:#f8f8f8; padding:21px 0 16px; color:#f78115; font-size:14px;}
.product_info .price em { font-size:24px; font-style: normal; }
.product_info .price .del,.product_info .price .dels { line-height:40px; color:#c0c0c0; font-size:16px; text-decoration:line-through;}
.product_info .price .dels { text-decoration:none;}
.product_info .price li { float:left; width:130px; padding:0 0 0 25px; border-right:1px solid #f3f3f3;}

.product_info .price .tit { color:#888; display:block;
    padding-left: 15px;}
.product_info .price .mobilread { position:absolute; right:15px; top:12px; width:75px; font-size:12px; text-align:center; color:#999; }
.product_info .price .mobilread img { display:block; vertical-align:top; width:50px; height:50px; margin-top:5px;}


.product_info .tabe { padding:10px 0; border-bottom:1px solid #eee;}
.product_info .tabe li { float:left; width:33%; text-align:center; color:#999; font-size:14px; line-height:16px;}
.product_info .tabe li.b { border-left:1px solid #eee; border-right:1px solid #eee;}
.product_info .sel { overflow:hidden; *zoom:1; font-size:14px; margin:10px 0;}
.product_info .sel .a,.product_info .sel .b { float:left;}
.product_info .sel .a { width:72px; color:#999; line-height:33px;}
.product_info .sel .b { width:450px;}
.product_info .sel .b .item_btn { position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1; margin-right:5px; vertical-align:middle; border:1px solid #ddd; padding:5px 10px; margin-bottom:5px;}
.product_info .sel .b .item_btn.current,.product_info .sel .b .item_btn:hover { border:2px solid #f78115; padding:4px 9px; text-decoration:none; color:#333;}
.product_info .sel .b .s { display:none;}
.product_info .sel .b .item_btn.current .s { display:block; width:10px; height:10px; overflow:hidden; background-position:-412px -385px;  position:absolute; right:0; bottom:0;}
.product_info .num {}
.product_info .num .increase,.product_info .num .reduce { float:left; width:30px; height:30px; border:1px solid #ddd; text-indent:-999em; overflow:hidden;}
.product_info .num .increase { border-left:0 none; background-position:-397px -295px;}
.product_info .num .reduce { border-right:0 none; background-position:-398px -339px;}
.product_info .num_ipt { float:left; width:45px; height:30px; border:1px solid #ddd; text-align:center; outline:none; font-size:14px;}
.product_info .num .numTips { float:left; display:inline; display:none; border:1px solid #fdb878; background-color:#fff7d2; color:#999; font-size:14px; padding:0 9px; margin-left:15px; height:34px; line-height:34px;}
.product_info .num .knum { float:left; color:#999; font-size:14px; padding:0 9px; height:34px; line-height:34px;}
.product_info .num .numTips em,.product_info .num .knum em { color:#f78115;}
.product_info .btn3 { margin-top:15px;}
.product_info .btn3 .buyto,.product_info .btn3 .buyto2,.product_info .btn3 .addto { float:left; font-size:18px; padding:5px 40px;}
.product_info .btn3 .buyto:hover,.product_info .btn3 .addto:hover { text-decoration:none;}
.product_info .btn3 .buyto2 { background-color:#2fd4da; border:1px solid #2fd4da; color:#fff;display:inline;}
.product_info .btn3 .buyto { background-color:#f78115; border:1px solid #f78115; color:#fff; margin-right:10px; display:inline;}
.product_info .btn3 .addto { background-color:#fcd9b9; border:1px solid #f78115; color:#f78115; padding:5px 25px 5px 47px; background-position:-380px -244px; margin-right:10px; }
.product_info .disabled .buyto,.product_info .disabled .buyto2,.product_info .disabled .addto,.product_info .disabled .buyto:hover,.product_info .disabled .addto:hover { background-color:#ccc; color:#fff; cursor:default; border:1px solid #ccc;}
.product_info .disabled .addto { background-position:-380px -572px;}

.i_buy {}
.i_buy .hd { display:none; position:relative; z-index:1; color:#f78115;}
.i_buy .hd .close { position:absolute; right:0; top:-5px; font-size:14px; color:#f78115;}
.i_buy .btn2 { display:none;}
.i_buy .btn2 .buyok { background-color:#f78115; border:1px solid #f78115; color:#fff; display:inline-block; *display:inline; *zoom:1; font-size:18px; padding:5px 40px;}
.i_buy_open { position:absolute; z-index:2; border:2px solid #f78115; padding:10px; background-color:#fff;}
.i_buy_open .hd,.i_buy_open .btn2 { display:block;}
.i_buy_open .btn { display:none;}
.i_buy_open .btn2 { display:block; visibility:hidden; margin:10px 0 0 73px;}

.i_buy_open .visible { visibility:visible;}

.carbox span{
    cursor: pointer;
    float:left;
    min-width:40px;
    padding:0px 8px;
    text-align:center;
    line-height:22px;
    position:relative;
    background: #fff;
    margin-right:8px;
}
.sku-name {
    width:62px;
    padding-right:10px !important;
    padding-bottom:5px !important;
    text-align:right !important;
}
.carbox .txt{
    padding: 4px 6px;
    border: 1px solid #ccc;
    color:#646464;
    background:#fff;
    margin-bottom:5px;
    white-space:nowrap;
}
.carbox span.txt:Hover{
    border: 2px solid #e4393c;
    padding: 3px 5px;
}
.carbox span.curr{
    padding: 3px 5px;
    border: 2px solid #40aae2;
}
.carbox span.curr b {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    overflow: hidden;
}
.attributes{
    clear: both;
    padding: 5px 0;
    overflow: hidden;
}
.attribute-label {
    padding-bottom: 5px;
    color: #999;
    font-size: 14px;
}
.info-orther {
    padding: 10px 0;
    font-size: 14px;
}


.store_info { border:1px solid #eee; font-size:14px;}
.store_info .hd { background-color:#f7f7f7; border-bottom:1px solid #eee; font-size:16px; color:#444; padding:8px 0 8px 10px;}
.store_info .bd { padding:10px;}
.store_info .pic { display:block; border-bottom:1px dashed #eee; padding-bottom:10px;}
.store_info .pic img { margin:0 auto; display:block; width:150px; height:100px; vertical-align:top;}
.store_info .shop_title { color:#005a9f; margin-bottom:15px; border-bottom:1px dashed #eee; font-size:14px; text-align:center; display:block; height:40px; line-height:40px; overflow:hidden;}
.store_info .line { overflow:hidden; *zoom:1; margin:3px 0;}
.store_info .line .a,.store_info .line .b { display:block; float:left; line-height:22px;}
.store_info .line .a { text-align:right; width:72px; color:#aaa;}
.store_info .line .b { width:134px;}
.store_info .commitment_hd { height:34px; line-height:34px; margin:10px auto; color:#fff; font-size:14px; text-align:center; background-position:0 -532px;}
.store_info .commitment_bd {     padding: 0;}
.store_info .commitment_bd li { padding-left:30px; position:relative; z-index:1; *zoom:1; height:28px; line-height:28px; overflow:hidden;}
.store_info .commitment_bd li .sp { display:block; position:absolute; left:3px; top:4px; border-radius:2px; color:#fff; font-size:12px; text-align:center; width:20px; height:20px; background-color:#2bb8aa; line-height:20px;}

.search-mall {
    border:0;
}


.tg_sys_list2 {}
.tg_sys_list2 .bd {overflow:hidden;}
.tg_sys_list2 .bd ul { padding:0; }
.tg_sys_list2 .item { position:relative; z-index:1; *zoom:1; width:220px; border:0 none; padding:9px 10px 15px 9px; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.tg_sys_list2 .item:hover {
    border:1px solid #f60;
}
.tg_sys_list2 .item .img { width:200px; height:200px;}
.tg_sys_list2 .item .shop { top:258px;}
.tg_sys_list2 .item .price { font-size:14px;}
.tg_sys_list2 .item .price em { font-size:26px; color:#f60; font-style: normal;}
.tg_sys_list2 .item .po { position:absolute; z-index:2; top:0; left:0; text-align:center; width:239px;}
.tg_sys_list2 .item .s { display:inline-block; *display:inline; *zoom:1; width:55px; height:37px; background-position:-74px -126px; text-decoration:none; color:#fff; font-size:16px; line-height:32px;}
.tg_sys_list2 .item .s_duotaocan { background-position:-132px -126px;}
.tg_sys_list2 .item .s_mianyuyue { background-position:-190px -126px;}
.tg_sys_list2 .item .display0 { display:none;}

.miaosha_list .item { border-bottom:1px solid #ffc600;}
.miaosha_list .item:hover {-moz-box-shadow:0px 0px 12px #888; -webkit-box-shadow:0px 0px 12px #888; box-shadow:0px 0px 12px #888;}


.tg_sys_list .item { float:left; width:222px; padding:0; overflow: hidden; position:relative; z-index:1; *zoom:1;
    border: 1px solid #eee;
    margin: 3px;}
.tg_sys_list .item .tit { display:block; height:48px; line-height:24px; overflow:hidden; font-size:14px; margin-top:5px; padding:0 8px ; }
.tg_sys_list .item .shop { position:absolute; top:282px; right:28px; font-size:12px; color:#999; background-color:#fff; height:24px; overflow:hidden; padding-left:10px;}
.tg_sys_list2 .item .shop { right:10px;}
.tg_sys_list .item .img { display:block; width:200px; height:200px; margin:0 auto 0;}
.tg_sys_list .item .timer,.tg_sys_list .item .timer_bg { font-size:16px; color:#fff; text-align:center; z-index:2; display:block; height:30px; line-height:30px; position:absolute; top:9px; left:27px; right:27px;}
.tg_sys_list .item .timer_bg { z-index:1; background-color:#333; FILTER: alpha(opacity=60); moz-opacity: .6; opacity: .6;}
.tg_sys_list .item .timer em { color:#f60;}
.tg_sys_list .item .price {
    margin-bottom:10px; display:block; overflow:hidden; *zoom:1; height:26px; line-height:26px; font-size:12px; color:#f60;  padding:0 8px ; }
.tg_sys_list .item .price em { font-size:18px; color:#f60;}
.tg_sys_list .item .price .del { color:#aaa; text-decoration:line-through; padding-left:10px;}
.tg_sys_list .item .price .sell { float:right; color:#aaa; font-size:14px;}
.tg_sys_list .item .price .sell em { color:#f60; font-size:14px;}
.tg_sys_list .item .btn { margin-top:10px; display:block; border:1px solid #f98113; background-color:#fff; color:#f98113; font-size:14px; text-align:center; padding:6px 0;}
.tg_sys_list .item .btn:hover { background-color:#f98113; color:#fff; text-decoration:none;}
.tg_sys_list .item .sell_out,.tg_sys_list .item .start { display:block; position:absolute; z-index:2; top:76px; left:50%; margin-left:-60px; width:120px; height:120px; background-color:#000; background-color:rgba(0,0,0,.6); color:#fff; text-align:center; line-height:120px; font-size:20px; border-radius:50%;}
.tg_sys_list .item .start { background-color:#fbc49d; background-color:rgba(247,129,21,.6);}
.tg_sys_list .item .sell_out,.tg_sys_list .item .start { display:none;}
.tg_sys_list .status_1 .sell_out,.tg_sys_list .status_1 .start { display:none;}
.tg_sys_list .status_2 .timer,.tg_sys_list .status_2 .timer_bg,.tg_sys_list .status_2 .start,.tg_sys_list .status_0 .sell_out { display:none;}

.tg_sys_list .status_2 .sell_out,.tg_sys_list .status_0 .start { display:block;}


.mall-price {
    display: block;
    overflow: hidden;
    *zoom: 1;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #f60;
    text-align: left;
    padding: 0 18px;
    margin-bottom: 15px;
}
.mall-price .sell {
    float: right;
    color: #aaa;
    font-size: 14px;
}
.mall-price em {
    font-size: 14px;
    color: #f60;
    font-style: normal;
}
.label-success {
    background-color: #40aae2 !important;
}
.font-green-sharp {
    color: #40aae2!important;
}
.fixed_menu { position:fixed; bottom:220px; right:100px; z-index:3; padding:0;}
.fixed_menu ul { padding:0;}
.fixed_menu li { margin-bottom:10px; position:relative; *zoom:1;
    padding:0;}
.fixed_menu li a { position:relative; z-index:2; display:block; width:70px; height:65px;
    border-radius: 6px !important;padding-top:45px; background-color:#4c4c4c; color:#fff; font-size:12px; text-align:center; border-radius:4px;}
.fixed_menu li a:hover { text-decoration:none; opacity:.9;}

.fixed_menu li s { display:block; position:absolute; top:8px; right:10px; background-color:#fff; border-radius:21px; color:#f30; padding:0 6px; text-decoration:none; font-size:12px;}
.fixed_menu li .display0 { display:none;}
.fixed_menu .li_1 a { background-color:#f7a515; background-position:17px -343px;}
.fixed_menu .li_2 a { background-color:#40aae2; background-position:-66px -345px;}
.fixed_menu .li_3 a { background-color:#2995d5; background-position:19px -426px;}
.fixed_menu .li_4 a { background-color:#63ba3b; background-position:-69px -428px;}
.fixed_menu .li_5 { display:none;}
.fixed_menu .li_5 a { background-position:-145px -345px;}

.fixed_menu .po {position:absolute; z-index:1; border:1px solid #eee; background-color:#f3f3f3; font-size:16px; padding:10px; height:75px; border-radius:3px; right:0; top:-15px; text-align:center; display:none;}
.dr_table>tbody>tr>td,.dr_table>tbody>tr>th,.dr_table>tfoot>tr>td,.dr_table>tfoot>tr>th,.dr_table>thead>tr>td,.dr_table>thead>tr>th{padding-top:15px !important;}
body fieldset{border:1px solid #d8d8d8;padding:10px;border-radius:3px}.bk10{height:10px;clear:both;font-size:1px;line-height:1px}body fieldset legend{padding:3px 8px;font-weight:700;border-radius:3px;border:1px solid #d8d8d8;background-color:#f9f9f9}body fieldset.blue{border:1px solid #dce3ed}body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add;background:0;border:0;font-size:12px;width:auto}.sorting{background:url("../../../admin/images/sort_both.png") no-repeat scroll right center;cursor:pointer;padding-right:10px}.sorting2{padding-right:10px}.sorting2 a{padding:5px 5px!important;font-size:12px;line-height:1.5!important;border-radius:2px;text-decoration:none}.html5 a{padding:1px 5px!important;font-size:12px;line-height:1.5!important;border-radius:2px;text-decoration:none}.sorting_desc{background:url("../../../admin/images/sort_desc.png") no-repeat scroll right center;cursor:pointer;padding-right:10px}.sorting_asc{background:url("../../../admin/images/sort_asc.png") no-repeat scroll right center;cursor:pointer;padding-right:10px}.picBut{background:url("../../../admin/images/picBnt.png") no-repeat 0 -28px;color:#FFF;float:left;text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:75px}.picBut a{color:#fff;text-decoration:none;width:75px}.table-list td,.table-list th{padding-left:12px;font-weight:normal}.table-list .dr_option{padding-left:20px}.table-list .dr_option a{padding-right:10px}.table-list thead th{height:40px;border-bottom:1px solid #ddd;font-weight:bold;font-size:14px}.table-list tbody td{border-bottom:1px dashed #eaeaea;padding-top:5px;padding-bottom:5px;height:40px}div.btn{background:#f6f6f6;padding:6px 12px 0 12px;height:30px;}.nHover tr:hover,.nHover tr:hover td{background:0}.dr_table tr:hover{background:none!important}.table-list .input-text-c{padding:0;height:18px}.td-line{border:1px solid #eee}.td-line td,.td-line th{border:1px solid #eee}.button{background:#eee;border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#797979;padding:5px 9px;filter:none;min-width:80px;height:28px;cursor:pointer;border-radius:3px}.button:hover{background:#ccc;text-shadow:none}@-moz-document url-prefix(){.button{margin-top:-1px}}.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5}a.close-own{background:url(../../../admin/images/cross.png) no-repeat left 3px;display:block;width:16px;height:16px;position:absolute;outline:0;right:7px;top:8px;text-indent:200px;overflow:hidden}a.close-own:hover{background-position:left -46px}.table_form .input-text{height:25px;line-height:25px;}.input-text-c,.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #d0d0d0;margin:0 5px 0 0;padding:2px 0 2px 5px;border:1px solid #d0d0d0;background:#fff;font-size:12px;border-radius:3px}.input-focus{background:#FFF url(../../../admin/images/input_focus.png) repeat-x;border-color:#afcee6;font-size:12px}input.mydate,input.endDate{background:#fff url(../../../admin/images/input_date.png) no-repeat right 7px!important;padding-right:18px;font-size:12px;border-radius:3px!important}textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto;padding:5px;margin:0}.search-form{margin-bottom:10px}.input-text-c{text-align:center}select{background:none repeat scroll 0 0 #f9f9f9;border-color:#666 #ccc #ccc #666;border-style:solid;border-width:1px;color:#333;padding:2px;vertical-align:middle}.table_form{font-size:12px}.displayorder{background-color:rgb(255,255,255);box-shadow:rgba(0,0,0,0.0745098) 0px 1px 1px inset;border-width:1px;border-style:solid;border-color:rgb(194,202,216);border-image:initial;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;height:30px;font-size:12px;line-height:1.5;padding:5px 10px;border-radius:3px;text-align:center;width:35px!important;background:none !important}.table_form td{padding-left:12px}.table_form th{font-weight:normal;text-align:right;padding-right:10px;color:#777}.table_form td label{vertical-align:middle}.table_form td,.table_form th{padding:8px 0 8px 8px}.table_form tbody td,.table_form tbody th{border-bottom:1px dashed #eaeaea}.colorpanel tbody td,.colorpanel tbody th{padding:0;border-bottom:0}.js ul.newList{left:-9999px}ul.newList *{margin:0;padding:0}ul.newList{margin:0;padding:0;list-style:none;color:#000;background:#fff;position:absolute;border:1px solid #ccc;top:22px;left:0;overflow:auto;z-index:9999}.newListSelected{color:#000;height:22px;padding:4px 0 0 6px;float:left;background:url(../../../admin/images/select-bg.png) no-repeat right 0;border-left:1px solid #dfdfdf}.newListSelected span{display:block}ul.newList li a{padding:3px 8px;display:block;text-decoration:none}.selectedTxt{overflow:hidden;height:16px;padding:0 23px 0 0}.measure-input{background:url("../../../admin/images/ruler.gif") repeat-x scroll 0 9px transparent}.hiLite{background:#e0ebf4!important;color:#444!important}.newListHover{background:#f2f7fb!important;color:#000!important;cursor:default}.newListSelHover,.newListSelFocus{background-position:right -26px;cursor:default}.newListOptionTitle{font-weight:bold}.newListOptionTitle ul{margin:3px 0 0}.newListOptionTitle li{font-weight:normal;border-left:1px solid #ccc}.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;vertical-align:middle;color:#444;margin-left:10px;overflow:hidden;line-height:25px}.onShow{background:0;border-color:#40b3ff;color:#959595}.onFocus{background-position:3px -147px;border-color:#40b3ff}.onError{background-position:3px -47px;border-color:#40b3ff;color:red}.onCorrect{background-position:3px -247px;border-color:#40b3ff}.onLamp{background-position:3px -200px}.onTime{background-position:3px -1356px}.linkage-menu{height:200px;overflow-y:auto;padding:0 4px}.linkage-menu h6{border-bottom:1px solid #e2ecee;padding:2px 0 3px;margin-bottom:5px}.linkage-menu h6 a.rt{font-weight:normal;font-family:'å®‹ä½“';color:#377abe}.linkage-menu div.menu a{width:74px;line-height:22px;text-decoration:none;padding-left:4px;overflow:hidden;height:22px}.linkage-menu div.menu a:hover{background:#d9e4ed;color:#377abe}div#areaid{border:1px solid #a7a6aa;height:18px;margin:0 5px 0 0;padding:2px 5px 2px;border:1px solid #d0d0d0;background:#FFF url(../../../admin/images/input.png) repeat-x;position:relative;top:-2px;*top:2px}.picList ul{padding:0}.picList li{padding:8px 0 8px;list-style:none;font-size:12px}.display{display:none}.option{border-top:1px dashed #ccc;padding:5px 0 5px 0;margin-top:10px}.add,.edit,.del,.grant,.down,.audit,.upload{background:url("../../../admin/images/ico.gif") repeat scroll 0 0 transparent;float:left;height:16px;margin-left:5px;width:16px}.folder,.file{background:url("../../../admin/images/ico.gif") repeat scroll 0 0 transparent;float:left;height:16px;line-height:16px;margin-right:5px;margin-top:5px;text-indent:20px;white-space:nowrap;width:16px}.folder{background-position:0 0}.file{background-position:0 -80px}.edit{background-position:0 -64px}.del{background-position:0 -48px}.grant{background-position:0 -16px}.down{background-position:0 -96px}.upload{background-position:0 -115px}.audit{background-position:0 -32px}.add{background-position:0 -206px}.mtop{background:url("../../../admin/images/ico.gif") no-repeat scroll 0 -128px transparent;float:left;height:16px;line-height:16px;margin-left:10px;text-indent:20px}.selectcolor{background:url("../../../admin/images/ico.gif") no-repeat scroll 0 -112px transparent;cursor:pointer;height:16px;margin-left:5px;padding:0 8px;width:16px}.dr_format_wrap{background-color:#f8f8f8;border:1px solid #d7d7d7;overflow:hidden}.dr_format_group{margin:5px 20px 15px}.dr_format_label{display:inline-block;margin-top:5px;margin-bottom:5px;font-weight:bold}.dr_format_wrap label{float:none;line-height:1.5;padding:0;text-align:left;width:auto}.dr_format_list li{display:inline-block;height:25px;overflow:hidden;vertical-align:middle;width:145px;clear:none;margin:0}.dr_format_map{display:inline-block;overflow-x:hidden;overflow-y:auto;width:auto}.dr_format_wrapper{margin:10px 10px 0 0}.dr_format_wrap .labelname{display:inline-block;height:22px;line-height:23px;overflow:hidden;padding-left:5px;white-space:nowrap;width:100px}.dr_format_table th{background-color:#ededed;border:1px solid #d7d7d7!important;font-weight:400;height:25px;padding:3px!important;text-align:center;vertical-align:middle}.dr_format_table td{border:1px solid #d7d7d7!important;height:25px;max-width:200px;min-width:60px;padding:3px 5px;text-align:center;vertical-align:middle}.dr_border_none td,.dr_border_none th{border:none!important}.dr_member_cgbox .dr_cgbox a{display:inline-block;background:0;border:0;height:auto;line-height:normal;padding:3px 0 3px 0;font-size:12px;font-weight:normal;text-decoration:none;margin-right:0}.dr_member_cgbox .dr_cgbox_a{border:0}.dr_cgbox{position:relative;z-index:9999;background:#FFF;left:-16px}.dr_member_cgbox .dr_cgbox{left:-6px;top:1px;width:50%}.dr_cgbox .cg_items li{border:none!important;float:none}.dr_cgbox a{color:#06F;font-weight:normal}.dr_cgbox .cg_items img{margin-top:-2px}.dr_cgbox .cg_items span{padding:0 5px 0 5px;cursor:default}.dr_cgbox .cg_items li{padding:0;padding-right:10px;border-bottom:1px solid #eee}.dr_member_cgbox li{cursor:pointer}.drmenu ul{padding:0;margin:0;list-style-type:none}.drmenu ul li{float:left;position:relative}.drmenu ul li a,.drmenu ul li a:visited{display:block;text-align:center;color:#000;line-height:30px;margin-top:3px}.drmenu ul li ul{display:none;z-index:99999}.drmenu ul li:hover ul{display:block;position:absolute;background:#FFF;top:-7px;right:-40px;border:#eee 1px solid;border-top:0;padding-bottom:5px}.drmenu ul li:hover ul li a{display:block;color:#69F;text-decoration:none}.drmenu ul li:hover ul li{float:none;overflow:hidden;width:130px;height:25px;padding:5px}.drmenu .drtop{background:#368ee0;text-align:center;font-weight:bold;color:#FFF}.drmenu .drtop2{color:#FFF!important;margin-top:-3px}.dr_color td{padding-top:0!important;padding-bottom:0!important;height:11px!important;line-height:11px!important;border-bottom:none!important}.dr_color_value{width:50px;height:16px;margin-left:10px;z-index:1}.aedit{background-color:#1abc9c;border-color:#1abc9c;color:#fff!important}.ago{background-color:#f39c12;border-color:#f39c12;color:#fff!important}.alist{background-color:#3498db;border-color:#3498db;color:#fff!important}.adel{background-color:#ff6c60;border-color:#ff6c60;color:#fff!important}.aadd{background-color:#34495e;border-color:#34495e;color:#fff!important}.dr_option a{padding:3px 5px 3px 4px!important;font-size:12px;line-height:1.5!important;border-radius:2px;margin-right:5px;text-decoration:none}.cover{list-style:none;padding:0}.cover li{border-radius:3px;margin:0;padding:0;float:left;margin-right:10px;border:1px solid #ddd;padding:0;overflow:hidden}.cover li div{background:#f6f6f6;width:90px;height:71px;position:relative}.cover li.pic{background:#f6f6f6!important}.cover li.upload-container div{background:#f6f6f6 url(../../../admin/images/add_photo.png) 50% 50% no-repeat;cursor:pointer}.cover li .upload-preview img{width:90px;height:71px}.cover li a{position:absolute;width:16px;height:16px;background:url(../../../admin/images/buttons-master.png);top:3px}.cover li a.remove{background-position:-48px -539px;right:3px}.cover li a.remove:hover{background-position:-32px -539px}.cbody .input-text{height:21px}.cover li a.preview{background-position:-48px -587px;left:3px}.cover li a.preview:hover{background-position:-32px -587px}.cover li .rearrange-text{display:block;width:90px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;position:absolute;bottom:0;left:0}.dr_content_right .cbody{padding:12px}.dr_content_right .ctitle{background:#f4f4f4;height:25px;font-weight:bold;padding:10px 0 0 10px}.dr_content_right{width:24%;float:right;margin-top:12px;border-radius:3px;border:1px solid #d8d8d8}.dr_content_left{width:75%;float:left}.dr_content_right .onShow,.dr_content_right .onError,.dr_content_right .onCorrect{margin-left:0;margin-top:5px}.form-date .mydate{background-position:right 7px!important}.form-actions{margin:20px 0}.mytitle{min-height:40px!important;font-weight:bold}.form-body .onShow{margin-top:5px;margin-bottom:5px;margin-left:0}.mytitle .caption{font-size:14px!important} .add, .edit, .del, .grant, .down, .audit, .upload { margin-top: 10px; }

.h_cart_inner { width:290px; height:305px; position:absolute; right:80px; top:0; border:1px solid #e4e4e4; box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);  background-color:#fff;}
.h_cart_inner .arrow { display:block; position:absolute; top:-8px; right:40px; width:11px; height:6px; overflow:hidden; background-position:-235px -32px;}
.h_cart_inner .coupon { padding:8px 8px 0 0; text-align:right; font-size:14px; color:#999;}
.h_cart_inner .other { padding:8px 8px 8px 0; text-align:right; font-size:14px; color:#999; line-height:30px;}
.h_cart_inner .other .chrmoneyAll,.h_cart_inner .other .chrmoneyyouhui,.h_cart_inner .other .chrmoneyYunfei,.h_cart_inner .other .daijinnum { display:block;}
.h_cart_inner .other .em2 { display:none;}
.h_cart_inner .other em { color:#d00;}
.h_cart_inner .total { position: absolute; left:0; right:0; bottom:0; padding-left:12px; height:45px; line-height:45px; background-color:#f3f0eb; color:#e5573f; font-size:16px;}
.h_cart_inner .total em { font-weight:bold;}
.h_cart_inner .total .btn { float:right; display:inline; margin:8px 8px 0 0; padding:2px 26px; line-height:24px; background-color:#77ae49; border-bottom:1px solid #5f9534; color:#fff;border-radius:0; background-image:none; font-size:16px; width:auto;}
.h_cart_inner .total .btn:hover { color:#fff; text-decoration:none; background-color:#6a9f3d; border-bottom:1px solid #53842b;}
.h_cart_inner .total .disabled,.h_cart_inner .total .disabled:hover { background-color:#ddd; border-bottom:1px solid #ccc; cursor:default;}


.quantity-form {
    position:relative;
    overflow:hidden;
    height:22px;
    width:75px;
    margin-bottom: 10px;
    float: left;
}
.promo-num {
    width:75px;
    display:inline-block;
    text-align:center
}
.upspan, .downspan {
    position:absolute;
    top:0;
    z-index:2;
    display:block;
    height:22px;
    line-height:22px;
    width:42px;
    text-align:center;
    left:19px;
    color:#333;
    font-size:12px;
    font-family:verdana;
    margin-left:-0.2px\9;
    margin-top:-0.1px\0
}
.decrement,.increment {
    border:1px solid #cacbcb;
    border-right:0;
    height:22px;
    line-height:18px;
    padding:1px 0;
    width:17px;
    text-align:center;
    color:#666;
    margin:0;
    background:#fff
}
.decrement:hover,.increment:hover {
    text-decoration:none
}
.decrement.disabled,.increment.disabled {
    cursor:default;
    color:#e9e9e9
}
.itxt {
    position:absolute;
    left:17px;
    top:0;
    border:1px solid #cacbcb;
    width:41px;
    height:22px;
    line-height:18px;
    text-align:center;
    padding:1px;
    margin:0;
    font-size:12px;
    font-family:verdana;
    color:#333;
    border-radius:0;
    float:left
}
.decrement {
    float:left
}
.increment {
    float:right;
    border:1px solid #cacbcb;
    border-left:0;
    color:#666
}


.stepBlock{width:1086px;height:66px;margin:30px auto}
.stepBlock h2{width:977px;height:15px;margin:0 auto;}
.stepBlock h2.first{background-position:0 0}
.stepBlock h2.second{background-position:0 -15px}
.stepBlock h2.third{background-position:0 -30px}
.stepBlock h2.fourth{background-position:0 -45px}
.stepBlock .stepTxt{margin:6px 0 0 0}
.stepBlock .stepTxt span{display:inline-block;float:left;font-size:14px;color:#9e9e9e}
.stepBlock .stepTxt span.selected{color:#dd3d2c}
.stepBlock .stepTxt span.one{margin-left:30px}
.stepBlock .stepTxt span.two{margin-left:243px}
.stepBlock .stepTxt span.three{margin-left:230px}
.stepBlock .stepTxt span.four{margin-left:220px}

.media:first-child {
    margin-top: 15px;
}
.index-tt ul li{
    width: 100%;
    line-height: 27px;
    float: left;
    margin-right: 5px;
    display: inline;
    height: 27px;
    overflow: hidden;
}
.index-tt ul li b {
    color: #fc6e00;
    font-size: 14px;
    font-weight: normal;
    float: left;
}
.index-tt ul li a {
    font-size: 14px;
    color: #4e4e4e;
    float: left;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-tt ul li span {
    color: #a9a9a9;
    font-size: 12px;
    float: right;
    width: 40px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-tt ul {
    padding:0;
    margin-top: 5px;
}
.index-tt .index-title a {
    font-size: 18px;
}
.index-tt .index-desc {
    color: #b7b7b7;
    font-size: 14px;
    text-indent: 2em;
    letter-spacing: 1px;
    line-height: 20px;
    margin-top: 8px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
    z-index: 1;
    *zoom: 1;
}
.index-tt .index-title {
    text-align: center;
}
.index-tt {
    border-top:1px solid #eee
}
.login-form .form-actions .forget-password {
    padding-left:10px;
}
.login-form  {
    padding-top:50px;
}
.login-form .form-actions .uppercase {
    margin-right: 10px;
}
.login-form .login-options {
    margin-bottom: 15px;
    margin-top: 15px;
}
.login-form .form-title {
    margin-bottom: 30px;
    font-size: 20px;
}
.news-search-param-value {
    line-height:25px;
}
.news-search-param-name {
    padding-top: 5px;
}


.search-container .zt0 {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
}
.search-container .zt1 {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
    background-position: 0 -68px;
}

.index-container .zt0 {
    position: absolute;
    left: 12px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
}
.index-container .zt1 {
    position: absolute;
    left: 12px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
    background-position: 0 -68px;
}


.search-page .search-bar {
    padding: 20px;
    margin-bottom: 40px;
    background-color: #fff; }
.search-page .search-bar input {
    border: none;
    background-color: #f3f6f9;
    color: #a0a9b4;
    height: 55px; }
.search-page .search-bar button {
    color: #fff;
    height: 55px;
    width: 130px;
    margin-left: -3px;
    margin-top: -2px; }
.search-page .search-bar .search-desc {
    margin: 0;
    color: #a0a9b4;
    font-size: 13px; }

.search-page .search-filter {
    background-color: #fff;
    padding: 40px 30px 0 30px;
    margin-bottom: 30px; }
.search-page .search-filter > .search-label {
    color: #a0a9b4;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 40px; }
.search-page .search-filter > .search-label:first-child {
    margin-top: 0; }
.search-page .search-filter input,
.search-page .search-filter select {
    color: #727f89;
    font-weight: 700;
    font-size: 14px; }
.search-page .search-filter button {
    margin: 40px 0;
    padding: 15px 0; }
.search-page .search-filter .search-filter-divider {
    display: block;
    height: 1px; }
.page-content {
    padding: 0px 10px;
}
.search-page .search-pagination {
    text-align: center; }
.search-page .search-pagination > .pagination > li > a {
    margin: 0 3px
}

.search-page .search-pagination > .pagination > .page-active > a {
    background-color: #3598DC;
    color: #fff; }
.search-page .search-pagination.pagination-rounded > .pagination > li > a {
    border-radius: 50% !important; }

.search-content-1 .search-container {
    background-color: #fff; }
.search-content-1 .search-container > ul {
    padding: 0px;
    margin-bottom: 0; }
.search-content-1 .search-container > ul .search-item {
    list-style: none;
    padding: 0 0 10px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8; }
.search-content-1 .search-container > ul .search-item > a > img {
    width: 100px;
    float: left;
    margin-right: 20px; }
.search-content-1 .search-container > ul .search-item > .search-content {
    padding-left: 120px; }
.search-content-1 .search-container > ul .search-item > .search-content > .search-title {
    font-size: 20px;
    margin: 15px 0 10px 0;
    font-weight: 600; }
.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a {
    color: #4e5a64;    font-size: 16px;
    font-weight: 400; }
.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-1 .search-container > ul .search-item > .search-content > .search-desc {
    color: #a0a9b4;
    font-size: 13px;
    margin: 0; }
.search-content-1 .search-container > ul .search-item:last-child {
    border: none; }

.search-content-2 .search-container {
    background-color: #fff; }
.search-content-2 .search-container > ul {
    padding: 20px;
    margin-bottom: 0; }
.search-content-2 .search-container > ul > .search-item-header {
    list-style: none;
    padding: 0 0 5px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8; }
.search-content-2 .search-container > ul > .search-item-header h3 {
    font-size: 17px;
    color: #a0a9b4;
    margin: 5px 0 0 0; }
.search-content-2 .search-container > ul .search-item {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #f4f6f8; }
.search-content-2 .search-container > ul .search-item > .search-content p {
    margin: 0; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title {
    font-size: 19px;
    margin: 0 0 20px 0;
    font-weight: 600; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a {
    color: #4e5a64; }
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc {
    color: #a0a9b4;
    font-size: 13px; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a {
    color: #49a7fa; }
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover {
    text-decoration: none;
    color: #326b9e; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number,
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
    text-align: center; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number {
    font-size: 21px;
    color: #4e5a64;
    margin-bottom: 15px; }
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
    font-size: 13px;
    color: #8b96a4; }
.search-content-2 .search-container > ul .search-item:last-child {
    border: none; }

.search-content-3 .tile-container {
    margin-bottom: 30px; }
.search-content-3 .tile-container > .tile-thumbnail {
    height: 200px;
    overflow: hidden;
    position: relative; }
.search-content-3 .tile-container > .tile-thumbnail img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
.search-content-3 .tile-container > .tile-title {
    background-color: #fff;
    padding: 20px 0px; }
.search-content-3 .tile-container > .tile-title > h3 {
    font-size: 19px;
    font-weight: 600;
    height: 20px;
    width: 220px;
    overflow: hidden;
    margin: 0;
    display: inline-block; }
.search-content-3 .tile-container > .tile-title > h3 > a {
    color: #4e5a64; }
.search-content-3 .tile-container > .tile-title > h3 > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-3 .tile-container > .tile-title i {
    float: right;
    font-size: 24px;
    margin: 0 5px; }
.search-content-3 .tile-container > .tile-title > .tile-desc {
    font-size: 14px; }
.search-content-3 .tile-container > .tile-title > .tile-desc > p {
    margin: 20px 0 0 0; }
.search-content-3 .tile-container > .tile-title > .tile-desc > p > a:hover {
    text-decoration: none; }

.search-content-4 .search-bar .extra-buttons button {
    margin-right: 20px; }
.search-content-4 .search-bar .extra-buttons button:last-child {
    margin-right: 0;
    width: 170px; }

.search-content-4 .search-table th {
    border: none; }
.search-content-4 .search-table th > a {
    color: #fff; }
.search-content-4 .search-table th > a:hover {
    text-decoration: none;
    color: #eee; }

.search-content-4 .search-table th, .search-content-4 .search-table td {
    padding: 20px 30px;
    vertical-align: middle; }

.search-content-4 .search-table td {
    border-color: #fff; }

.search-content-4 .search-table .table-status {
    text-align: center; }
.search-content-4 .search-table .table-status i {
    font-size: 26px;
    padding-top: 10px; }

.search-content-4 .search-table .table-date {
    font-weight: 600;
    font-size: 14px;
    width: 180px; }
.search-content-4 .search-table .table-date a {
    color: #49a7fa; }
.search-content-4 .search-table .table-date a:hover {
    text-decoration: none;
    color: #326b9e; }

.search-content-4 .search-table .table-title {
    width: 390px; }
.search-content-4 .search-table .table-title > h3 {
    margin: 0;
    color: #4e5a64;
    font-size: 19px;
    font-weight: 600; }
.search-content-4 .search-table .table-title > h3 > a {
    color: #4e5a64; }
.search-content-4 .search-table .table-title > h3 > a:hover {
    text-decoration: none;
    color: #49a7fa; }
.search-content-4 .search-table .table-title > p {
    margin-bottom: 0;
    margin-top: 10px; }
.search-content-4 .search-table .table-title > p > a {
    color: #49a7fa; }
.search-content-4 .search-table .table-title > p > a:hover {
    text-decoration: none;
    color: #326b9e; }

.search-content-4 .search-table .table-desc {
    font-size: 14px;
    color: #8b96a4; }

.search-content-4 .search-table .table-download {
    text-align: center; }
.search-content-4 .search-table .table-download i {
    font-size: 30px;
    padding-top: 10px; }


.bookname small {
    font-size: 12px;
    color: #999;
    margin-left: 12px;
    cursor: pointer;
}
.bookname {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 12px;
}
.book_left {
    overflow: hidden;
}
.book_left .zt0 {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
}
.book_left .zt1 {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 67px;
    height: 68px;
    background: url(../img/bookzt.png);
    background-position: 0 -68px;
}
.bookinfo i {
    padding: 0 10px;
}
.bookinfo {
    margin-bottom: 20px;
    font-size: 12px;
    color: #707070;
}
.bookdesc {

    font-size: 12px;
    line-height: 20px;
    color: #999;
}
.btn-circle2 {
    padding:7px 30px;
    border-radius: 10px!important;
    overflow: hidden;
}
.booklist {
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 25px;
    padding-bottom: 15px;
}

.booklist li {
    margin-right: 5%;
    float: left;
    line-height: 1.8em;
    box-flex: 1.0;
    overflow: hidden;
    margin-bottom: 10px;
    width: 43%;
    margin-left: 2%;
}
.booklist li a {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #404040;
    display: inline-block;
}
.booklist li span {
    float: right;
    width: 40px;
    text-align: right;
    display: inline-block;
}
.booklist li span.free {
    color: #a7c7a8;
}
.booklist li span.vip {
    font-size: 0;
    background: url(../img/vip.png) no-repeat -250px -31px;
    margin-top: 5px;
    width: 24px;
    margin-left: 16px;
    display: inline-block;
    height: 12px;
}
.bookad {
    margin-top:-10px;
    padding: 0 20px;
    overflow: hidden;
}
.book_sns {
    padding-top: 20px;
}
.booktitle .bookinfo{

    text-align: center;
}
.booktitle h3{
    font-weight: bold;
    text-align: center;
}
.all-grid-product .single-product-item {

    margin-left: -15px;
    margin-right: -15px;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #40aae2;
    border-color: #40aae2;
}

.icon-box {
    display: block;
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 4px 0 #e9e4db;
    background: url(../img/book.png) no-repeat;
}
.scroll-top {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../img/book.png) no-repeat;
    background-position: 0 -384px;
}
.side-left {
    margin-left: -195px;
}

.side-right {
    margin-left: 128px;
}
.side-left, .side-right {
    position: fixed;
    left: 50%;
    top: 220px;
    z-index: 99;
}
.icon-box-appqr {
    background-position: -64px 0;
}
.icon-box-bookshelf {
    background-position: 0 -64px;
}
.icon-box-bookshelf2 {
    background-position: -448px -64px;
}
.icon-box-setting {
    background-position: 0 -192px;
}
.icon-box-prev {
    background-position: 0 -256px;
}
.icon-box-next {
    background-position: 0 -320px;
}
.icon-box-catalog {
    background-position: 0 -128px;
}
.subscribe {
    margin-top: 48px;
    margin-bottom: 48px;
}
.subscribe .title {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 100%;
    height: 18px;
    margin-bottom: 48px;
}
.subscribe .title .ico {
    display: inline-block;
    height: 9px;
    width: 149px;
}

.subscribe .title .left_ico {
    margin-right: 15px;
    background: url(../img/read.png) no-repeat center;
}
.subscribe .title .right_ico {
    margin-left: 15px;
    background: url(../img/read2.png) no-repeat center;
}

.badge-success {
    background-color: #40aae2 !important;
}



.carousel,.carousel-inner {
    position:relative
}
.carousel-inner {
    overflow:hidden;
    width:100%
}
.carousel-inner>.item {
    display:none;
    position:relative;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display:block;
    max-width:100%;
    height:auto;
    line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -moz-transition:-moz-transform .6s ease-in-out;
        -o-transition:-o-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        -moz-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        left:0
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        left:0
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        left:0
    }
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
     display:block
 }
.carousel-inner>.active {
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next {
    left:100%
}
.carousel-inner>.prev {
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left:0
}
.carousel-inner>.active.left {
    left:-100%
}
.carousel-inner>.active.right {
    left:100%
}
.carousel-control {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:15%;
    opacity:.5;
    filter:alpha(opacity=50);
    font-size:20px;
    background-color:transparent
}
.carousel-control.left {
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}
.carousel-control.right {
    left:auto;
    right:0;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}
.carousel-control:focus,.carousel-control:hover {
    outline:0;
    color:#fff;
    text-decoration:none;
    opacity:.9;
    filter:alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position:absolute;
    top:50%;
    margin-top:-10px;
    z-index:5;
    display:inline-block
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev {
    width:20px;
    height:20px;
    line-height:1;
    font-family:serif
}
.carousel-control .icon-prev:before {
    content:'\2039'
}
.carousel-control .icon-next:before {
    content:'\203a'
}
.carousel-indicators {
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    margin-left:-30%;
    padding-left:0;
    list-style:none;
    text-align:center
}
.carousel-indicators li {
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    border:1px solid #fff;
    border-radius:10px;
    cursor:pointer;
    background-color:#000\9;
    background-color:transparent
}
.carousel-indicators .active {
    margin:0;
    width:12px;
    height:12px;
    background-color:#fff
}
.carousel-caption {
    position:absolute;
    left:15%;
    right:15%;
    bottom:20px;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px
}
@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left:-10px
    }
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right:-10px
    }
    .carousel-caption {
        left:20%;
        right:20%;
        padding-bottom:30px
    }
    .carousel-indicators {
        bottom:20px
    }
}