/* html reset */
a,b,blockquote,body,button,center,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hr,i,img,input,label,legend,li,ol,p,span,strong,td,textarea,th,u,ul,var{margin:0;padding:0;box-sizing:border-box}
body{color:#909090;font:14px/24px "Microsoft YaHei","MicrosoftJhengHei",STHeiti,MingLiu,sans-serif,tahoma,"Helvetica Neue",Helvetica,Arial,"\5b8b\4f53";-webkit-font-smoothing:antialiased;background-color:#fff}
ol,ul{list-style-type:none}
i{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{ border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
li{list-style-type:none;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a,a:hover,a:visited{color:#909090;text-decoration:none}
a.btn-red {color:#fff;}
button,input[type=button]{border: 0 none;}

/* common use */
.fl{float:left}
.fr{float:right}
.mgb{margin-bottom: 10px;}
.title {font-family:"Microsoft YaHei","MicrosoftJhengHei",STHeiti,MingLiu,sans-serif,tahoma,"Helvetica Neue",Helvetica,Arial,"\5b8b\4f53"}
.nopadding{padding: 0;}
.df{display:flex;}
.fdc {flex-direction:column}
.spa{justify-content:space-around}
.spb{justify-content:space-between}
.aic{align-items:center}
.aifs{align-items:flex-start}

/* page layout */
.header,.main,body,.footer,.header-box,.swiper{margin: 0 auto;}
.main,.swiper,.footer,.header-box,.headerbg{width: 1380px;}
.header{height:110px;}
.headerbg {background:url(/static/images/web/header-bg.png);}
.header-box{display: flex;}
.header .logo-box{margin:24px 0 0 75px;}
.nav{font-size: 16px;font-weight: bold;}
.nav ul,.usercenter ul{display: flex;align-items: center;margin-top:54px;}
.nav ul li{margin-left: 90px;}
.nav ul li:first-child{margin-left:140px;}
.usercenter {margin-left: 215px;}
.usercenter a{font-size: 15px;font-weight: bold;color: #000;}
.usercenter a:active,.usercenter a.active{color:#e60000;}
.usercenter ul li:nth-child(2){margin-left: 26px;}
.usercenter ul li:nth-child(3){margin-left: 32px;}
.header .nav a{color:#060500;font-weight:bold !important;}
.headerbg .nav a{color:#fff;font-weight:bold !important;}
.nav a:hover,.nav a:active{color:#C93224;}
.swiper{background:url(/static/images/web/swiper.png);height:481px;}

.footer{height:200px;background:url(/static/images/web/footer-bg.png);position: relative;color: #fff}
.footer *{color: #fff;}
.footer .left-part {position: absolute;width:990px;left:60px;top:1px;}
.footer .left-part .text-section p{display:flex;}
.footer .left-part .text-section p label{width:70px;flex-shrink:0;}
.footer .right-part img{position: absolute;top:54px;right:59px;}

.fullbg-row{margin: 15px auto;}
.fullbg-row>.title{background:url(/static/images/web/row-fullbg.png) no-repeat content-box 0 28px;height:52px;margin:36px 0;}
.fullbg-row>.title h1,.fullbg-row>.title h2{color: #909090;text-align: center;font-weight: bold;}
.fullbg-row>.title h1{font-size:18px}
.fullbg-row>.title h2{font-size:13px;margin-top: 10px;}

/* login and reg */
.usertool-box {position:relative;background:url(/static/images/web/login-bg.png) no-repeat;height:573px;}
.usertool-box>.splitter{position: absolute;left: 772px;top: 130px; width: 2px;font-size: 1px;height: 384px;background-color: #fff;}
.usertool-box.reg-box>.splitter{height: 440px;}
.usertool-box>.form-box{position: absolute;z-index: 1001; right: 76px;top:140px; width:470px;}
/* for login switch channel */
.usertool-box>.form-box a{color: #fff;}
.usertool-box>.form-box ul.tabs-title {display: flex;margin-bottom: 25px;border: 2px solid #fff}
.usertool-box>.form-box ul.tabs-title li{width:50%;height:58px;line-height:58px; color:#fff; font-size:22px;text-align: center;letter-spacing:5px; cursor: pointer;}
.usertool-box>.form-box ul.tabs-title li.active{background-color: #fff;color: #E60000;}
.usertool-box>.form-box .toreg{display: block;margin: 10px 0;text-align: right;font-size: 18px;}
.usertool-box .form-group { position: relative; margin:15px 0; display:flex; align-items: center; }
.usertool-box .form-group i { position:absolute;left:18px;top: 9px;display:block;font-size:24px;line-height: 42px;color: #8d8c8c;}
.usertool-box .form-group .splitter{ position: absolute;left: 55px;top:17px;display: inline-block;width:1px;height: 26px;background-color: #ccc;}
.usertool-box .form-group input {width: 100%;height: 60px;line-height: 60px; border: 1px solid #d0d0d0; padding-left:70px; font-size:20px;color: #8d8c8c;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px ; -ms-border-radius:10px; -o-border-radius:10px;}
.usertool-box .form-group input::-webkit-input-placeholder{color: #bababa;}
.usertool-box .form-group .smscode-button{position: absolute;display: block;width: 168px;height: 40px;line-height: 40px;right:15px;top: 9px;background-color: #C93224;font-size: 21px;text-align: center;color: #fff;cursor: pointer;}
.form-submit button{width: 100%;height:60px;line-height:60px;border-radius: 10px; background-color: #C93224;font-size: 23px;font-weight: bold;color: #fff;letter-spacing:1em;}
.usertool-box .form-checkbox {margin: 20px 0; display: flex;justify-content:space-between; align-items: center;color: #fff;font-size:18px;}
.usertool-box .form-checkbox>span{ display: flex; align-items: center; }
.usertool-box .form-checkbox .layui-form-checkbox[lay-skin=primary] span {
  padding: 0;
  line-height: 18px;
  background: 0 0;
  color: #fff;
  font-size: 18px;
}
.usertool-box .form-checkbox .layui-form-checked,.usertool-box .form-checkbox .layui-form-checked:hover { border-color: #C93224; }
.layui-form-checkbox[lay-skin=primary]:hover i{}
.usertool-box .form-checkbox .layui-form-checkbox[lay-skin=primary] i{width: 20px;height: 20px;line-height: 20px;}
.usertool-box .form-checkbox .layui-form-checked[lay-skin=primary] i {border-color: #C93224!important; background-color: #C93224; color: #fff;width: 20px;height: 20px;line-height: 20px;}

/* pagination use */
.pagination p {margin: 0;cursor: pointer}
.pagination {display: flex;justify-content: center;height: 60px;padding: 15px 0px;margin: 0 auto;}
.pagination a,
.pagination p {display: inline-block;margin-right: 10px;padding: 0 12px;height: 31px;line-height: 31px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;font-size: 12px;}
.pagination a:hover {color: #ed0000;background: white;border: 1px #ed0000 solid;}
.pagination a.cur {background: #ed0000;color: #fff;border: 1px #ed0000 solid;}
.pagination p {color: #bbb;}
.pagination p.pageRemark {border-style: none;background: none;margin-right: 0px;padding: 4px 0px;color: #666;}
.pagination p.pageRemark b {color: red;}
.pagination p.pageEllipsis {border-style: none;background: none;padding: 4px 0px;color: #808080;}
.dates li {font-size: 14px;margin: 20px 0}
.dates li span {float: right}

/* 重置layui css */
.layui-container{width: 830px;padding:0;}
.layui-form-select dl dd.layui-this{background-color: #ed0000;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #ed0000}