/***
 @author ----- chenlijian 
 @design ----- qishifeng 
 @time   ----- 2015-01-20
***/
body,button,input,select,textarea{font:26.67px/1.5 Helvetica,\5FAE\8F6F\96C5\9ED1;;outline:none;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none;}em,i{font-style:normal;}
html{height: 100%;}
body{margin:0;background:#f6f6f8;color:#000;word-wrap:break-word;overflow-x:hidden;width: 100%;height: 100%;}
body.bg_white{background: #fff;}
header,ol,ul,input{margin:0; padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;}
img{border: 0;vertical-align:middle;}
table{border-spacing: 0;border-collapse: collapse;}
a{text-decoration:none;outline:none;color:#333;}
a,button,button:active,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
mark{background-color:transparent;color:inherit;}
.hide_txt{text-indent: -999em;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{zoom:1}

.wrap{margin:0 auto;width: 100%;position: relative;padding-top: 2.2rem;}
.wrap.hide_top{padding-top: 0;}
.fc{color: #ea2127;}
.white_box{background: #fff;margin: 1rem 0;position: relative;padding: 1rem;border-top: #dfe3e6 solid 1px;border-bottom: #dfe3e6 solid 1px;}
.btn_orange{background: #ff6a16;}
.btn_orange:active{background: #ff530f;}
.btn_more{display: block;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 0.8rem;color:#000;background: #f6f6f8;}

.progress_box{height: 0.4rem;background: #d7d4d4;border-radius: 0.4rem;}
.progress_box span{display: block;height: 100%;border-top-left-radius: 0.4rem;border-bottom-left-radius: 0.4rem;background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fcc858), color-stop(1, #f2541d));background-image: -moz-linear-gradient(left, #fcc858, #f2541d);}
.btn_take{border-radius: 8px;background: #ff6a16;color:#fff;text-align: center;border:1px solid #ff530f;}
.btn_take:active{background: #ff530f;}
.btn_buy{font-size: 0;border-radius: 8px;border: 2px solid #ff6a16;}
.btn_buy:before{content: "";position: absolute;background: url('../img/ico_buys.png');background-size: 100% 100%;}
.btn_choose{position: absolute;width: 1.5rem;height: 1.5rem;border-radius: 100%;border: 1px solid #ccccd0;}
.btn_choose.choose{background-image: url('../img/btn_choose.png');background-size: 100% 100%;border-color: #71c93d;background-color: #71c93d;}
.btn_delete{display: block;width: 2.4rem;height: 2.4rem;font-size: 0;border:1px solid #b3b3b3;border-radius: 4px;position: relative;}
.btn_delete:before{content: "";position: absolute;width: 1.2rem;height: 1.3rem;background: url('../img/ico_delete.png');background-size: 100% 100%;top: .55rem;left: .6rem;}
.btn_delete:active{opacity: .7;}

/*up down choose*/
.up_down_choose{border: 1px solid #b3b3b3;border-radius: 4px;overflow: hidden;}
.up_down_choose a{float: left;width: 2.4rem;height: 2.4rem;position: relative;}
.up_down_choose a:active{background: #ff6a16;border-color: #ff6a16;}
.up_down_choose a:active:before,.up_down_choose a:active:after{background: #fff;}
.up_down_choose input{width: 3.4rem;height: 2.4rem;line-height: 2.4rem;float: left;text-align: center;font-size: 1.2rem;color:#eb3a3f;border:none;}
.up_down_choose .gd_down{border-right:1px solid #b3b3b3;background: #fff;}
.up_down_choose .gd_up{border-left:1px solid #b3b3b3;background: #fff;}
.up_down_choose .gd_down:before,.up_down_choose .gd_up:before{content: "";position: absolute;width: 1rem;height: .1rem;background: #808080;top: 1.15rem;left: .7rem;}
.up_down_choose .gd_up:after{content: "";position: absolute;width: .1rem;height: 1rem;background: #808080;top: .7rem;left: 1.15rem;}
.up_down_choose a.grey{background: #efeff3;}
.up_down_choose a.grey:active{background: #efeff3;border-color: #b3b3b3;}
.up_down_choose a.grey:before,.up_down_choose a.grey:after{background: #b0b0b0;}
.up_down_choose a.grey:active:before,.up_down_choose a.grey:active:after{background: #b0b0b0;}

/*goods list*/
.goods_list li{padding: 1rem 0.67rem 0;position: relative;background: #fff;}
.goods_list .goods_wrap{border-bottom: 1px solid #dfe3e6;height: 7.7rem;position: relative;padding: 0 0 1rem 7rem;}
.goods_list .img_box{position: absolute;top: 0;left: 0;width: 6.3rem;height: 7.7rem;background: #ebeaea;display: table;text-align: center;}
.goods_list .img_box a{display: table-cell;vertical-align: middle;text-align: center;}
.goods_list .img_box img{width: 100%;display: inline-block;}
.goods_list h3{font-size: 0.9rem;font-weight: normal;line-height: 1rem;height: 2rem;position: relative;overflow: hidden;}
.goods_list .txt_text,.goods_list .txt_join,.goods_list .txt_over{font-size: 0.8rem;color:#808080;line-height: 1rem;}
.goods_list .txt_join{float: left;margin-top: 0.4rem;}
.goods_list .txt_over{float: right;margin-top: 0.4rem;}
.goods_list .txt_text em,.goods_list .txt_over em{color:#eb3a40;}
.goods_list .progress_box{margin-top: 0.1rem;}
.goods_list .btn_take{position: relative;float:left;top: .65rem;width: 76%;height: 2.07rem;line-height: 2.07rem;font-size: 1.07rem;}
.goods_list .btn_buy{position: relative;float:right;width: 14%;height: 2rem;top: .65rem;}
.goods_list .btn_buy:before{width: 1.7rem;height: 1.7rem;top: 0.15rem;left: 50%;margin-left: -.85rem;}
.goods_list .choose_box{position: absolute;left: 0;bottom: 1.2rem;height: 2.4rem;padding: 0 0 0 7rem;right: 0;}
.goods_list .choose_box .up_down_choose{float: left;position: relative;top: -1px;}
.goods_list .choose_box .txt_choose{position: absolute;left: 7rem;bottom: 100%;font-size: .8rem;color:#808080;line-height: 1.4rem;}
.goods_list .choose_box .txt_error{font-size: .8rem;color:#eb3a3f;line-height: 1.2rem;float: left;}
.goods_list .choose_box .error_right{float: right;}
.goods_list .choose_box .txt_right{right: .5rem;left: auto;}
.goods_list .choose_box .period_box{float: right;width: 3.4rem;height: 2.4rem;position: relative;border: 1px solid #b3b3b3;border-radius: 4px;}
.goods_list .choose_box .input_period{float: right;width: 3.4rem;height: 2.4rem;line-height: 2.4rem;text-align: center;color: #eb3a3f;font-size: 1.2rem;border: none;border-radius: 4px;}
.goods_list .choose_box .btn_delete{float: right;}

/*showwin list*/
.showwin_list{}
.showwin_list li{padding: 1rem .6rem .4rem;position: relative;border-bottom: 1px solid #dfe3e6;background: #fff;}
.showwin_list .txt_swin{font-size: .9rem;line-height: 1.2rem;}
.showwin_list .txt_stitle{font-size: .8rem;color:#808080;line-height: 1rem;margin-top: .7rem;}
.showwin_list .txt_sname{font-size: .8rem;color:#eb3a40;line-height: 1rem;margin: .3rem 0 .6rem;}
.showwin_list img{float: left;margin: 0 .6rem .6rem 0;width: 4.3rem;height: 4.3rem;}

/*win msg box*/
.win_msg_box{position: relative;padding: .6rem 0 .6rem 5rem;}
.win_msg_box p{line-height: 1.6rem;font-size: .9rem;color:#808080;position: relative;}
.win_msg_box p em{font-size: 1rem;color:#e3191c;}
.win_msg_box p a{color:#808080;}
.win_msg_box p a.btn_look{position: absolute;top: 0;right: 1rem;color:#007aff;}
.win_msg_box p a.btn_look:active{color:#3794fa;}
.win_msg_box img{position: absolute;width: 4rem;height: 4rem;top: 50%;margin-top: -2rem;left: 0;border-radius: 100%;}

/*winner list*/
.winner_list{}
.winner_list li{margin-top: 1rem;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding: 0 1rem;background: #fff;}
.winner_list li h3{font-size: 1rem;line-height: 2.9rem;border-bottom: 1px solid #dfe3e6;font-weight: normal;}

/*nav tab*/
.nav_tab{margin-bottom: 1rem;}
.nav_tab a{display: block;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding: 0 2.1rem 0 1rem;position: relative;height: 3.1rem;line-height: 3.1rem;margin-top: 1rem;background: #fff;}
.nav_tab a:active{background: #adadad;}
.nav_tab a:after{position: absolute;content: "";background: url(../img/arr.png) no-repeat;background-size: 100% 100%;width: 0.53rem;height: 0.87rem;top: 50%;margin-top: -0.4rem;right: 1rem;}
.nav_tab a strong{font-size: 1.2rem;color:#000;font-weight: normal;}
.nav_tab a span{float: right;font-size: .8rem;color:#808080;}

/*top bar*/
.top_bar_box{position: relative;height: 3.2rem;}
.top_bar{ background:#595758; width:100%; height:3.2rem; position:fixed; z-index:99;top: 0;left: 0;}
.top_bar.rule_bar{position: fixed;top: 0;left: 0;z-index: 99;}
.top_bar h2{ font-size:1.15rem; text-align:center; color:#fff; line-height:3.2rem;font-weight: normal;}
.top_bar .back{ position:absolute; left:0.6rem; top:1rem; font-size:1.2rem; line-height:1.05rem; color:#fff;}
.top_bar .back:before{content: "";background:url(../img/b_arr.png) no-repeat; background-size:100%; display:inline-block; width:0.7rem; height:1.2rem; float:left; margin-right:0.4rem;}
.top_bar .home{ position: absolute;top: 0;right: 1rem;width: 1.6rem;height: 3.2rem;}
.top_bar .home:before{content: "";position: absolute;top: 1.45rem;left: 0;width: 1.6rem;height: .3rem;background: url('../img/ico_dots.png');background-size: 100% 100%;}

/*login*/
.login_sec{padding-top: 1rem;}
.login_sec .input_area{border-top: 1px solid #a7a7a7;border-bottom: 1px solid #a7a7a7;background: #fff;}
.login_sec .input_box{width: 91.7%;margin: 0 auto;height: 3.77rem;position: relative;}
.login_sec .input_box:nth-child(2){border-top: 1px solid #a7a7a7;}
.login_sec .input_box label{position: absolute;top: 0;left: 0;line-height: 3.77rem;font-size: 1.2rem;color:#333;}
.login_sec .input_box input{width: 74.2%;float: right;height: 3.77rem;line-height: 3.77rem;border: none;}
.login_sec .operate_box{width: 91.7%;margin: 1rem auto 0;}
.login_sec .btn_login{display: block;border-radius: 8px;font-size: 1.2rem;color:#fff;text-align: center;height: 3.3rem;line-height: 3.2rem;border:1px solid #ff530f;margin-bottom: 1.5rem;}
.login_sec .auto_box{float: left;font-size: 0.9rem;color:#808080;}
.login_sec .btn_kregister{float: right;font-size: 0.9rem;color:#808080;}
.login_sec .other_login{width: 91.7%;margin: 1.6rem auto 0;}
.login_sec .txt_other{font-size: 0.6rem;color:#808080;}
.login_sec .other_login ul{text-align: center;font-size: 0;margin-top: 0.5rem;}
.login_sec .other_login li{float: left;width: 30%;height: 2.93rem;border: 1px solid #c8c8c8;margin: 0 0.7rem 0.7rem 0;background: #fff;}
.login_sec .other_login li:nth-child(3),.login_sec .other_login li:nth-child(6){margin-right: 0;}
.login_sec .other_login li a{display: block;height: 100%;text-indent: 25%;font-size: 0.8rem;color:#000;line-height: 2.93rem;position: relative;}
.login_sec .other_login li a:before{position: absolute;width: 1.2rem;height: 1.2rem;background-size: 100% 100%;content: "";top: 50%;margin-top: -0.7rem;left: 15%;}
.login_sec .other_login li:nth-child(1) a:before{background-image: url('../img/ico_sina.png');}
.login_sec .other_login li:nth-child(2) a:before{background-image: url('../img/ico_renren.png');width: 1.4rem;}
.login_sec .other_login li:nth-child(3) a:before{background-image: url('../img/ico_alipay.png');}
.login_sec .other_login li:nth-child(4) a:before{background-image: url('../img/ico_360.png');}
.login_sec .other_login li:nth-child(5) a:before{background-image: url('../img/ico_dianxin.png');}
.login_sec .other_login li:nth-child(6) a:before{background-image: url('../img/ico_miui.png');}

/*regist*/
.regist_sec nav{position: relative;height: 3.1rem;border-bottom: 1px solid #a7a7a7;}
.regist_sec nav a{float: left;width: 50%;height: 100%;text-align: center;line-height: 3.1rem;font-size: 1.2rem;color:#000;}
.regist_sec nav a.cur,.regist_sec nav a:active{color:#ff6600;border-bottom: 2px solid #ff6600;}
.regist_sec .input_box{width: 91.7%;margin: 0 auto;height: 3.77rem;position: relative;}
.regist_sec .input_box label{position: absolute;top: 0;left: 0;line-height: 3.77rem;font-size: 1.2rem;color:#333;}
.regist_sec .input_box input{width: 70%;float: left;height: 3.77rem;line-height: 3.77rem;border: none;margin-left: 29.5%;}
.regist_sec .input_box:nth-child(2),.regist_sec .input_box:nth-child(3){border-top: 1px solid #a7a7a7;}
.regist_sec .btn_regist{display: block;width: 91.7%;margin: 1rem auto 1.5rem;border-radius: 8px;font-size: 1.2rem;color:#fff;text-align: center;height: 3.3rem;line-height: 3.2rem;border:1px solid #ff530f;}
.regist_sec .agree_box{text-align: center;font-size: 0;}
.regist_sec .agree_box input,.regist_sec .agree_box p{display: inline-block;}
.regist_sec .agree_box input{width: 0.9rem;height: 0.9rem;position: relative;top: 1px;}
.regist_sec .agree_box p{font-size: 0.9rem;color:#808080;margin-left: 0.2rem;line-height: 0.9rem;}
.regist_sec .agree_box p a{color:#007aff;}
/*phone*/
.regist_sec .phone_regist{background: #fff;}
.regist_sec .phone_regist .input_box:nth-child(1) input{width: 50%;}
.regist_sec .phone_regist .input_box:nth-child(1) a{position: absolute;height: 82%;width: 20%;right: 0;top: 9%;line-height: 3.09rem;text-align: center;font-size: 1.2rem;color:#007aff;border-left: 1px solid #a7a7a7;}
.regist_sec .phone_regist{border-bottom: 1px solid #a7a7a7;}
/*email*/
.regist_sec .email_regist{background: #fff;}
.regist_sec .email_regist .input_box:nth-child(1) input{width: 43%;}
.regist_sec .email_regist .input_box:nth-child(3) .code_box{position: absolute;height: 82%;width: 27.5%;right: 0;top: 9%;border-left: 1px solid #a7a7a7;}
.regist_sec .email_regist .input_box:nth-child(3) .code_box img{position: absolute;width: 80%;height: 100%;top: 0;left: 0;}
.regist_sec .email_regist .input_box:nth-child(3) .code_box a{position: absolute;width: 1.1rem;height: 1.3rem;top: 50%;margin-top: -0.6rem;right: 0;background: url('../img/ico_refresh.png');background-size: 100% 100%;}
.regist_sec .email_regist{border-bottom: 1px solid #a7a7a7;}

/*index*/
.index_sec header{height: 3.67rem;position: relative;background: #ff6a16;}
.index_sec header h1{font-size: 0;position: relative;height: 3.67rem;}
.index_sec header h1:before{content: "";position: absolute;width: 9.2rem;height: 1.3rem;background: url('../img/logo.png');background-size: 100% 100%;top: 50%;left: .67rem;margin-top: -.65rem;}
.index_sec header .btn_new{position: absolute;right: 0.67rem;top: 0;line-height: 3.67rem;font-size: 1.2rem;color:#fff;}
.index_sec .banner{height: 8.93rem;position: relative;overflow: hidden;border-bottom: 1px solid #dfe3e6;background: #fff;padding-bottom: 1px;}
.index_sec .banner:before{content: "即将揭晓";position: absolute;top: 0;left: .7rem;width: 5.4rem;height: 1.6rem;line-height: 1.6rem;text-align: center;background: url('../img/txt_banner.png');background-size: 100% 100%;font-size: .9rem;color:#fff;z-index: 10;}
.index_sec .banner ul{/*position: absolute;*/width: 400%;/*height: 100%;*/top: 0;left: 0;}
.index_sec .banner ul li{float: left;width: 25%;}
.index_sec .banner ul li .act_link{height: 8.93rem;display: block;}
.index_sec .banner ul li .act_link img{display: block;width: 100%;height: 100%;}
.index_sec .banner_content{padding: 2rem 0 0 8.6rem;position: relative;}
.index_sec .banner_content .img_box{position: absolute;top: 0;left: 0;width: 8.2rem;height: 8.93rem;}
.index_sec .banner_content .img_box a{display: block;height: 100%;}
.index_sec .banner_content .img_box img{float: right;height: 100%;transform:scale(0.8);-webkit-transform:scale(0.8);}
.index_sec .banner_content .banner_tt{font-size: .9rem;color:#333;line-height: 1rem;}
.index_sec .banner_content .banner_count{font-weight: bold;font-size: 1.2rem;color:#1c1c1c;line-height: 1.2rem;margin-top: .5rem;}
.index_sec .banner_content .banner_count em{color:#ff6a16;}
.index_sec .banner_content .btn_orange{display: block;width: 7rem;height: 2.1rem;line-height: 2.1rem;margin-top: .7rem;text-align: center;font-size: .9rem;color:#fff;border-radius: 8px;}
.index_sec .banner ul li img{display: block;width: 100%;height: 100%;}
.index_sec .btn_control{position: absolute;width: 4.4rem;right: 0.67rem;bottom: 0.67rem;}
.index_sec .btn_control a{float: left;width: 0.6rem;height: 0.6rem;border-radius: 50%;background: #b0b0b0;margin-right: 0.4rem;}
.index_sec .btn_control a.cur,.index_sec .btn_control a:active{background: #ff6a16;}
.index_sec h2{font-size: 1.1rem;line-height: 2.4rem;text-indent: 0.67rem;color:#767676;font-weight: normal;background: #f6f6f8;}
.index_sec .new_online,.index_sec .all_goods{background: #fff;margin-top: 0.33rem;}
.index_sec .new_online ul{border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;}
.index_sec .new_online li{float: left;width: 33.33%;height: 8.73rem;position: relative;}
.index_sec .new_online li:nth-child(1):after,.index_sec .new_online li:nth-child(2):after{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;background: #dfe3e6;z-index: 10;}
.index_sec .new_online .img_box{height: 5.14rem;width: 100%;overflow: hidden;position: relative;text-align: center;}
.index_sec .new_online .img_box img{height: 100%;display: inline-block;}
.index_sec .new_online .img_box a{display: block;height: 100%;}
.index_sec .new_online li p{padding: 0.5rem 0.67rem 0;font-size: 0.9rem;line-height: 1.4rem;height: 2.8rem;overflow: hidden;word-break: break-all;}
.index_sec .all_goods .goods_list{border-top: 1px solid #e4e7ea;}


/*bottom nav*/
.bottom_nav{position: fixed;width: 100%;height: 3.9rem;background: #fff;bottom: 0;left: 0;border-top: 1px solid #a7a7a7;z-index: 99;}
.bottom_nav a{position: absolute;height: 100%;width: 14%;text-align: center;font-size: 0.8rem;color:#959595;top: 0;line-height: 6.3rem;}
.bottom_nav a.cur,.bottom_nav a:active{color:#ff6a16;}
.bottom_nav a:before{content: "";position: absolute;background-size: 100% 100%;top: 0.5rem;left: 50%;height: 1.8rem;}
.bottom_nav a:nth-child(1){left: 5%;}
.bottom_nav a:nth-child(2){left: 30%;}
.bottom_nav a:nth-child(3){right: 30%;}
.bottom_nav a:nth-child(4){right: 5%;}
.bottom_nav a:nth-child(1):before{width: 1.8rem;margin-left: -0.9rem;background-image: url('../img/ico_home.png');}
.bottom_nav a:nth-child(1).cur:before,.bottom_nav a:nth-child(1):active:before{background-image: url('../img/ico_homes.png');}
.bottom_nav a:nth-child(2):before{width: 1.8rem;margin-left: -0.9rem;background-image: url('../img/ico_buy.png');}
.bottom_nav a:nth-child(2).cur:before,.bottom_nav a:nth-child(2):active:before{background-image: url('../img/ico_buys.png');}
.bottom_nav a:nth-child(3):before{width: 2rem;margin-left: -1rem;background-image: url('../img/ico_wish.png');}
.bottom_nav a:nth-child(3).cur:before,.bottom_nav a:nth-child(3):active:before{background-image: url('../img/ico_wishs.png');}
.bottom_nav a:nth-child(4):before{width: 1.6rem;margin-left: -0.8rem;background-image: url('../img/ico_person.png');}
.bottom_nav a:nth-child(4).cur:before,.bottom_nav a:nth-child(4):active:before{background-image: url('../img/ico_persons.png');}
.bottom_nav a:nth-child(2) .all_tip{position: absolute;height: 1.3rem;min-width: .7rem;line-height: 1.4rem;color:#fff;font-size: .9rem;background: #f95033;border-radius: 100%;padding: 0 .3rem;top: .2rem;right: -.2rem;}

/*goods detial*/
.goods_detail_sec .goods_detail_box{padding: 0 1rem .9rem;border-bottom: 1px solid #dfe3e6;background: #fff}
.goods_detail_sec .goods_detail_box .img_box{position: relative;padding: 1.7rem 0;height: 10.3rem;display: table;text-align: center;width: 100%;}
.goods_detail_sec .goods_detail_box .img_box a{display: table-cell;vertical-align: middle;text-align: center;}
.goods_detail_sec .goods_detail_box .img_box img{max-width: 100%;height: 90%;display: inline-block;}
.goods_detail_sec .goods_detail_box h1{font-size: 1.2rem;font-weight: normal;}
.goods_detail_sec .goods_detail_box .txt_text{font-size: .9rem;color:#808080;}
.goods_detail_sec .goods_detail_box .progress_box{margin:.7rem 0 .3rem;}
.goods_detail_sec .goods_detail_box .txt_join{float: left;font-size: .8rem;color:#808080;}
.goods_detail_sec .goods_detail_box .txt_over{float: right;font-size: .8rem;color:#808080;}
.goods_detail_sec .goods_detail_box .txt_over em{color:#eb3a3f;}
.goods_detail_sec .gd_join_box{padding: 1rem;border-bottom: 1px solid #dfe3e6;font-size: .9rem;color:#808080;line-height: 2.4rem;background: #fff;}
.goods_detail_sec .up_down_choose{float: right;position: relative;top: -1px;}
.goods_detail_sec .gd_pay_box{position: relative;padding: 5.6rem 1rem .8rem;font-size: .8rem;color:#808080;}
.goods_detail_sec .gd_pay_box .btn_take{position: absolute;left: 1rem;top: 2rem;width: 18rem;height: 2.9rem;line-height: 2.9rem;font-size: 1.2rem;}
.goods_detail_sec .gd_pay_box .btn_buy{position: absolute;width: 2.8rem;height: 2.8rem;right: 1rem;top: 2rem;}
.goods_detail_sec .gd_pay_box .btn_buy:before{width: 1.7rem;height: 1.7rem;top: 0.55rem;left: 0.55rem;}
.goods_detail_sec .gd_record{border-top: 1px solid #dfe3e6;padding:1rem;background: #fff;}
.goods_detail_sec .gd_record h2{font-size: 1.2rem;color:#000;font-weight: normal;}
.goods_detail_sec .record_list{margin: 1rem 0 0 .4rem;}
.goods_detail_sec .record_list .record_start{border-left: 2px solid #bbb;font-size: 1rem;color:#808080;height: 1rem;line-height: 1rem;position: relative;padding: 0 0 .6rem 1.4rem;}
.goods_detail_sec .record_list .record_start:before{content: "";position: absolute;width: .9rem;height: .9rem;border-radius: 50%;top: 0;left: -.45rem;background: #a2a2a2;margin-left: -1px;}
.goods_detail_sec .record_list .record_end{border-left: 2px dashed #bbb;font-size: 1rem;color:#808080;height: 1rem;line-height: 1rem;position: relative;padding: 0 0 1.8rem 1.4rem;}
.goods_detail_sec .record_list .record_end:before{content: "";position: absolute;width: .9rem;height: .9rem;border-radius: 50%;top: 0;left: -.45rem;background: #a2a2a2;margin-left: -1px;}
.goods_detail_sec .record_list ul{border-left: 2px solid #bbb;}
.goods_detail_sec .record_list li{position: relative;padding-left: 1.4rem;height: 2.2rem;line-height: 2.2rem;font-size: .8rem;color:#000;}
.goods_detail_sec .record_list li:last-child{padding-bottom: .6rem;}
.goods_detail_sec .record_list li em{color: #ea2127;}
.goods_detail_sec .record_list li .ico_round{position: absolute;width: .6rem;height: .6rem;border-radius: 50%;background: #fff;border:3px solid #bbb;top: .8rem;margin: -3px 0 0 -4px;left: -.3rem;text-align: center;}
.goods_detail_sec .record_list li .ico_round:before{content: "";position: absolute;width: 40%;height: 40%;border-radius: 100%;background: #bbb;top: 30%;left: 30%;}
.goods_detail_sec .record_list li .txt_time{position: absolute;right: 0;top: 0;color:#808080;}
.goods_detail_sec .btn_more{background: #fff;}
.goods_detail_sec .g_win_box{margin-top: 1rem;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding: 0 1rem;background: #fff;}


/*shop cart*/
.shop_cart_sec{background: #f6f6f8;}
.shop_cart_sec .goods_list{padding-bottom: 4.1rem;background: #f6f6f8;}
.shop_cart_sec .goods_list li{background: #fff;}
.shop_cart_sec .choose_all{height: 3.5rem;position: relative;padding-left: 2.8rem;line-height: 3.5rem;font-size: 1.1rem;color:#000;border-bottom: 1px solid #dfe3e6;background: #fff;}
.shop_cart_sec .choose_all .btn_choose{top: 1rem;left: .7rem;}
.shop_cart_sec .choose_all .btn_delete{float: right;border: none;margin: 0.6rem 0.5rem 0 0;}
.shop_cart_sec .choose_all .btn_delete:before{height: 1.8rem;top: .3rem;}
.shop_cart_sec .goods_list li{padding-left: 2.8rem;border-bottom: 1px solid #dfe3e6;}
.shop_cart_sec .goods_list .goods_wrap{border: none;}
.shop_cart_sec .goods_list .btn_choose{top: 50%;margin-top: -.75rem;left: .7rem;}
.shop_cart_sec .btn_continue{float: right;width: 4.5rem;height: 2.4rem;border: 1px solid #b3b3b3;font-size: 1rem;line-height: 2.4rem;text-align: center;color:#808080;border-radius: 4px;}
.shop_cart_sec .btn_continue em{color:#eb3a3f;}
.shop_cart_sec .btn_continue:active{background: #ff6a16;color:#fff;}
.shop_cart_sec .shop_total{position: fixed;width: 100%;left: 0;bottom: 3.9rem;padding: .9rem 0;border-top: 1px solid #a6a6a6;background: #efeff3;box-shadow: 0 0 3px #666;}
.shop_cart_sec .shop_total a{position: absolute;top: -1px;bottom: 0;width: 7.3rem;right: 0;text-align: center;font-size: 1.2rem;color:#fff;line-height: 4.1rem;}
.shop_cart_sec .shop_total p{text-indent: .5rem;color:#000;}
.shop_cart_sec .shop_total p:nth-child(1){font-size: 1.1rem;line-height: 1.3rem;}
.shop_cart_sec .shop_total p:nth-child(2){font-size: .8rem;line-height: 1rem;}
.shop_cart_sec .shop_total p em{color:#eb3a40;}

/*.shop_cart_sec .pop_period{height: 8.4rem;}
.shop_cart_sec .pop_period .up_down_choose{display: inline-block;}
.shop_cart_sec .pop_period .up_down_choose a,.shop_cart_sec .pop_period .up_down_choose input{width: 3.12rem;height: 3.12rem;line-height: 3.12rem;}*/
.shop_cart_sec .sc_empty{text-align: center;font-size: 1.2rem;color:#808080;}
.shop_cart_sec .sc_empty .txt_empty{line-height: 1.2rem;padding: 2.6rem 0 1.2rem;}
.shop_cart_sec .sc_empty a{font-size: 1.1rem;color:#027bff;}

/*exchange record*/
.exchange_record_sec{background: #fff;}
.exchange_record_sec nav{height: 3rem;background: #f6f6f8;border-bottom: 1px solid #a7a7a7;}
.exchange_record_sec nav a{float: left;width: 33.33%;height: 100%;line-height: 3rem;font-size: 1.2rem;color:#000;position: relative;text-align: center;}
.exchange_record_sec nav a:after{content: "";position: absolute;width: 100%;height: 2px;background: #ff6a16;bottom: -1px;left: 0;display: none;}
.exchange_record_sec nav a:active,.exchange_record_sec nav a.cur{color:#ff6a16;}
.exchange_record_sec nav a:active:after,.exchange_record_sec nav a.cur:after{display: block;}
.exchange_record_sec .goods_list h3{height: 2rem;}
.exchange_record_sec .goods_list .img_box img{max-width: 80%;}
.exchange_record_sec .goods_list .txt_text{line-height: 1.1rem;}
.exchange_record_sec .goods_list .txt_text a.btn_look{float: right;color:#007aff;}
.exchange_record_sec .goods_list .txt_text a:active{color:#3794fa;}
.exchange_record_sec .goods_list .txt_text:last-child{margin-top: .5rem;}
.exchange_record_sec .txt_empty{font-size: .9rem;text-align: center;color:#808080;padding-top: 2.7rem;}
.exchange_record_sec .progress_detail{padding: 1rem 5.6rem 1rem 0;position: relative;}
.exchange_record_sec .goods_list .progress_box{margin-top: .5rem;}
.exchange_record_sec .progress_detail .btn_box{position:absolute;width: 4.5rem;height: 2.2rem;top: 1.3rem;right: 0;line-height: 1.1rem;font-size: .8rem;color:#ef1417;}
.exchange_record_sec .progress_detail .btn_box a{display: block;border-radius: 4px;border: 1px solid #ff8030;text-align: center;line-height: 2.2rem;font-size: .9rem;color:#ff6600;position: relative;top: -1px;}

/*show win*/
.show_win_sec .goods_list li{border-bottom: 1px solid #dfe3e6;}
.show_win_sec .goods_list .goods_wrap{border: none;}
.show_win_sec .goods_list .txt_text{line-height: 1.1rem;}
.show_win_sec .goods_list .txt_last{position: absolute;height: 2rem;left: 7rem;right: 0;bottom: 1rem;line-height: 2rem;font-size: .9rem;}
.show_win_sec .goods_list .txt_last em{color:#eb3a40;}
.show_win_sec .goods_list .txt_last a{position: absolute;top: -2px;right: 0;width: 5.5rem;height: 2rem;line-height: 2rem;text-align: center;border: 2px solid #ff6a16;border-radius: 8px;font-size: .9rem;color:#ff6a16;}
.show_win_sec .goods_list .txt_last a:active{background: #ff6a16;color:#fff;}
.show_win_sec .goods_list .img_box img{width: auto;height: auto;margin: 0;float: none;max-width: 90%;}
.show_win_sec .sw_empty{font-size: 1.2rem;color:#808080;line-height: 6.3rem;text-align: center;}
.show_win_sec .txt_empty{font-size: .9rem;text-align: center;color:#808080;padding-top: 2.7rem;}

/*show edit*/
.show_edit_sec{border-bottom: 1px solid #dfe3e6;padding: 1rem;background: #fff;}
.show_edit_sec textarea{display: block;width: 100%;border: none;font-size: 1.1rem;color:#b6b6ba;height: 4.8rem;line-height: 1.4rem;resize:none;margin-bottom: .8rem;}
.show_edit_sec .img_box{float: left;width: 4.3rem;height: 4.3rem;margin: 0 1rem 0 0;position: relative;}
.show_edit_sec .img_box img{display: block;width: 100%;height: 100%;}
.show_edit_sec .img_box a{position: absolute;width: 1.5rem;height: 1.5rem;top: .3rem;right: .3rem;background: url('../img/btn_close.png');background-size: 100% 100%;}
.show_edit_sec .btn_add{float: left;width: 4.3rem;height: 4.3rem;position: relative;}
.show_edit_sec .btn_add:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 2px solid #d8d8d9;}
.show_edit_sec .btn_add:after{content: "";position: absolute;width: 2.3rem;height: 1.9rem;top: 1.2rem;left: 1rem;background: url('../img/btn_photo.png');background-size: 100% 100%;}
.show_edit_sec .btn_add .btn{position: absolute;width: 4.3rem;height: 4.3rem;line-height: 4.3rem;opacity: 0;top: 0;left: 0;z-index: 10;}
.show_edit_sec .photo_box{border-bottom: 1px solid #dfe3e6;padding-bottom: 1rem;}
.show_edit_sec .btn_orange{float: right;width: 7.3rem;height: 2.6rem;line-height: 2.6rem;text-align: center;color:#fff;font-size: 1.2rem;border-radius: 8px;margin-top: 1rem;}

/*expression sec*/
.expression_sec .w_tit{ font-size:1.2rem; color:#000;font-weight: normal;}
.expression_sec .w_p{ font-size:0.93rem;}
.expression_sec .w_tb{ border-top:#dfe3e6 solid 1px; margin-top:1rem; padding-top:0.5rem;}
.expression_sec .w_tb table{  color:#666;}
.expression_sec .w_tb table th{font-size:0.9rem; line-height:1.8rem;}
.expression_sec .w_tb table td{font-size:0.75rem; line-height:1.6rem;}
.expression_sec .chk_link {padding-left: 1rem;color: #007aff;}

/*lucky code*/
.lucky_code_sec .pri_tit1{font-size:1.2rem; overflow:hidden;font-weight: normal;}
.lucky_code_sec .pri_tit1 a{ color:#000;}
.lucky_code_sec .user_jion_info{ color:#666; padding:0.8rem 0 0.8rem; position:relative; font-size:0.93rem; border-bottom:#dfe3e6 solid 1px;}
.lucky_code_sec .abs_right{ position:absolute; top:0.8rem; right:0;}
.lucky_code_sec .lucky_code_list ul{padding-top:1rem;}
.lucky_code_sec .lucky_code_list li{float: left;line-height:1.8rem; font-size:1rem; color:#666; width: 33.33%;}
.lucky_code_sec .ctg_tips1{ margin-top:1rem;}

/*recharge*/
.recharge_sec{}
.recharge_sec .recharge_top{font-size: 1.2rem;line-height: 3.8rem;font-weight: normal;text-indent: 1rem;background: #fff;}
.recharge_sec .recharge_top em{color:#ea242a;}
.recharge_sec .txt_recharge{float: left;}
.recharge_sec .up_down_choose{float: left;margin: .6rem 0 0 1rem;}
.recharge_sec .up_down_choose input{color:#000;}
.recharge_sec .txt_pay{font-size: 1.1rem;color:#767676;text-indent: 1rem;line-height: 3.1rem;background: #fff;position: relative;border-bottom: 1px solid #dfe3e6;}
.recharge_sec .txt_pay:before{position:absolute;content: "";height: 1px;background: #dfe3e6;top: 0;right: 0;left: 1rem;}
.recharge_sec .txt_pay em{color:#ff6600;padding-left: 1rem;}
.recharge_sec .txt_etip{font-size: 1.1rem;color:#3d3d3d;text-indent: 1rem;line-height: 3.1rem;}
.recharge_sec .txt_etip a{color:#1a82e3;}
.recharge_sec ul{border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding-left: 1rem;background: #fff;margin-top: 1.35rem;}
.recharge_sec ul li{height: 3.1rem;line-height: 3.1rem;font-size: 1.2rem;padding-left: 2rem;border-bottom: 1px solid #dfe3e6;position: relative;}
.recharge_sec ul li:last-child{border-bottom: none;}
.recharge_sec ul li .btn_choose{left: 0;top: .8rem;margin-top: -1px;border: none;}
.recharge_sec ul li .btn_choose.choose{background: url('../img/ico_yes.png') no-repeat 0 0;background-size: 100% 100%;}
.recharge_sec .btn_orange{display: block;border-radius: 0.6rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;text-align: center;color: #fff;margin: 2rem 1rem 1rem;}
.recharge_sec .txt_tip{text-align: center;font-size: 1rem;color:#747474;}
.recharge_sec .pay_box{background: #fff;border-bottom: 1px solid #dfe3e6;}
.recharge_sec .input_box{height: 2rem;line-height: 2rem;position: relative;padding: .8rem 0 .8rem 7.5rem;}
.recharge_sec .input_box label{position: absolute;width: 7rem;text-align: right;top: .8rem;left: 0;font-size: 1.1rem;}
.recharge_sec .input_box input{float: left;display: block;height: 2rem;line-height: 2rem;text-indent: .4rem;width: 15rem;}
.recharge_sec .input_box.code input{width: 6rem;}
.recharge_sec .code_box{float: left;width: 8rem;height: 2rem;position: relative;margin-left: 1rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.recharge_sec .code_box img{position: absolute;width: 80%;height: 100%;top: 0;left: 0;}
.recharge_sec .code_box a{position: absolute;width: 100%;height: 100%;top: 0;right: 0;line-height: 2rem;border: 1px solid #ff6a16;background: #ff6a16;text-align: center;font-size: 1rem;color:#fff;}
.recharge_sec .code_box a.grey{background: #dedede;border-color: #c8c8c8;color:#000;}
.recharge_sec .jf_deduction{border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding-left: 1rem;background: #fff;margin-top: 1.35rem;}
.recharge_sec .deduction_box{border-bottom: 1px solid #dfe3e6;padding: .64rem 0;line-height: 2.4rem;font-size: 1.2rem;}
.recharge_sec .txt_deduction{float: left;line-height: 1.2rem;margin-top: .6rem;}
.recharge_sec .btn_deduction{float: left;width: 1.2rem;height: 1.2rem;border: 1px solid #dfe3e6;border-radius: 4px;margin-right: .4rem;position: relative;top: -1px;}
.recharge_sec .btn_deduction.choose{background: url('../img/ico_gyes.png') no-repeat 0 0;background-size: 100% 100%;}
.recharge_sec .deduction_box .up_down_choose{margin: 0 1.35rem;}
.recharge_sec .num_deduction{float: left;color:#ff6600;font-size: 1.4rem;}
.recharge_sec .deduction_tip{padding: .4rem 0;line-height: 1.5rem;}
.recharge_sec .jf_num{font-size: .9rem;color:#333;}
.recharge_sec .jf_num em{font-size: .8rem;color:#ef1417;padding-left: .8rem;}
.recharge_sec .jf_tip{font-size: .8rem;color:#808080;}


/*recharge record*/
.recharge_record_sec .rec_tips p{ font-size:0.87rem;}
.recharge_record_sec .tb_wp{ background:#fff; margin-bottom:1rem;}
.recharge_record_sec .tb_wp table{ border-collapse:collapse; border:#dfe3e6 solid 1px;text-align: left;}
.recharge_record_sec .tb_wp table th, .tb_wp table td{ border-collapse:collapse; border-bottom:#dfe3e6 solid 1px; line-height:3rem; padding:0 0 0 1rem;}
.recharge_record_sec .tb_wp table th{ font-size:1.13rem; color:#333;font-weight: normal;}
.recharge_record_sec .tb_wp table td{ font-size:0.8rem; color:#808080;}
.recharge_record_sec .tb_wp table td.sum{ font-size:1rem; color:#e4393c;}

/*person center*/
.person_center_sec{padding-bottom: 3.9rem;}
.person_center_sec .txt_center{font-size: 1rem;line-height: 2.7rem;background: #706c6e;text-align: center;color:#fff;white-space: nowrap;}
.person_center_sec .user_info{ position:relative;}
.person_center_sec .user_head{ display:block; width:4.03rem; height:4.03rem; border-radius:100% 100%; position:absolute; left:0; top:0;}
.person_center_sec .user_head img{ border-radius:100% 100%;width: 4rem;height: 4rem;}
.person_center_sec .user_info .user_detail{ padding:0.5rem 0 0 5rem;}
.person_center_sec .user_info .user_detail .user_name{ color:#333;}
.person_center_sec .user_sum{ font-size:0.8rem; color:#808080; height: 2rem;padding-right: 6.6rem;}
.person_center_sec .btn_orange{ background:#ff6a16; border-radius:0.3rem; display:block; width:7.33rem; height:2.63rem; position:absolute; top:0.8rem; right:0; font-size:1.2rem; line-height:2.63rem; color:#fff; text-align:center;}
.person_center_sec .btn_orange:active{background: #ff530f;}
.person_center_sec .nav_tab a:last-child{text-align: center;}
.person_center_sec .nav_tab a:last-child:after{display: none;}
.person_center_sec .nav_tab a:last-child strong{color:#ea2127;}

/*address*/
.address_sec{}
.address_sec .tips{margin:.8rem 0; font-size:1rem;text-align: center;}
.address_sec .addr_info{border-top: #dfe3e6 solid 1px;border-bottom: #dfe3e6 solid 1px;background: #fff;}
.address_sec .addr_info li{ display:block; background:#fff;border-bottom:#dfe3e6 solid 1px;margin: 0 1rem; height:3.07rem; position:relative;}
.address_sec .addr_info li .lb{ color:#333; position:absolute; left:0rem; top:0.7rem;}
.address_sec .addr_info li .ipt{ background:none; border:none; color:#ccc; display:block; margin:0 0 0 5rem; font-size:1rem; height:3.07rem; width:13rem; overflow:hidden; line-height:3.07rem;  }
.address_sec .addr_info li:last-child{border-bottom: none;}
.address_sec .addr_info .code_box{position: absolute;height: 82%;width: 27.5%;right: 0;top: 9%;border-left: 1px solid #a7a7a7;}
.address_sec .addr_info .code_box img{position: absolute;width: 80%;height: 100%;top: 0;left: 0;}
.address_sec .addr_info .code_box a{position: absolute;width: 1.1rem;height: 1.3rem;top: 50%;margin-top: -0.6rem;right: 0;background: url('../img/ico_refresh.png');background-size: 100% 100%;}
.address_sec .del_opt{background: url('../img/clear_ico.png') no-repeat; background-size:100%; display:block; width:1.17rem; height:1.17rem; position:absolute; top:0.9rem; right: 0; cursor:pointer;}
.address_sec .save_opt{margin-top: .9rem;}
.address_sec .s_tips{font-size: 1rem;color: #000;margin: 0 1rem;}
.address_sec .s_tips span{color:#007dff;}
.address_sec .btn_orange{display: block;border-radius: 0.6rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;text-align: center;color: #fff;margin: 1rem;}

/*pay result*/
.pay_result_sec{}
.pay_result_sec img{width: 100%;}
.pay_result_sec .ctg_tips{ background:#fff;  height:9.53rem; border:4px solid #ff6a16; border-radius:1rem; margin:9.9rem 1rem 0; position:relative;}
.pay_result_sec .ctg_img{ width:15.03rem; height:9.9rem; position:absolute; top:-9rem; left:50%; margin-left:-7rem; }
.pay_result_sec .ctg_tips h3{ font-size:1.6rem; color:#333; text-align:center; font-weight:bold; margin:1.2rem auto 0.5rem;}
.pay_result_sec .ctg_tips  p{ text-align:center; color:#808080;}
.pay_result_sec .btn_orange{ display:block;border-radius:0.6rem; height:3rem; line-height:3rem; font-size:1.2rem; text-align:center; color:#fff; margin:1rem;}
.pay_result_sec .code_box{margin: 2rem 1rem 0;border-top: 1px solid #a7a7a7;text-align: center;}
.pay_result_sec .code_box p{padding: 1.5rem 0 .9rem;font-size: 1.1rem}
.pay_result_sec .code_box p em{color:#007dff;}
.pay_result_sec .code_box img{width: 8.3rem;height: 8.3rem;display: inline-block;border: 1px solid #dfe3e6;}

/*share*/
.share_sec{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;background: rgba(0,0,0,0.5);}
.share_sec .share_box{position: absolute;bottom: 0;left: 0;width: 100%;background: #e0e0e0;font-size: 1.1rem;padding-bottom: 1rem;}
.share_sec .share_box p{line-height: 3.7rem;text-indent: 1rem;}
.share_sec .share_list{overflow: auto;}
.share_sec .share_list::-webkit-scrollbar{opacity: 0;}
.share_sec ul{width: 30rem;}
.share_sec li{float: left;width: 4.5rem;margin: 0 .7rem;}
.share_sec li a{display: block;text-align: center;}
.share_sec li a:before{content: "";display: block;height: 4.5rem;background-size: 100% 100%;}
.share_sec ul li.s_qq a:before{background-image: url('../img/ico_qq.png');}
.share_sec ul li.s_qzone a:before{background-image: url('../img/ico_qzoom.png');}
.share_sec ul li.s_wechat a:before{background-image: url('../img/ico_wechat.png');}
.share_sec ul li.s_friend a:before{background-image: url('../img/ico_friends.png');}
.share_sec ul li.s_sina a:before{background-image: url('../img/ico_sina.png');}
.share_sec .btn_cancel{display: block;width: 20rem;height: 2.9rem;line-height: 2.9rem;text-align: center;font-size: 1.3rem;color:#000;border: 1px solid #b3b3b6;margin: 1.5rem auto 0;border-radius: 8px;background: #fff;}
.share_sec .btn_cancel:active{opacity: .8;}

/*wish*/
.wish_sec{position: relative;padding: 2.7rem 0 0;}
.wish_sec .wish_top{position: absolute;top: 0;left: 0;width: 100%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1.1rem;color:#fff;background: #706c6e;}
.wish_sec h3{font-size: 1.1rem;color:#767676;line-height: 2.6rem;font-weight: normal;margin: 0 .7rem;}
.wish_sec h3 span{font-size: .8rem;color:#afaeae;}
.wish_sec .wish_box{width: 47%;border: 1px solid #dfe3e6;background: #fff;margin: 0 1% .7rem;float:left;position: relative;left: .6%;}
.wish_sec .wish_wrap{padding: 0 .6rem .6rem;}
.wish_sec .wish_box .img_box{height: 8.4rem;display: table;text-align: center;position: relative;width: 100%;}
.wish_sec .wish_box .img_box a{display: table-cell;vertical-align: middle;text-align: center;}
.wish_sec .wish_box .img_box img{max-width: 70%;max-height: 7rem;display: inline-block;}
.wish_sec .wish_box .txt_wish{font-size: .9rem;line-height: 1.2rem;height: 2.4rem;border-bottom: 1px solid #dfe3e6;position: relative;overflow: hidden;}
.wish_sec .wish_box .progress_box{margin: 1.1rem 0 .7rem;}
.wish_sec .wish_box .btn_wish{display: block;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: .9rem;color:#fff;border-radius: 8px;border: 1px solid #ff530f;position: relative;text-indent: 1.4rem;}
.wish_sec .wish_box .btn_wish:before{content: "";position: absolute;width: .9rem;height: .85rem;top: .6rem;left: 1.4rem;background-size: 100% 100%;background-image: url('../img/ico_heart.png');}
.wish_sec .wish_box .btn_wish.got{background: #fff;color:#ff6a16;}
.wish_sec .wish_box .btn_wish.got:before{background-image: url('../img/ico_hearts.png');}
.wish_sec .text_box{padding: .5rem;position: relative;border:1px solid #dfe3e6;height: 3.8rem;background: #fff;margin: 0 .7rem;}
.wish_sec .text_box textarea{display: block;width: 100%;height: 100%;resize:none;border: none;font-size: .9rem;color:#808080;line-height: 1.2rem;}
.wish_sec .text_box .btn_orange{position: absolute;width: 4.2rem;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: 1.1rem;color:#fff;right: .5rem;bottom: .5rem;border-radius: 6px;}
.wish_sec .wish_list{border-top: 1px solid #dfe3e6;margin: 0 .7rem;}
.wish_sec .wish_list li{position: relative;padding: .7rem .7rem .7rem 4.9rem;height: 5.1rem;border-bottom: 1px solid #dfe3e6;}
.wish_sec .wish_list .img_box{position: absolute;top: .7rem;left: 0;width: 4.3rem;height: 5.1rem;background: #ebeaea;display: table;text-align: center;}
.wish_sec .wish_list .img_box a{display: table-cell;vertical-align: middle;text-align: center;}
.wish_sec .wish_list .img_box img{max-width: 70%;max-height: 70%;display: inline-block;}
.wish_sec .wish_list li p{font-size: .8rem;line-height: 1rem;}
.wish_sec .wish_list .btn_link{display: block;color:#000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: .8rem;}
.wish_sec .wish_list .txt_tip{font-size: .8rem;color:#808080;position: absolute;bottom: .7rem;left: 4.9rem;}
.wish_sec .wish_list .txt_tip em{color:#ea242a;position: relative;line-height: 1rem;padding-left: 1rem;}
.wish_sec .wish_list .txt_tip em:before{content: "|";position: absolute;top: 0;left: .4rem;color:#c0c3c6;line-height: .8rem;}
.wish_sec .wish_list .online .txt_tip{position: static;}
.wish_sec .wish_list .btn_orange{position: absolute;bottom: .7rem;left: 4.9rem;width: 9.6rem;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: 1.1rem;color:#fff;border: 1px solid #ff530f;border-radius: 8px;}
.wish_sec .rule_tt{position: relative;display: inline-block;}
.wish_sec .rule_tt:after{content: "";position: absolute;width: 1.5rem;height: 1.5rem;top: .55rem;left: 100%;background: url('../img/arrow_top.png');background-size: 100% 100%;margin-left: .7rem;}
.wish_sec .wish_rule{font-size: .8rem;line-height: 1.2rem;border-top: 1px solid #dfe3e6;border-bottom: 1px solid #dfe3e6;padding: .5rem 0;margin: 0 .7rem;}
.wish_sec .wish_rule li{list-style: decimal inside;}
.wish_sec .txt_brief{font-size: .9rem;color:#808080;line-height: 1.2rem;padding: .5rem 0 1.7rem;margin: 0 .7rem;}
.wish_sec .txt_brief em{color:#007aff;}

/*rule*/
.rule_sec{width: 100%;height: 100%;position: relative;zoom:1;overflow: hidden;}
.rule_sec .rule_list{position: relative;height: 400%;}
.rule_sec .page{position: relative;height: 25%;color:#fff;overflow: hidden;text-align: center;color:#fff;}
.rule_sec .page .content{position: absolute;width: 100%;;top: 3rem;left: -9999rem;bottom: 0;}
.rule_sec .page.show .content{left: 0;}
.rule_sec .page h3{font-size: 2.4rem;font-weight: bold;line-height: 2.4rem;padding-top: 3rem;}
.rule_sec .page .txt_page{font-size: 1.2rem;line-height: 3rem;}
.rule_sec .page .txt_step{display: inline-block;border: 3px solid #fff;font-size: 1.6rem;line-height: 2rem;padding: 0 .5rem;}

.rule_sec .page1{background: #05beff;}
.rule_sec .page2{background: #fab433;}
.rule_sec .page3{background: #df2e37;}
.rule_sec .page4{background: #fff;}

.rule_sec .page1 .ico_box{position: absolute;width: 9.2rem;height: 19.2rem;top: 50%;left: 50%;margin: -6rem 0 0 -4.6rem;}
.rule_sec .page1 .ico_box:before,.rule_sec .page1 .ico_box:after{content: "";position: absolute;width: 2.3rem;height: 2.2rem;background: url('../img/p1_ico5.png');background-size: 100% 100%;}
.rule_sec .page1 .ico_box:before{left: 100%;margin-left: .7rem;top: 5.7rem;}
.rule_sec .page1 .ico_box:after{top: 9rem;right: 100%;margin-right: .6rem;transform:rotateY(180deg) scale(.9);-webkit-transform:rotateY(180deg) scale(.9);}
.rule_sec .page1 .i_phone{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/p1_ico4.png');background-size: 100% 100%;z-index: 5;}
.rule_sec .page1 .i_round1{position: absolute;width: 7.7rem;height: 7.7rem;top: -.9rem;left: -4.5rem;background: url('../img/p1_ico1.png');background-size: 100% 100%;z-index: 10;}
.rule_sec .page1 .i_round2{position: absolute;width: 6.8rem;height: 6.8rem;bottom: .6rem;left: -4.9rem;background: url('../img/p1_ico2.png');background-size: 100% 100%;z-index: 10;}
.rule_sec .page1 .i_round3{position: absolute;width: 6rem;height: 6rem;top: 8.9rem;left: 8.4rem;background: url('../img/p1_ico3.png');background-size: 100% 100%;}
.rule_sec .page1 .i_round3:after{content: "";position: absolute;width: 1.5rem;height: 1.5rem;top: .8rem;right: 1.4rem;background: url('../img/p1_ico6.png');background-size: 100% 100%;}

.rule_sec .page2 .ico_box{position: absolute;width: 9.2rem;height: 19.2rem;top: 50%;left: 50%;margin: -6rem 0 0 -4.6rem;}
.rule_sec .page2 .ico_box:before{content: "";position: absolute;width: 5.4rem;height: 4.3rem;top: 1.2rem;right: 100%;margin-right: -.6rem;background: url('../img/p2_ico3.png');background-size: 100% 100%;}
.rule_sec .page2 .i_phone{position: absolute;top: 0;right: 0;width: 20.93rem;height: 25.67rem;background: url('../img/p2_ico1.png');background-size: 100% 100%;transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.rule_sec .page2 .txt_count{position: absolute;width: 3.2rem;height: 2.9rem;top: 8.4rem;right: 3.1rem;font-size: 1.2rem;text-align: center;line-height: 2.9rem;color:#ff6600;}
.rule_sec .page2 .txt_total{position: absolute;top: 12.5rem;left: .9rem;right: .9rem;text-align: center;font-size: .8rem;line-height: .8rem;}
.rule_sec .page2 .txt_btn{position: absolute;top: 13.6rem;left: .9rem;right: .9rem;height: 3.1rem;line-height: 3.1rem;text-align: center;font-size: .9rem;background: #ff8a3e;}
.rule_sec .page2 .right_hand{position: absolute;width: 10.17rem;height: 11.87rem;top: 9.6rem;left: 100%;margin-left: -1.3rem;background: url('../img/p2_ico2.png');background-size: 100% 100%;transform-origin:left top;-webkit-transform-origin:left top;}
.rule_sec .page2 .ico_i1:before,.rule_sec .page2 .ico_i1:after{content: "";position: absolute;background: url('../img/p2_ico4.png');background-size: 100% 100%;}
.rule_sec .page2 .ico_i1:before{width: 2.3rem;height: 2.3rem;top: 4.6rem;left: 11.8rem;}
.rule_sec .page2 .ico_i1:after{width: 1.6rem;height: 1.6rem;top: 7.1rem;left: 9.7rem;}
.rule_sec .page2 .ico_i2:before{content: "";position: absolute;width: 3rem;height: 3.3rem;top: 100%;left: 8.6rem;background: url('../img/p2_ico5.png');background-size: 100% 100%;}
.rule_sec .page2 .ico_i2:after{content: "";position: absolute;width: 1.5rem;height: 1.5rem;top: 100%;left: -2.3rem;background: url('../img/p2_ico6.png');background-size: 100% 100%;}

.rule_sec .page3 .ico_box{position: absolute;width: 100%;height: 14.8rem;top: 50%;left: 0;margin-top: -4.7rem;}
.rule_sec .page3 .i_phone{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('../img/p3_ico1.png');background-size: 100% 100%;}
.rule_sec .page3 .txt_total{position: absolute;width: 100%;top: 9.9rem;left: 0;text-align: center;font-size: 1.2rem;line-height: 1.2rem;}
.rule_sec .page3 .progress{position: absolute;width: 10rem;height: 1.1rem;top: 11.7rem;left: 50%;margin-left: -5rem;background: #ff7012;border-radius: 1.1rem;}
.rule_sec .page3 .progress i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.rule_sec .page3 .progress i:before{content: "";display: block;width: 10rem;height: 100%;background: url('../img/p3_ico2.png');background-size: 100% 100%;}
.rule_sec .page3 .txt_success{position: absolute;width: 100%;top: 13.4rem;left: 0;text-align: center;font-size: 1.6rem;line-height: 1.6rem;color:#f6d317;}

.rule_sec .page3 .ico_box:before{content: "";position: absolute;width: 1.5rem;height: 1.5rem;background: #bc1317;top: -1.7rem;left: 3.6rem;}
.rule_sec .page3 .ico_box:after{content: "";position: absolute;width: 1rem;height: 1rem;background: #bc1317;bottom: 108%;right: 3.5rem;}
.rule_sec .page3 .ico_i1:before{content: "";position: absolute;width: .9rem;height: .9rem;background: #fced45;top: 0;right: 4.7rem;}
.rule_sec .page3 .ico_i1:after{content: "";position: absolute;width: .9rem;height: .9rem;background: #fced45;top: 113%;left: 6.6rem;}
.rule_sec .page3 .ico_i2{content: "";position: absolute;width: 1rem;height: 1rem;background: #bc1317;top: 19.4rem;right: 4.21rem;}
.rule_sec .page3 .ico_box:before,.rule_sec .page3 .ico_box:after,.rule_sec .page3 .ico_i1:before,.rule_sec .page3 .ico_i1:after,.rule_sec .page3 .ico_i2{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.rule_sec .page3 .txt_look{position: absolute;width: 100%;bottom: 4.1rem;left: 0;text-align: center;font-size: .8rem;}

.rule_sec .page4 .content{overflow: auto;}
.rule_sec .page4 .txt_box{margin: 0 .7rem;border-top: 1px solid #dfe3e6;text-align: left;padding-bottom: 1rem;}
.rule_sec .page4 .txt_box h4{font-size: 1.1rem;color:#767676;line-height: 2.8rem;font-weight: normal;}
.rule_sec .page4 .txt_box p,.rule_sec .page4 .txt_box ul{font-size: .9rem;color:#000;line-height: 1.2rem;}

.rule_sec .control_box{position: absolute;bottom: 2rem;left: 50%;height: 1.2rem;}
.rule_sec .control_box:before{position: absolute;content: "";background: url('../img/top_arrow.png');background-size: 100% 100%;width: 1.5rem;height: 1.2rem;top: 50%;left: 50%;margin: -.6rem 0 0 -.75rem;}

/*goods brief*/
.goods_brief_sec img{width: 100%;}
.goods_brief_sec .g_brief_box{position: relative;background-size: 100% 100%;}
.goods_brief_sec .g_brief_box:nth-child(1){height: 11rem;background-image: url('../img/brief_1.jpg');}
.goods_brief_sec .g_brief_box:nth-child(2){height: 14.8rem;background-image: url('../img/brief_2.jpg');}
.goods_brief_sec .g_brief_box:nth-child(3){height: 12.43rem;background-image: url('../img/brief_3.jpg');}
.goods_brief_sec .g_brief_box:nth-child(4){height: 10.93rem;background-image: url('../img/brief_4.jpg');}
.goods_brief_sec .g_brief_box:nth-child(5){height: 11.87rem;background-image: url('../img/brief_5.jpg');}
.goods_brief_sec .g_brief_box:nth-child(6){height: 13.5rem;background-image: url('../img/brief_6.jpg');}
.goods_brief_sec .g_brief_box:nth-child(7){height: 15rem;background-image: url('../img/brief_7.jpg');}
.goods_brief_sec .g_brief_box:nth-child(8){height: 6.1rem;background-image: url('../img/brief_8.jpg');}
.goods_brief_sec .g_brief_box:nth-child(9){height: 8.47rem;background-image: url('../img/brief_9.jpg');}
.goods_brief_sec .g_brief_box:nth-child(10){height: 12.43rem;background-image: url('../img/brief_10.jpg');}
.goods_brief_sec .g_brief_box:nth-child(11){height: 10.93rem;background-image: url('../img/brief_11.jpg');}
.goods_brief_sec .txt_box{padding: 0 .7rem;}
.goods_brief_sec .txt_box h3{font-size: 1.1rem;color:#767676;line-height: 2.7rem;font-weight: normal;border-bottom: 1px solid #dfe3e6;}
.goods_brief_sec .txt_box ul{font-size: .8rem;line-height: 1.2rem;padding: .5rem 0 .8rem;}

/*public pop*/
.pub_pop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,0.4);}
.pub_pop .pub_pop_main{position: absolute;top: 50%;left: 50%;width: 20.8rem;margin: -5.7rem 0 0 -10.4rem;background: #e4e4e4;text-align: center;border-radius: 8px;padding-bottom: 3rem;}
.pub_pop .txt_pop{font-size: 1.1rem;color:#000;line-height: 2rem;padding: 1rem;}
.pub_pop .btn_left,.pub_pop .btn_right,.pub_pop .btn_center{position: absolute;bottom: 0;height: 3rem;line-height: 3rem;font-size: 1.1rem;color:#007aff;border-top: 1px solid #b4b4b4;}
.pub_pop .btn_left:active,.pub_pop .btn_right:active,.pub_pop .btn_center:active{background: #ff6a16;color:#fff;}
.pub_pop .btn_left,.pub_pop .btn_right{width: 50%;}
.pub_pop .btn_left{left: 0;border-bottom-left-radius: 8px;border-right: 1px solid #b4b4b4;}
.pub_pop .btn_right{right: 0;border-bottom-right-radius: 8px;}
.pub_pop .btn_center{width: 100%;left: 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}


.rule_sec .control_box{
 animation: control_effect 1.4s both linear infinite;
 -webkit-animation: control_effect 1.4s both linear infinite;
}
@keyframes control_effect{
 0%{transform: translate(0,0);}
 25%{transform: translate(0,20%);}
 75%{transform: translate(0,-20%);}
 100%{transform: translate(0,0);}
}
@-webkit-keyframes control_effect{
 0%{-webkit-transform: translate(0,0);}
 25%{-webkit-transform: translate(0,20%);}
 75%{-webkit-transform: translate(0,-20%);}
 100%{-webkit-transform: translate(0,0);}
}

.rule_sec .show.page .txt_step{
 animation: step_effect .4s both linear;
 -webkit-animation: step_effect .4s both linear;
}
@keyframes step_effect{
 0%{transform: scale(2,2);opacity: 0;}
 30%{opacity: 1;}
 60%{transform: scale(.9,.9);}
 80%{transform: scale(1.2,1.2);}
 100%{transform: scale(1,1);}
}
@-webkit-keyframes step_effect{
 0%{-webkit-transform: scale(2,2);opacity: 0;}
 30%{opacity: 1;}
 60%{-webkit-transform: scale(.9,.9);}
 80%{-webkit-transform: scale(1.2,1.2);}
 100%{-webkit-transform: scale(1,1);}
}
.rule_sec .show.page h3{
 animation: h3_effect .4s .4s both linear;
 -webkit-animation: h3_effect .4s .4s both linear;
}
@keyframes h3_effect{
 0%{transform: translate(0,-40%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes h3_effect{
 0%{-webkit-transform: translate(0,-40%);opacity: 0;}
 100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .show.page .txt_page{
 animation: opc_effect .4s .8s both linear;
 -webkit-animation: opc_effect .4s .8s both linear;
}

.rule_sec .page1.show .i_phone{
 animation: p1ph_effect .4s 1.2s both linear;
 -webkit-animation: p1ph_effect .4s 1.2s both linear;
}
@keyframes p1ph_effect{
 0%{transform: translate(0,-10%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p1ph_effect{
 0%{-webkit-transform: translate(0,-10%);opacity: 0;}
 100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page1.show .i_round1,.rule_sec .page1.show .i_round2,.rule_sec .page1.show .i_round3{
 animation: p1round_effect .3s 1.6s both linear;
 -webkit-animation: p1round_effect .3s 1.6s both linear;
}
@keyframes p1round_effect{
 0%{opacity: 0;}
 100%{opacity: 1;}
}
@-webkit-keyframes p1round_effect{
 0%{opacity: 0;}
 100%{opacity: 1;}
}
.rule_sec .page1.show .i_round3:after{
 animation: p1r3a_effect .3s 2s both linear;
 -webkit-animation: p1r3a_effect .3s 2s both linear;
}
@keyframes p1r3a_effect{
 0%{transform: scale(4,4);opacity: 0;}
 100%{transform: scale(1,1);opacity: 1;}
}
@-webkit-keyframes p1r3a_effect{
 0%{-webkit-transform: scale(4,4);opacity: 0;}
 100%{-webkit-transform: scale(1,1);opacity: 1;}
}

.rule_sec .page2.show .i_phone{
 animation: p2ip_effect .3s 1.2s both linear;
 -webkit-animation: p2ip_effect .3s 1.2s both linear;
}
@keyframes p2ip_effect{
 0%{transform: rotate(-20deg);opacity: 0;}
 100%{transform: rotate(0deg);opacity: 1;}
}
@-webkit-keyframes p2ip_effect{
 0%{-webkit-transform: rotate(-20deg);opacity: 0;}
 100%{-webkit-transform: rotate(0deg);opacity: 1;}
}
.rule_sec .page2.show .right_hand{
 animation: p2rh_effect .3s 1.5s both linear;
 -webkit-animation: p2rh_effect .3s 1.5s both linear;
}
@keyframes p2rh_effect{
 0%{transform: scale(2,2);opacity: 0;}
 100%{transform: scale(1,1);opacity: 1;}
}
@-webkit-keyframes p2rh_effect{
 0%{-webkit-transform: scale(2,2);opacity: 0;}
 100%{-webkit-transform: scale(1,1);opacity: 1;}
}
.rule_sec .page2.show .txt_total{
 animation: p2tto_effect .3s 2.7s both linear;
 -webkit-animation: p2tto_effect .3s 2.7s both linear;
}
@keyframes p2tto_effect{
 0%{transform: translate(0,-50%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p2tto_effect{
 0%{-webkit-transform: translate(0,-50%);opacity: 0;}
 100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page2.show .txt_btn{
 animation: p2tbt_effect .3s 3s both linear;
 -webkit-animation: p2tbt_effect .3s 3s both linear;
}
@keyframes p2tbt_effect{
 0%{transform: scale(.8,.8);opacity: 0;}
 40%{transform: scale(1.1,1.1);opacity: 1;}
 70%{transform: scale(.9,.9);}
 100%{transform: scale(1,1);}
}
@-webkit-keyframes p2tbt_effect{
 0%{-webkit-transform: scale(.8,.8);opacity: 0;}
 40%{-webkit-transform: scale(1.1,1.1);opacity: 1;}
 70%{-webkit-transform: scale(.9,.9);}
 100%{-webkit-transform: scale(1,1);}
}

.rule_sec .page3.show .i_phone{
 animation: p3ph_effect .4s 1.2s both linear;
 -webkit-animation: p3ph_effect .4s 1.2s both linear;
}
@keyframes p3ph_effect{
 0%{transform: translate(0,-10%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3ph_effect{
 0%{-webkit-transform: rotate(0deg);opacity: 0;}
 25%{-webkit-transform: rotate(-8deg);opacity: 1;}
 75%{-webkit-transform: rotate(8deg);}
 100%{-webkit-transform: rotate(0deg);}
}

.rule_sec .page3.show .progress{
 animation: opc_effect .2s 1.6s both linear;
 -webkit-animation: opc_effect .2s 1.6s both linear;
}

.rule_sec .page3.show .progress i{
 animation: p3prs_effect .5s 1.8s both linear;
 -webkit-animation: p3prs_effect .5s 1.8s both linear;
}
@keyframes p3prs_effect{
 0%{width: 0;}
 100%{width: 10rem;}
}
@-webkit-keyframes p3prs_effect{
 0%{width: 0;}
 100%{width: 10rem;}
}

.rule_sec .page3.show .txt_total{
 animation: p3tto_effect .3s 2.3s both linear;
 -webkit-animation: p3tto_effect .3s 2.3s both linear;
}
@keyframes p3tto_effect{
 0%{transform: translate(0,-50%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3tto_effect{
 0%{-webkit-transform: translate(0,-50%);opacity: 0;}
 100%{-webkit-transform: translate(0,0);opacity: 1;}
}
.rule_sec .page3.show .txt_success{
 animation: p3tsuc_effect .3s 2.6s both linear;
 -webkit-animation: p3tsuc_effect .3s 2.6s both linear;
}
@keyframes p3tsuc_effect{
 0%{transform: translate(0,50%);opacity: 0;}
 100%{transform: translate(0,0);opacity: 1;}
}
@-webkit-keyframes p3tsuc_effect{
 0%{-webkit-transform: translate(0,50%);opacity: 0;}
 100%{-webkit-transform: translate(0,0);opacity: 1;}
}

@keyframes opc_effect{
 0%{opacity: 0;}
 100%{opacity: 1;}
}
@-webkit-keyframes opc_effect{
 0%{opacity: 0;}
 100%{opacity: 1;}
}



/* for 1920 px width screen */
@media (min-width: 1081px) and (max-width:1920px){
 html,body,input,button{font-size:80px;}
}
/* for 1080 px width screen */
@media (min-width: 1025px) and (max-width:1080px){
 html,body,input,button{font-size:45px;}
}
/* for 1024 px width screen */
@media (min-width: 961px) and (max-width:1024px){
 html,body,input,button{font-size:42.5px;}
}
/* for 960 px width screen */
@media (min-width: 801px) and (max-width:960px){
 html,body,input,button{font-size:40px;}
}
/* for 800 px width screen */
@media (min-width: 751px) and (max-width:800px){
 html,body,input,button{font-size:33.34px;}
}
/* for 750 px width screen */
@media (min-width: 721px) and (max-width:750px){
 html,body,input,button{font-size:31.25px;}
}
/* for 720 px width screen */
@media (min-width: 641px) and (max-width:720px){
 html,body,input,button{font-size:30px;}
}
/* for 640 px width screen */
@media (max-width:640px){
 html,body,input,button{font-size:26.67px;}
}
/* for 540 px width screen */
@media (max-width:540px){
 html,body,input,button{font-size:22.5px;}
}
/* for 480 px width screen */
@media (max-width:480px){
 html,body,input,button{font-size:20px;}
}
/* for 414 px width screen */
@media (max-width:414px){
 html,body,input,button{font-size:17.25px;}
 .up_down_choose .gd_down:before,.up_down_choose .gd_up:before{width: 17px;height: 2px;top: 50%;left: 50%;margin: -1px 0 0 -8.5px;}
 .up_down_choose .gd_up:after{width: 2px;height: 17px;top: 50%;left: 50%;margin: -8.5px 0 0 -1px;}
}
/* for 375 px width screen */
@media (max-width:375px){
 html,body,input,button{font-size:15.625px;}
}
/* for 360 px width screen */
@media (max-width:360px){
 html,body,input,button{font-size:15px;}
}
/* for 320 px width screen */
@media (max-width:320px){
 html,body,input,button{font-size:13.33px;}
}