/* Write your styles */
/*body {background-image: url("../images/main_bg.jpg"); background-repeat: no-repeat; background-size: 100%;}*/
html, body {height: 100%; width: 100%; background: #F9F9F9; font-family:  Arial, "Source Han Sans CN", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
.am-ys-header {background:#0e3b28; height: 100px;}
.am-container {max-width: 1400px;}

/*品牌中心*/
.am-container-brand{max-width: 1200px;padding-top: 90px;}
.am-container-brand h1{font-size: 19px;font-weight:bold;color: #333333;}
.am-container-brand small{font-size: 11px;color: #999999;line-height: 30px;}
.am-container-brand hr{margin:0;height: 1px;}
.am-container-brand div:nth-child(3){padding-top: 45px;font-size:14px;line-height: 24px;color:#666666;}
.am-container-brand div:nth-child(3) p{text-indent: 2em;}
.am-container-brand div:nth-child(3) p{text-indent: 2em;}
.am-container-brand div:nth-child(3) div{padding-top: 0px;}
.am-container-brand div:nth-child(3) p:nth-child(5){padding-top:20px;}
.am-container-brand ul li p{padding-top: 20px;font-size:14px;line-height: 24px;color:#666666;}


.am-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1010;
}

.am-header-logo {padding-top:27px;}
.am-header-menu {padding-top: 56px; text-align: right; padding-right: 0px;}
.am-header-menu li {height:44px;}
.am-header-menu-link {display: block; text-align: center; color: rgba(255,255,255,0.5);}
.am-header-menu-link:focus {color: #FFFFFF;}
.am-header-menu-link:hover {color:rgb(235,199,155);}
.am-menu-icon {height:30px; width:30px; line-height:30px; background:#70b796; color:#FFFFFF; font-size:14px;}

.am-lang-change {color:rgba(255, 255, 255, 0.5); font-size: 1.4rem;}
.am-lang-change-url {color:rgba(255, 255, 255, 0.5); font-size: 1.4rem;}
.am-lang-change .am-active {color:#FFFFFF;}
.am-lang-change-url:focus {color:#FFFFFF;}
.am-lang-change-url:hover {color:#FFFFFF;}

#am-header-menu-dropdown::before {left:45%;}
#am-header-menu-dropdown::after {left:45%;}

.am-color-base {color: #0e3b28;}
.am-color-second {color: #DE3B3E;}
.am-color-third {color: #FF6611;}
.am-color-blue {color: #1296DB;}
.am-color-white {color: rgba(255,255,255,0.5);}

.am-text-color-base {color:#333333;}
.am-text-color-second {color:#666666;}
.am-text-color-third {color:#999999;}

.am-background-main {background:#0e3b28;}
.am-background-white {background: #FFFFFF;}
.am-background-base {background: #F9F9F9;}
.am-background-second {background: #F4F4F3;}
.am-background-third {background: #EBEBEB;}
.am-background-red {background: #DE3B3E;}
.am-background-blue {background: #1296DB;}
.am-background-green {background: #68BD95;}
.am-background-fen {background: #d4237a;}

.am-btn-group-article {color:#999999;}
.am-btn-group-article .am-btn {border-bottom:solid 1px #DDDDDD; color:#999999;}
.am-btn-group-article .am-active {border-bottom:solid 3px #144A31; color:#0E3B26; -webkit-box-shadow:none; box-shadow: none;}

.am-panel-article {border:0px; padding:15px; -webkit-box-shadow: none; box-shadow: none; height: auto; height:150px;}
.am-panel-article .am-panel-bd {padding:0px;}
.am-panel-article .am-panel-left {width:15%; float:left;height:120px;line-height: 120px;text-align: center;}
.am-panel-article .am-panel-left img{display: inline-block;height:100%;}


.am-panel-article .am-panel-center {width:75%; float:left; padding:0 20px 0 20px;height:120px;position: relative;}
.am-panel-article .am-panel-center .am-text-sm.am-text-color-third{position: absolute;bottom: 0;left: 20px;}
.am-panel-article .am-panel-center p {color:#999999; text-indent: 2em;padding-top: 10px;}

.am-panel-article .am-panel-right {width:10%; float:left; height:120px; line-height:120px; border-left:solid 1px #DDDDDD;}
.am-panel-article:hover { -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0,.15); box-shadow: 3px 3px 3px rgba(0, 0, 0,.15); background:#FFFFFF; cursor: pointer; }

.now_page {bakcground:#0E3B26;}

.am-filter {
    filter:alpha(opacity=70);  /*支持 IE 浏览器*/
    -moz-opacity:0.70; /*支持 FireFox 浏览器*/
    opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

.am-login-panel {width:100%; height:100%; display: block;}
.am-login-bg {height:100%; background-image: url("../images/login_bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: 100%; -moz-background-size:100%;}
.am-login-box {position:absolute; z-index: 999; width:460px; height:440px; margin-left:-230px; left:50%; top:calc(50% - 220px);}
.am-login-box-filter {position:absolute; z-index: 998; width:460px; height:440px; margin-left:-230px; left:50%; top:calc(50% - 220px); background:rgba(255,255,255,1); filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; box-shadow: 8px 8px 5px #555555; -moz-box-shadow: 8px 8px 5px #555555;}
.am-login-filter {position:absolute; z-index: 666; background: #000000; width:100%; height:100%; filter:alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50;}

.am-border-none {border:none; border-color: transparent;}

.am-btn-login {border-color: #0e3b28;}

.am-ucenter {width:100%; margin:0px; display: -webkit-box;}
.am-ucenter .am-ucenter-left {width: 200px; background:#FFFFFF; height:100%; box-shadow: 5px 5px 3px #EEEEEE; -moz-box-shadow: 5px 5px 3px #EEEEEE; -webkit-box-shadow: 5px 5px 3px #EEEEEE;}
.am-ucenter .am-ucenter-right {width: calc(100% - 200px); margin-left: 16px; background:#FFFFFF; height:100%; box-shadow: 5px 5px 3px #EEEEEE; -moz-box-shadow: 5px 5px 3px #EEEEEE; -webkit-box-shadow: 5px 5px 3px #EEEEEE;}
.am-ucenter .am-ucenter-container {width:100%; background:#FFFFFF; height:100%; box-shadow: 5px 5px 3px #EEEEEE; -moz-box-shadow: 5px 5px 3px #EEEEEE; -webkit-box-shadow: 5px 5px 3px #EEEEEE;}

.am-nav-ucenter {}
.am-nav-ucenter li.am-ucenter-active {border-left:solid 3px #68BD95; background: #F7F8F9;}
.am-nav-ucenter li.am-ucenter-active a {color:#0e3b28;}
.am-nav-ucenter li > a {color: #333333; font-weight: normal;}
.am-nav-ucenter li > a:hover {color: #aaa;}

.am-scroll-panel {padding:30px; width:100%; height:400px; background: #EEEEEE; overflow-x: hidden; overflow-y: scroll;}

.am-progress.am-agent-apply-progress {height:3px; line-height: 3px; background: #FFFFFF;}
.am-agent-apply-steps {height:3px; background:#f5f5f5; border-right:solid 2px #FFFFFF; width: 20%;}
.am-agent-apply-steps.am-agent-apply-steps-end {border-right:none;}
.am-agent-apply-steps.am-agent-apply-steps-active {background:#0e3b28;}

.am_hover {
    cursor: pointer;
    transition: all 0.3s;
}
.am_hover:hover {
    transform: scale(1.1);
}
.am_hover_small {
    cursor: pointer;
    transition: all 0.3s;
}
.am_hover_small:hover {
    transform: scale(1.025);
}

.am-form-group label.am-form-group-left {display:block; width: 160px; float: left; color:#333333; text-align: right; line-height:1.2; padding:0.6rem; font-size:1.6rem; font-weight:normal;}
.am-form-group .am-form-group-right {display:block; width: calc(100% - 170px); float: right;}
.am-form-group .am-form-group-right .am-lx-sm-1 {display:block; width: calc(100%/12); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-2 {display:block; width: calc(100%/6); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-3 {display:block; width: calc(100%/4); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-4 {display:block; width: calc(100%/3); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-5 {display:block; width: calc(100%*5/12); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-6 {display:block; width: calc(100%/2); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-7 {display:block; width: calc(100%*7/12); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-8 {display:block; width: calc(100%*2/3); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-9 {display:block; width: calc(100%*3/4); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-10 {display:block; width: calc(100%*5/6); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-11 {display:block; width: calc(100%*11/12); float: left;}
.am-form-group .am-form-group-right .am-lx-sm-12 {display:block; width: 100%; float: left;}

.am-form-success .am-form-field {border-color:#cccccc !important; -webkit-box-shadow:none; box-shadow: none;}

.am-position-relative {position: relative;}
.am-position-absolute {position: absolute;}

.am-cursor-pointer {cursor: pointer;}
.am-border-dashed-top {border-top:dashed 1px #D8D8D8;}
.am-border-dashed-top-0 {border-top:none;}
.am-border-dashed-right {border-right:dashed 1px #D8D8D8;}
.am-border-dashed-right-0 {border-right:none;}

.am-border-shadow-none { box-shadow: none; -moz-box-shadow: none;}
.am-border-0 {border:none !important;}
.am-border-top-0 {border-top:none !important;}
.am-border-right-0 {border-right:none !important;}
.am-border-bottom-0 {border-bottom:none !important;}
.am-border-left-0 {border-left:none !important;}

.am-border-top {border-top:1px solid #dddddd;}
.am-border-right {border-right:1px solid #dddddd;}
.am-border-bottom {border-bottom:1px solid #dddddd;}
.am-border-left {border-left:1px solid #dddddd;}

.am-border-top-dotted {border-top:1px dotted #dddddd;}
.am-border-right-dotted {border-right:1px dotted #dddddd;}
.am-border-bottom-dotted {border-bottom:1px dotted #dddddd;}
.am-border-left-dotted {border-left:1px dotted #dddddd;}

.am-btn-green-base {background: rgba(14, 59, 38, 1.0); color: rgba(255, 255, 255, 1.0);}
.am-btn-green-base:hover {background: rgba(104, 189, 149, 1.0); color: rgba(255, 255, 255, 1.0);}
.am-btn-green-second {background: rgba(104, 189, 149, 0.5); color: rgba(255, 255, 255, 0.5);}
.am-btn-green-second:hover {background: rgba(104, 189, 149, 1.0); color: rgba(255, 255, 255, 1.0);}

.am-ys-padding-xs {padding:0.5rem;}
.am-ys-margin-bottom-xs {margin-bottom:5px;}

.am-goods-details-image-box {width:100%;}
.am-goods-details-image-box img {width:100%; border:solid 1px #D8D8D8;}
#show_goods_details img {max-width:100%; width: 100%;}
.am-goods-details-image-small {width: 100%;}
.am-goods-details-image-small li img {width: 100%; border:solid 1px #D8D8D8; cursor: pointer; margin-right:0.5rem;}

.am-btn-yshu {background:#0E3B28; color:#FFFFFF;}
.am-btn-yshu:hover {background:#68BD95; color:#FFFFFF;}

.am-yshu-list-title h1{line-height:46px;font-size:18px;color:#0E3B27;font-weight:bold;line-height:30px;}
.am-yshu-list-title small{font-size: 12px;color:#0E3B27;opacity: 0.5;}


img {
    box-sizing: border-box;
    /* v2.3 开始移除以下代码，详见 #502 */
    /* max-width: 100%;
    height: auto;*/
    vertical-align: middle;
    border: 0;
}