.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}



/*cpop*/
.fade_bkbg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-color: rgba(0,0,0,.7); opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s;}

.cpop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.cpop{display: block; z-index: 100;}
.cpop .fade_bkbg{opacity: 1; visibility: visible;}
.cpopcenter{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; width: auto; height: auto; max-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}


.cpopbox{margin: 0 auto; position: relative; display: block; max-width: 90%; width: 28rem; color: #666; background-color: #fff; border-radius: .5rem; overflow: hidden;}
.cpopbox_close{position: absolute; z-index: 200; top: -2rem; right: -2rem; display: block; width: 5rem; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fb8300; border-radius: 50%;}
.cpopbox_close:active{background-color: #f30;}
.cpopbox_close::before, .cpopbox_close::after{position: absolute; left: 1rem; bottom: 1.8rem; display: block; content: ""; width: 1.6rem; height: 1px; line-height: 0; font-size: 0; background-color: #fff;}
.cpopbox_close::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.cpopbox_close::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.cpopbox_mt{position: relative; display: block; padding: 1rem 0; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 3rem; font-size: 1.8rem; color: #666; border-bottom: .05rem dotted #d3d3d3; margin:0 1rem;}
.cpopbox_mc{position: relative; display: block; overflow-y: scroll; overflow-x: hidden; -webkit-user-select: none; -webkit-overflow-scrolling: touch;}

.selinelist{margin: .5rem auto; width: 14rem; overflow: hidden;}
.selineitem{margin: 1.5rem 0;}
.selineitem [type="radio"]{display: none;}
.seline_label{display: block; text-align: center; padding: 1.5rem 1rem; width: 100%; height: 5.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.5rem; color: #fff; background-color: #4a83e1; border-radius: .5rem; overflow: hidden;}
.selineitem :checked ~ .seline_label{background-color: #2d59bd;}