html,
body{padding: 0; margin: 0; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", sans-serif !important; line-height: 1.42857143; overflow-x: hidden; font-size: 14px; color: #333;}
h1, h2, h3, h4, h5, h6{font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important; }
button{font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", "sans-serif" !important;}
ul{list-style: none; margin: 0; padding: 0;}
p{margin: 0;}
/*公共样式*/
.clearfix:before,
.clearfix:after{content:"\200B"; display:block;font-size:0;height:0;clear:both; visibility: hidden;}
.pr{position: relative;}
.fr{float: right;}
.fl{float: left;}
.pull-right {float: right!important;}
.pull-left {float: left!important;}
.none{display: none;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}
.mt7{margin-top: 7px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.pb40{padding-bottom: 40px;}
.w10{width: 10px; }
.w20{width: 20px; }
.w25{width: 25%; }
.w30{width: 30px; }
.w40{width: 40px; }
.w50{width: 50px; }
.w60{width: 60px; }
.w70{width: 70px; }
.w80{width: 80px; }
.w90{width: 90px; }
.w100{width: 100px; }
.w110{width: 110px; }
.w120{width: 120px; }
.w130{width: 130px; }
.w140{width: 140px; }
.w150{width: 150px; }
.w160{width: 160px; }
.w170{width: 170px; }
.w180{width: 180px; }
.w200{width: 200px; }
.w250{width: 250px; }
.w300{width: 300px; }
.w350{width: 350px; }
.w400{width: 400px; }
.w450{width: 450px; }
.w500{width: 500px; }
.w546{width: 546px; }
.w550{width: 550px; }
.w600{width: 600px; }
.w650{width: 650px; }
.w700{width: 700px; }
.w750{width: 750px; }
.w800{width: 800px; }
.w850{width: 850px; }
.tc{text-align: center;}
.none{display: none;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.c_blue{color: #54b8d1;}
.c_sblue{color: #5090f7;}
.c_yellow{color: #f19c38;}
.c_red{color: #ff0000;}
.c_green{color: #49a58b;}
.btn{border: none; display: inline-block; border-radius: 3px; position: relative; padding: 8px 35px; margin: 10px 1px; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; will-change: box-shadow,transform; transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); outline: 0; cursor: pointer; text-decoration: none; background: transparent; outline: rgba(0,0,0,.870588) none 0;}
.btn-yellow{background: #f19c38; color: #fff;}
.btn-yellow:hover{background: #eb8c00}
.btn-blue{background: #54b9d1; color: #fff;}
.btn-blue:hover{background: #47acc4}
.btn-sblue{background: #2a52d3; color: #fff;}
.btn-sblue:hover{background: #1a43c9}
.btn-green{background: #57b89d; color: #fff;}
.btn-green:hover{background: #49a58b}
.btn-sgreen{background: #67ac5b; color: #fff;}
.btn-sgreen:hover{background: #519446}
.btn-gray{background: #98a4b6; color: #fff;}
.btn-gray:hover{background: #8894a5}
.big-btn{font-size: 15px; padding: 12px 58px;}
.btn i{margin-right: 5px; vertical-align: -2px;}
.error{color: #ff0000;}
.yinput:focus{color: #4F5467; background-color: #fff; border-color: rgba(0,0,0,.25); outline: 0; box-shadow: transparent;}