::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:#EFF1F3;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,.3)}
*{word-wrap:break-word;outline:none;}
html,body,div,span,h1,h2,h3,h4,p,a,
dl,dt,dd,ol,ul,li,fieldset,legend,label,form,input,select,option,textarea,button,
table,tr,th,td{margin:0;padding:0;vertical-align:baseline;color:#333;font-weight:300;font-size:15px;line-height:160%;
font-family:'Helvetica Neue', 'Helvetica', 'PingFang SC', 'Microsoft Yahei', 'Arial', sans-serif;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;background-color:#EEE;}
img{border:0;vertical-align:middle;max-width:100%}
p{margin:12px 0;}
h1, h2, h3, h4{font-weight:500;font-size:26px;line-height:normal;margin:0 0 16px 0;}
h2{font-size:20px} h3{font-size:18px;} h4{font-size:16px;}
ul,li{list-style:none;}
a{color:#02489E;text-decoration:none;} a:hover{color:#d5102c;text-decoration:underline}
.clear{clear:both;width:100%;height:0;overflow:hidden;}
.hide{display:none;}
.center{text-align:center;} .right{text-align:right;}
.fleft{float:left;} .fright{float:right;}
.remark{color:#999;font-size:11px;} .red{color:#F00;} .blue{color:#06F;} .yellow{color:#FF0;} .checked, .green{color:#13C4A5;}
.cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
del{color:#999;font-size:11px;}
.pd20{padding:20px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;}
.fs16{font-size:16px;} .fs18{font-size:18px;} .fs24{font-size:24px;}

/** badge **/
.row1, .row2{overflow:auto;}
.row1 li, .row2 li{list-style:none;overflow:hidden;white-space:nowrap;cursor:pointer;margin:2px 0;}
.row1 li{display:inline-block;padding:2px 5px;margin-right:5px;}
.row1 li.checked{background-color:#13C4A5;color:#fff;}

.badge, .badge-green, .badge-gray, .badge-cyan, .badge-red{display:inline-block;height:16px;line-height:16px;padding:0 5px;color:#FFF;font-size:10px;background-color:#FF5722;white-space:nowrap;font-weight:400 !important;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.badge-green{background-color:#13C4A5;}
.badge-cyan{background-color:#2F4056 !important;}
.badge-gray{background-color:#EEE;color:#666 !important;}
.badge-red{background-color:#ED5565;}

/** btn **/
select{-webkit-appearance:none;background:url("../images/arrow-down.png") #FFF right center no-repeat;background-size:10px auto;
background-position-x: -moz-calc(100% - 10px);background-position-x: -webkit-calc(100% - 10px);background-position-x: calc(100% - 10px);}
.input-wrapper, .input-group{margin-bottom:25px;}
.input-wrapper .label{margin-bottom:10px;}
.input-wrapper .inp{position:relative;background-color:#F2F2F2;}
.input-wrapper input, .input-wrapper textarea{background-color:transparent;border:none;color:#333;padding:0 12px;
width: -moz-calc(100% - 24px);width: -webkit-calc(100% - 24px);width: calc(100% - 24px);}
.input-wrapper input, .input-wrapper select{height:52px;line-height:52px;}
.input-wrapper select{width:100%;border:none;padding-left:10px;}
.input-wrapper input[type="checkbox"], .input-wrapper input[type="radio"]{width:20px;height:20px;line-height:20px;padding:0;vertical-align:middle;}
.input-wrapper textarea{padding:10px;height:100px;}
.input-wrapper .inp:hover{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:0;
border-color:rgba(0,0,0, .35);box-shadow:0 0 8px rgba(0,0,0, .35);-moz-box-shadow:0 0 8px rgba(0,0,0, .35);-webkit-box-shadow:0 0 8px rgba(0,0,0, .35)}
.input-wrapper .inp .msg{display:none;position:absolute;width:100%;height:22px;left:-1px;bottom:-22px;}
.input-wrapper .inp .msg.warn{background-color:#ffebec;border:1px solid #ffbdbf;}
.input-wrapper .inp .msg.load{background-color:#d8f8a8;border:1px solid #92c843;}
.input-wrapper .inp .msg span{display:inline-block;padding:0 10px;font-size:11px;line-height:22px;}
.input-wrapper .inp .msg .fa{line-height:22px;}
.input-wrapper .inp .msg.warn span{color:#e6393d;}
.input-wrapper .inp .msg.load span{color:#568610;}
.input-col-two li{float:left;width:50%;}
.input-col-two .col-b{padding-right:25px;}
.input-group{border:1px solid #DFDFDF;height:40px;clear:both;}
.input-group .icon{display:block;float:left;height:40px;line-height:40px;width:40px;text-align:center;background-color:#F7F7F7;}
.input-group .icon .fa{line-height:40px;font-size:16px;}
.input-group input{float:left;border:none;background-color:#FFF;color:#039;padding:0 10px;height:40px;width: -moz-calc(100% - 60px);width: -webkit-calc(100% - 60px);width: calc(100% - 60px);}

.btn-submit, .btn-submit-s, .btn-gray, .btn-gray-s, .btn-warm, .btn-alert
{display:inline-block;border:none;padding:16px 30px;cursor:pointer;background-color:#d5102c;color:#FFF;}
.btn-submit:hover, .btn-submit-s:hover{background-color:#b00d24;text-decoration:none;color:#FFF;}
.btn-submit-s, .btn-gray-s{padding:8px 22px;}
.btn-submit .icon-long-arrow-right{margin-left:8px;}
.btn-gray, .btn-gray-s{background-color:#CCC;color:#FFF;}
.btn-gray:hover, .btn-gray-s:hover{background-color:#999;color:#FFF;text-decoration:none;}
.btn, .list-more button{display:inline-block;background-color:#F1F1F1;border:1px solid #DDD;padding:8px 20px;text-align:center;color:#333;cursor:pointer;}
.btn:hover, .list-more button:hover{background-color:#FAFAFA;border:1px solid #666;color:#333;text-decoration:none;}
.btn-alert, .btn-warm{padding:5px 10px;font-size:12px;}
.btn-alert {background-color:#FF5722;}
.btn-alert:hover, .btn-warm:hover{background-color:#DB4B1F;color:#FFF;text-decoration:none;}
.btn-warm {background-color:#FFB800;}
.btn-warm:hover{background-color:#D69A0A;}

.btn-copy-s{display:inline-block;font-size:9px;color:#666;cursor:pointer;}
.btn-copy-s:hover{color:#1AB394;}

.btn-icon, a.btn-icon{font-size:14px;padding:0;width:25px;height:25px;line-height:25px;border:1px solid #DDD;text-align:center;color:#333;cursor:pointer;}
.btn-icon:hover{border:1px solid #1AB394;color:#1AB394;}
.btn-icon:hover i, a.btn-icon:hover{color:#1AB394;}
.btn-icon i{line-height:25px;font-size:14px;}

.list-more{padding:20px;text-align:center;}
.list-more button{padding:10px 60px;}

/** toastr **/
.toast-title{font-weight:700}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word;color:#FFF;}
.toast-message label{color:#FFF}
.toast-message a{font-size:100%;}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}
.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
.rtl .toast-close-button{left:-.3em;float:left;right:.3em}
button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
.toast-top-center{top:0;right:0;width:100%}
.toast-bottom-center{bottom:0;right:0;width:100%}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
#toast-container{position:fixed;z-index:9999999999;pointer-events:none}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}
#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}
#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}
#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}
#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51A351}
.toast-error{background-color:#BD362F}
.toast-info{background-color:#2F96B4}
.toast-warning{background-color:#F89406}
.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}
#toast-container>div.rtl{padding:8px 50px 8px 8px}
#toast-container .toast-close-button{right:-.2em;top:-.2em}
#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}
}
@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}
#toast-container>div.rtl{padding:15px 50px 15px 15px}
}

.dialog-tips{color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);}
.dialog-tips .content{padding:10px 20px;color:#FFF;}
.dialog-tips .fa{margin-right:8px;}
.dialog-tips-warn{background-color:#36012d;}
.dialog-tips-error{background-color:#ec6060;}

.dialog-confirm{background-color:#FFF;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;}
.dialog-confirm .bar{display:none;}
.dialog-confirm .msg{padding:30px;font-size:18px;line-height:145%;}
.dialog-confirm .bt{text-align:right;padding:0 30px 30px 30px;}
.dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok
{display:inline-block;height:32px;line-height:32px;padding:0 15px;border:1px solid #DDD;background-color:#F2F2F2;cursor:pointer;}
.dialog-confirm .bt-ok{background-color:#e13719;border-color:#e13719;color:#FFF;margin-left:4px;}
.dialog-confirm .bt-ok:hover{background-color:#b02b13;border-color:#b02b13;}
.dialog-confirm .bt-cancel:hover, .dialog .bt-cancel:hover{background-color:#DDD;}
.dialog .bt-ok, .dialog .bt-cancel{height:35px;line-height:35px;}
.dialog .bt-ok{background-color:#13C4A5;border-color:#13C4A5;color:#FFF;margin-left:4px;}
.dialog .bt-ok:hover{background-color:#18A689;border-color:#18A689;}

.dialog, .dialog-iframe, .dialog-login, .dialog-video{position:relative;background-color:#FFF;-moz-box-shadow: 0 1px 50px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.6);box-shadow: 0 1px 50px rgba(0,0,0,0.6);}
.dialog, .dialog .content, .dialog-login, .dialog-login .content{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.dialog .content{background-color:#FFF;padding:25px 20px;}
.dialog-login .content{padding:30px;}
.dialog .close, .dialog-image .close, .dialog-iframe .close, .dialog-login .close, .dialog-video .close
{position:absolute;display:block;top:0;right:20px;cursor:pointer;font-size:16px;}
.dialog .close .fa, .dialog-image .close .fa, .dialog-login .close .fa, .dialog-video .close .fa{line-height:50px;color:#999;}
.dialog .close:hover .fa, .dialog-image .close:hover .fa, .dialog-login .close:hover .fa{color:#000;}
.dialog .bar h1{height:50px;line-height:50px;padding:0 20px;font-weight:400;font-size:18px;border-bottom:1px solid #DDD;}
.dialog .bt{position:absolute;width:100%;border-top:1px solid #DDD;bottom:0;left:0;overflow:hidden;background-color:#FFF;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.dialog .bt-b{height:60px;line-height:60px;padding:0 20px;text-align:right;}
.dialog-iframe .close, .dialog-image .close{background-color:#FFF;width:22px;height:22px;right:-10px;top:-12px;text-align:center;
border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;
-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.dialog-iframe .close .fa, .dialog-image .close .fa{line-height:22px;font-size:14px;}
.dialog-login .btn-submit{width:100%;padding:15px 0;text-align:center;}
.dialog-subscribe .close{display:none;}

.tabs{border-bottom:1px solid #d5102c;margin-bottom:35px;}
.tabs li{float:left;padding:10px 25px;margin-right:15px;background-color:#F2F2F2;cursor:pointer;}
.tabs li:hover{background-color:#E2E2E2;}
.tabs li.on{background-color:#d5102c;color:#FFF;}
.tabs li a{color:#FFF;} .tabs li a:hover{text-decoration:none;}

/** message **/
.message-status-icon{display:inline-block;width:12px;height:12px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.message-unread{font-weight:bolder;}
.message-unread .fa-envelope{color:#f18718;}
.message-read{color:#999;}
.message-list li{margin-bottom:15px;}
.message-list .content{margin:8px 0 8px 16px;}
.message-list .reply{background-color:#F2F2F2;margin-top:5px;padding:8px;margin-left:16px;position:relative;}
.message-list .reply .arrow{position:absolute;width:8px;height:8px;background-color:#F2F2F2;top:-4px;left:6px;
transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/** layout **/
.floor{margin:0 auto;width:1230px;}
#top{position:absolute;top:0;left:0;width:100%;height:88px;background-color:rgba(0,0,0,0.5);z-index:1000;border-bottom:1px solid rgba(255,255,255,0.2);}
#top .floor{position:relative;}

#logo{float:left;overflow:hidden;}
#logo img{float:left;height:40px;margin:22px 0;}
#logo-site{float:left;border-left:1px solid #777;margin:15px 0 0 15px;padding-left:15px;}
#logo-site span{display:block;white-space:nowrap;color:#FFF;font-size:14px;}
#logo-site span.h{font-size:22px;font-weight:500;}
#logo-site span b{display:inline-block;color:#d5102c;padding:0 3px;}

#top-search{float:right;overflow:hidden;background-color:#F2F2F2;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;}
#top-search input, #top-search button{float:left;width:35px;height:34px;line-height:34px;border:none;background-color:transparent;padding:0 15px;color:#444;font-size:13px;}
#top-search button{float:right;width:40px;cursor:pointer;padding:0;}
#top-search button .icon{font-size:15px;}
#top-search button:hover{color:#000;}

#nav{float:right;margin-top:27px;}
#nav-menu{float:right;padding:0;list-style:none;margin:0 10px 0 0;}
#nav-menu li.n{float:left;position:relative;margin:0 1px;}
#nav-menu a.p{position:relative;display:inline-block;line-height:34px;color:#FFF;font-size:16px;text-transform:uppercase;padding:0 8px;}
#nav-menu a.p:hover, #nav li.on a.p{text-decoration:none;background-color:#d5102c;}
#nav-menu a.p .arrow{color:#FFF;font-size:10px;}
.nav-sub{position:absolute;top:36px;left:0;z-index:999;min-width:150px;height:0;overflow:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);}
#nav-menu li.n:hover .nav-sub{display:block;top:34px;height:auto;padding:8px 0;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
.nav-sub a.s{display:block;white-space:nowrap;padding:8px 15px;color:#CCC;}
.nav-sub a.s:hover{text-decoration:none;background-color:rgba(213, 16, 44,0.8);}
.nav-custom{width:580px;padding:20px 30px;}
.nav-custom .i-category{float:left;width:70%;}
.nav-custom .i-category .i-b{margin-right:40px;padding-right:40px;border-right:1px solid #555;}
.nav-custom .i-category li{float:left;width:33.33%;}
.nav-custom .i-category li .b{margin:0 8px;text-align:center;}
.nav-custom .i-category .name{font-size:11px;margin-top:8px;color:#CCC;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav-custom .i-category .thumb img, .nav-custom .i-app img{width:100%;}
.nav-custom .i-line{width:100%;clear:both;height:15px;}
.nav-custom .i-category .i-h{line-height:100%;border-bottom:1px solid #555;padding-bottom:15px;margin-bottom:20px;font-weight:600;color:#FFF;}
.nav-custom .i-app{float:right;width:30%;}
.nav-custom .i-app .i-h{margin-top:15px;color:#CCC;}
.nav-custom .i-app .i-bt{margin-top:15px;}
.nav-custom .i-app .i-bt a{color:#FFF;font-size:13px;}

#nav-toggle, #nav-close{display:none;}

.top-fixed{position:fixed !important;height:60px !important;background-color:rgba(0,0,0,0.9) !important;}
.top-fixed #logo img{height:30px;margin:15px 0;}
.top-fixed #logo-site{margin:12px 0 0 10px;padding-left:10px;}
.top-fixed #logo-site span{font-size:9px;}
.top-fixed #logo-site span.h{font-size:15px;}
.top-fixed #top-search{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.top-fixed #top-search input, .top-fixed #top-search button{height:30px;line-height:30px;}
.top-fixed #top-search button .icon{font-size:13px;}
.top-fixed #nav{margin-top:15px;}
.top-fixed #nav-menu a.p{line-height:30px;font-size:15px;}

#main{margin:0 auto;width:1230px;position:relative;padding:80px 40px;background-color:#FFF;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
.main-left{float:left;width:23%;}
.main-right{float:right;width:70%;}

#footer{padding:80px 0;background: url(../images/footer-bg.jpg) #F2F3F7 top repeat-x;}
#footer h4{font-size:18px;margin-bottom:40px;text-transform:uppercase;}
#footer .i-right-b {margin-right:50px;}
.footer-contact, .footer-link, .footer-news, .footer-follow{float:left;width:25%;}
.footer-contact li{margin-bottom:35px;}
.footer-contact .i-icon{float:left;width:40px;}
.footer-contact .i-icon .icon{font-size:20px;color:#444;}
.footer-contact .i-text{float:left;font-size:12px;color:#444;width: -moz-calc(100% - 40px);width: -webkit-calc(100% - 40px);width: calc(100% - 40px);}
.footer-contact h5{margin:0 0 12px 0;line-height:120%;font-size:15px;color:#444;text-transform:uppercase;}
.footer-contact p{color:#444;margin:0;}
.footer-contact a{color:#444;}
.footer-link li{border-bottom:1px solid #DDD;padding:0 0 17px 12px;margin:0 0 17px 10px;position:relative;}
.footer-link li:after{position:absolute;content:'';width:5px;height:5px;background-color:#666;top:10px;left:-10px;}
.footer-link a{color:#444;}
.footer-news li{margin-bottom:15px;}
.footer-news .i-thumb{float:left;width:35%;}
.footer-news .i-text{float:left;width:65%;}
.footer-news .i-text a{color:#444;font-size:14px;line-height:135%;}
.footer-news .i-text a:hover, .footer-link a:hover{text-decoration:none;color:#000;}
.footer-news .tb{margin-left:15px;}
.footer-follow .i-qrcode{margin-top:25px;}
.footer-follow .i-qrcode img{height:80px;}
.footer-friend-link{margin-top:35px;}
.footer-friend-link .i-h{float:left;width:8%;font-size:13px;}
.footer-friend-link .i-link{float:left;width:92%;}
.footer-friend-link a{display:inline-block;margin:0 10px 4px 0;font-size:13px;}

#footer-bottom{background-color:#e8e9ee;padding:35px 0;}
.copyright{color:#666;text-align:center;font-size:13px;}

.footer-sns .icon, .share .icon, .footer-sns img{display:inline-block;height:35px;width:35px;line-height:35px;color:#666;text-align:center;border:1px solid #666;}
.share .icon{background-color:#FFF;color:#777;height:28px;width:28px;line-height:28px;border:none;}
.footer-sns a, .share a{display:inline-block;margin-right:12px;font-size:16px;}
.footer-sns a:hover .icon, .share a:hover .icon{color:#FFF;}
a.a-facebook:hover .icon{border-color:#3b5998;background-color:#3b5998;}
a.a-youtube:hover .icon{border-color:#ff3132;background-color:#ff3132;}
a.a-instagram:hover .icon{border-color:#517fa4;background-color:#517fa4;}
a.a-twitter:hover .icon{border-color:#2daae1;background-color:#2daae1;}
a.a-blog:hover .icon{border-color:#f2861d;background-color:#f2861d;}
a.a-pinterest:hover .icon{border-color:#cb2027;background-color:#cb2027;}
a.a-linkedin:hover .icon{border-color:#0073b2;background-color:#0073b2;}
a.a-weixin:hover .icon{border-color:#00bd4d;background-color:#00bd4d;}
a.a-weibo:hover .icon{border-color:#ff8140;background-color:#ff8140;}

/** pos **/
#pos{height:380px;position:relative;}
#pos .i-bg{position:absolute;width:100%;height:420px;top:0;left:0;}
#pos .i-bg:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
#pos h1{position:absolute;top:88px;width:100%;text-align:center;color:#FFF;z-index:3;line-height:292px;font-family:'Open Sans', sans-serif;font-size:48px;font-weight:300;margin:0;}
#pos-nav{position:relative;}
#pos-nav .i-nav{position:absolute;bottom:-50px;left:0;width:100%;z-index:2;}
#pos-nav .i-nav .icon-arrow-right{font-size:11px;margin:0 8px;}
#pos-nav .i-nav .icon-home{margin-right:10px;}
#pos-nav .i-nav a{color:#666;}

/** page **/
.page{text-align:center;margin:40px 0;}
.page a, .page span{display:inline-block;background-color:#EEE;margin:5px;padding:2px 16px;color:#333;line-height:33px;vertical-align:middle}
.page a:hover, .page span.on{background-color:#d5102c;text-decoration:none;color:#FFF;}
.page a i, .page span i{line-height:33px;}
.page span.off{color:#999;}

/** title **/
.h1{text-align:center;margin-bottom:45px;}
.h1 h2{font-size:35px;margin:0 0 15px 0;font-weight:600;}
.h1 .i-line{height:30px;width:50px;margin:0 auto;margin-bottom:15px;position:relative;}
.h1 .i-line .icon{display:inline-block;height:30px;line-height:30px;font-size:26px;color:#999;}
.h1 .i-line:before, .h1 .i-line:after{position:absolute;content:'';height:1px;width:80px;top:15px;background-color:#999;}
.h1 .i-line:before{left:-80px;}
.h1 .i-line:after{right:-80px;}
.h1 p{margin:0 auto;max-width:720px;color:#777;font-size:16px;}

.bar-h1 .i-top{color:#d5102c;text-transform:uppercase;margin-bottom:10px;font-size:13px;}
.bar-h1 .i-top i{display:inline-block;margin-right:15px;vertical-align:middle;}
.bar-h1 h2{font-size:35px;letter-spacing:-1.2px;line-height:145%;margin-bottom:25px;font-weight:600;}
.bar-h1 h2 b{font-weight:600;color:#d5102c;}
.bar-h1 .i-line-bottom, .bar-h1 .i-top i{width:52px;height:2px;background-color:#d5102c;}

.bar-h2 {text-align:center;}
.bar-h2 h2, .bar-h2 p{margin:0 auto;max-width:42%;}
.bar-h2 h2{font-size:35px;line-height:100%;}
.bar-h2 p{color:#777;}
.bar-h2 .line{margin:25px auto;width:54px;height:2px;background-color:#d5102c;}

/** totop **/
#totop{position:fixed;display:none;width:45px;height:45px;background-color:#000;opacity:0.6;cursor:pointer;bottom:60px;right:0;text-align:center;z-index:10;}
#totop .icon{line-height:42px;font-size:24px;color:#FFF;}
#totop:hover{opacity:1;}
#contact-fixed{position:fixed;z-index:99;right:0;bottom:105px;width:45px;}
#contact-fixed .i-h{text-align:center;background-color:#d5102c;color:#FFF;cursor:pointer;}
#contact-fixed .i-h:hover{background-color:#b00d24;}
#contact-fixed .i-h .icon{height:45px;line-height:45px;font-size:22px;}
#contact-fixed .i-items{display:none;position:absolute;right:45px;bottom:0;}
#contact-fixed .i-items .b{padding:10px 0;}
#contact-fixed .i-items p{padding:0 30px;white-space:nowrap;}
#contact-fixed .i-items a{color:#444;}
#contact-fixed .i-items .icon{font-size:16px;margin-right:8px;}
#contact-fixed .i-items a:hover{color:#b00d24;text-decoration:none;}
#contact-fixed .icon-weixin{color:#5cb750;}
#contact-fixed .w-tel{display:block;color:#FFF;width:40px;margin:0 auto;}

/** desc **/
.content-desc{line-height:185%;font-size:18px;}
.content-desc p{margin:18px auto;}
.content-desc a{color:#069;text-decoration:underline;}
.content-desc a:hover{text-decoration:none;}
.content-desc a.btn-submit{color:#FFF;text-decoration:none;}
.content-desc h1 {margin:28px 0;}
.content-desc h2 {margin:22px 0;}
.content-desc h3 {margin:20px 0;}
.content-desc ul{padding:0 25px;list-style:disc;}
.content-desc ul li{list-style:disc;margin:10px 0;}
.content-desc ol{padding:0 25px;list-style:decimal;}
.content-desc ol li{list-style:decimal;margin:10px 0;}
.content-desc table{margin-bottom:20px;border-collapse:collapse;display:table;}
.content-desc td,.content-desc th{padding: 5px 10px;}
.content-desc th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.content-desc td p{margin:0;padding:0;}
.content-desc span, .content-desc td, .content-desc p, .content-desc li, .content-desc strong
{font-family:inherit;font-size:18px;color:inherit;line-height:185%;}
.content-desc .lazyload{min-height:50px;}
.content-desc hr{margin:40px 0;border:none;border-top:1px solid #EEE;height:0;}

/** editor **/
.selectTdClass{background-color:#edf5fa !important}
table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption{border:1px dashed #ddd !important}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
table tr.firstRow th{border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; }
.ue-table-interlace-color-double{ background-color: #f7faff; }
.list-paddingleft-1{padding-left:0}
.list-paddingleft-2{padding-left:30px}
.list-paddingleft-3{padding-left:60px}

/** product **/
.cattree{position:relative;}
.cattree .sub{position:absolute;z-index:2;display:none;}
.cattree a{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;line-height:50px;font-size:17px;padding:0 30px 0 15px;}
.cattree a .qty{color:#999;font-size:9px;}
.cattree .p{position:relative;}
.cattree .arrow{position:absolute;top:0;right:15px;line-height:40px;color:#999;z-index:2;font-size:10px;}
.cattree .p.on a{background-color:#d5102c;color:#FFF;}
.cattree .p.on .qty, .cattree .p.on .arrow{color:#FFF;}

/** common **/
.btn-submit, .btn-submit-s, .btn, .btn-gray, .btn-gray-s,
.dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok,
.btn-warm, .btn-alert, .list-more button,
.btn-icon, a.btn-icon,
.footer-sns .icon, .share .icon, .footer-subscription button, .tabs li,
#top-search button, #nav-menu a.p,  .nav-sub, .nav-sub a.s,
.page a, #totop, #language-toggle, #contact-fixed .i-h, #contact-fixed li,
#top, #logo img, #logo-site
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.br-3, .dialog-tips, .dialog-confirm, .dialog-confirm .bt-cancel, .dialog-confirm .bt-ok, .dialog .bt-cancel, .dialog .bt-ok,
.input-wrapper .inp, .btn-submit, .btn-submit-s, .btn, .btn-gray, .btn-gray-s,
.input-wrapper input, .input-wrapper textarea, .input-wrapper select, .row1 li, .input-group,
.btn-warm, .btn-alert, .list-more button, .btn-icon, a.btn-icon,
#nav-menu a.p
{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.br-all, .footer-sns .icon, .share .icon, .footer-sns img
{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
#nav-menu .sub a:hover, .cattree a:hover, .cattree a.on
{background-color:#F7F7F7;text-decoration:none;color:#d5102c;}
.cattree, .cattree .sub, .nav-sub, .pos-menu, #language-toggle-menu, #contact-fixed .i-items
{background-color:#FFF;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.nav-sub{background-color:rgba(0,0,0,0.8);}

@media screen and (max-width:1230px){
body{background-color:#FFF;}
.floor, .copyright{width:auto;padding-left:15px;padding-right:15px;}
#top{height:65px;width:100%;}
#nav-toggle .icon
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
#logo img{height:33px;margin:16px 0;}
#logo-site{margin:12px 0 0 10px;}
#logo-site{margin:12px 0 0 10px;padding-left:10px;}
#logo-site span{font-size:9px;}
#logo-site span.h{font-size:17px;}

#nav-toggle{position:absolute;display:block;cursor:pointer;right:15px;top:0;z-index:2;}
#nav-toggle .icon{color:#FFF;font-size:23px;line-height:65px;}
#nav{position:fixed;top:0;left:0;margin:0;padding:0;overflow-y:scroll;overflow-x:hidden;width:0;height:100%;background-color:#d5102c;z-index:9999999;
-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.4);box-shadow: 0 8px 15px rgba(0,0,0,0.4);}

.top-fixed{top:0;left:0;z-index:99999;height:52px !important;
-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.top-fixed #logo img{height:28px !important;margin:12px 0 !important;}
.top-fixed #nav-toggle .icon{font-size:20px !important;line-height:52px !important;}
.top-fixed #logo-site{margin:11px 0 0 10px;padding-left:10px;}
.top-fixed #logo-site span{font-size:8px;}
.top-fixed #logo-site span.h{font-size:13px;}
.top-fixed #nav{margin:0;}
.top-fixed #nav-menu a.p{height:52px;line-height:52px;font-size:17px;}
.top-fixed #top-search{border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;}
.top-fixed #top-search input, .top-fixed #top-search button{height:42px;line-height:42px;}
.top-fixed #top-search button .icon{font-size:15px;}

#top-search{float:inherit;width:258px;margin:40px 20px 20px 20px;background-color:#FFF;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;}
#top-search input{width: -moz-calc(100% - 70px);width: -webkit-calc(100% - 70px);width: calc(100% - 70px);}
#top-search input, #top-search button{height:42px;line-height:42px;color:#333;}

#nav{margin:0;}
#nav-close{display:block;position:absolute;right:10px;top:10px;cursor:pointer;font-size:16px;color:#FFF;}
#nav-menu{float:inherit;width:100%;margin:0;}
#nav-menu li.n{float:inherit;clear:both;width:100%;margin:0;border-bottom:1px solid #9b1515;}
#nav-menu a.p{display:block;color:#FFF;padding:0 20px;border:none;}
#nav-menu .arrow{position:absolute;right:20px;top:0;color:#FFF;}
#nav-menu a.p, #nav-menu .arrow{height:52px;line-height:52px;}
#nav-menu a.p:hover, #nav li.on a.p{color:#FFF;font-weight:700;}
#nav-menu a.p:hover .arrow, #nav li.on a.p .arrow{color:#FFF;}
.nav-sub{display:none;position:static;top:auto;left:auto;z-index:inherit;height:auto;padding:8px 0;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
#nav-menu li.n:hover .nav-sub{display:none;}
.nav-sub a.s{padding:8px 20px;}
.nav-custom{width:auto;padding:15px;}
.nav-custom .i-category, .nav-custom .i-app{width:100%;}
.nav-custom .i-app{margin-top:20px;}
.nav-custom .i-category .i-b{margin:0;padding:0;border:none;}
.nav-custom .i-category .name{font-size:10px;line-height:135%;}

.cattree{background-color:#F7F7F7;}
.cattree li{border-bottom:1px solid #EEE;}
.cattree .arrow{right:0;text-align:center;width:48px;border-left:1px solid #EEE;cursor:pointer;}
.cattree .arrow:hover, .cattree .arrow.on{background-color:#666;color:#FFF;}
.cattree .sub{position:static;}
.cattree a{padding:0 48px 0 20px;}
.cattree .c2 a{padding-left:25px;}
.cattree .c3 a{padding-left:30px;}

#totop{right:15px;width:40px;height:40px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
#totop .icon{line-height:40px;font-size:20px;}

#main{width:auto;padding:25px 40px 50px 40px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#pos, #pos .i-bg{height:280px;}
#pos h1{top:60px;line-height:220px;font-size:42px;}
#pos-nav{border-bottom:1px solid #EEE;margin:0 15px;}
#pos-nav .i-nav{position:static;padding:13px 0;}
#pos-nav .floor{padding:0;}
}

@media screen and (max-width:890px) {
#main{padding:25px 15px 50px 15px;}
#footer .i-right-b{margin:0;}
.footer-contact, .footer-link, .footer-follow, .footer-news{width:100%;margin-bottom:45px;}
.footer-news{margin:0;}
.footer-news .i-thumb{width:25%;}
.footer-news .i-text{width:75%;}

.main-left, .main-right{width:100%;float:inherit;clear:both;}
.main-left{margin-bottom:20px;}
}

@media screen and (max-width:640px) {
#footer{padding:60px 0;}
#footer h4{margin-bottom:25px;}
.footer-contact, .footer-link, .footer-follow{width:100%;margin-bottom:35px;}
.footer-friend-link .i-h{width:100%;font-size:15px;margin-bottom:15px;}
.footer-friend-link .i-link{width:100%;}
.footer-friend-link a{margin:0 8px 2px 0;}

#main{padding:20px 15px 30px 15px;}
#pos, #pos .i-bg{height:200px;}
#pos h1{line-height:140px;font-size:28px;}

.h1{margin-bottom:35px;}
.h1 h2{font-size:26px;margin:0 0 8px 0;}
.h1 .i-line{height:20px;margin-bottom:13px;}
.h1 .i-line .icon{display:inline-block;height:20px;line-height:20px;font-size:20px;}
.h1 .i-line:before, .h1 .i-line:after{top:10px;}
.h1 p{font-size:14px;}

#contact-fixed{bottom:0;width:100%;height:48px;background-color:#d5102c;}
#contact-fixed li{float:left;width:50%;text-align:center;}
#contact-fixed .i-h,  #contact-fixed .w-tel{display:inline-block;height:48px;line-height:48px;}
#contact-fixed .w-tel{width:auto;}
#contact-fixed .i-h .icon{height:48px;line-height:48px;font-size:25px;}
#contact-fixed li:hover, #contact-fixed li:hover .i-h{background-color:#b00d24;}
#contact-fixed .i-items{right:0;bottom:48px;width:100%;}
}