body{ background:#fff; font:12px "penhei","Microsoft YaHei","Myriad Set Pro","Helvetica Neue","Helvetica","宋体","Arial","sans-serif"}
body, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd{ margin:0; padding:0; font-weight:normal; font-style:normal}
table, h1, h2, h3, h4, h5, h6{ font-size:100%}
ul, li, dl, dt, dd{ list-style-type:none}
table{ border-collapse:collapse; border-spacing:0; border:0}
img{ border:none; vertical-align:bottom}
a, button{ cursor:pointer}
*:focus { outline: none}

a:link{ text-decoration:none}
a:visited{ text-decoration:none}
a:hover{ text-decoration:none}
a:active{ text-decoration:none}

.fw_b{ font-weight:bold}

.co_red{ color:#F00}
.co_or{ color:#F60}
.co_999{ color:#999}
.co_666{ color:#666}

.bc_fa{ background-color:#fafafa}
.bc_f3{ background-color:#f3f3f3}
.bc_f4{ background-color:#f4f4f4}
.bc_f5{ background-color:#f5f5f5}
.bc_f7{ background-color:#f7f7f7}
.bc_2d{ background-color:#2D333F}
.bc_0b{ background-color:#0B98E9}
.bc_ec{ background-color:#ECECEC}

.buyMark{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; display:none; opacity:0; background-color:rgba(0,0,0,0.5); z-index:99999999; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear}
.buyMark .close{ width:60px; height:60px; float:left; position:absolute; background-position:10px -1435px; top:0; right:0; background-size:150px 1500px}
.buyBox{ width:300px; height:380px; float:left; position:absolute; top:50%; left:50%; margin:-190px 0 0 -150px; background:#fff url(../images/buy_bg.png?t=5646546) no-repeat; background-size:300px 380px; z-index:99999999}
.buyBox .buyBtn_1, .buyBox .buyBtn_2{ width:168px; height:43px; float:left; background-color:#ED2129; color:#fff; border-radius:4px; text-align:center; line-height:43px; font-size:13px; position:absolute; margin:117px 0 0 66px}
.buyBox .buyBtn_2{ margin-top:306px; background-color:#C91523}

.main{ width:100%; overflow:hidden}
.over_hidden{ width:100%; height:100%; min-width:320px; float:left; position:relative; overflow:hidden}
.bg{ background:url(../images/new_bg.png?t=201712) no-repeat; background-size:150px 3000px}
.country_icon{ background-image:url(https://images.iyunmai.com/home/static/images/country_icon.png?t=2018012317); background-size:50px 3000px; background-repeat:no-repeat}

.head{ width:100%; height:44px; float:left; overflow:hidden; position:relative; -webkit-transform:translate3d(0,0,0); z-index:99999}
.head ul{ width:100%; height:43px; float:left; position:relative; background-color:#DF001F; border-bottom:1px solid rgba(0,0,0,0.1); transition:background-color 0.3s ease-in-out; -webkit-transition:background-color 0.3s ease-in-out; z-index:999999}
.head li{ width:33.33%; height:43px; overflow:hidden; float:left; position:relative}
.head .menu{ width:18px; height:43px; float:left; position:relative; padding:0 18px; top:15px}
.head .menu .line_box{ width:18px; height:1px; float:left; position:absolute; top:0; transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99)}
.head .menu .line_box .line{ width:18px; height:1px; float:left; background-color:#fff; border-radius:50px; transition:transform 0.25s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),background-color 0.6s ease; -webkit-transition:transform 0.25s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),background-color 0.6s ease}
.head .menu .t_21{ top:5px; transition:opacity 0.1s linear; -webkit-transition:opacity 0.1s linear}
.head .menu .t_26{ top:10px}
.head .logo{ width:103px; height:18px; float:left; position:absolute; left:50%; margin:12px 0 0 -51px; background:url(../images/logo.png) no-repeat; background-size:103px 100px; opacity: 0; transition:opacity 0.6s ease}
.head .logo_white{ background-position:0 -50px; opacity:1}
.head .h_icon{ width:45px; height:43px; float:right; background-position:10px -2637px}
.head .close_icon{ background-position:11px -2685px}

.head_white .menu .line_box .line{ background-color:#DF001F}
.head_white .logo{ opacity:1}
.head_white .logo_white{ opacity:0}
.head_white .h_icon{ background-position:10px -2587px}

.select_product{ width:100%; height:0; float:left; overflow:hidden; position:fixed; top:44px; left:0; background-color:rgba(255,255,255,1); z-index:99998; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.select_product ul{ width:calc(100% - 30px); float:left; margin-left:15px}
.select_product li{ width:100%; height:48px; line-height:48px; float:left; font-size:14px; border-bottom:1px solid #E5E5E5; transition:all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); opacity:0}
.select_product li .new{ width:24px; height:12px; overflow:hidden; line-height:13px; font-size:10px; text-align:center; float:left; color:#f70034; border-radius:2px; border:1px solid #f70034; margin:17px 0 0 12px}
.select_product li a{ width:calc(100% - 10px); background-position:right -2080px; float:left; color:#323232}

.user_info{ width:100%; height:0; float:left; overflow:hidden; position:fixed; top:44px; left:0; background-color:rgba(255,255,255,1); z-index:99998; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.user_info .info_box{ width:calc(100% - 30px); height:36px; padding:32px 15px; float:left; background-color:rgba(0,0,0,0.05)}
.user_info .info_box img{ width:36px; height:36px; float:left; border-radius:50px}
.user_info .info_box .con{ width:calc(100% - 44px); float:left; line-height:16px; font-size:16px; color:rgba(0,0,0,1); padding-left:8px}
.user_info .info_box .con .fs_12{ width:100%; float:left; font-size:12px; color:rgba(0,0,0,0.5)}
.user_info .info_box .logoutBtn{ width:52px; height:18px; float:left; background-color:#FF3649; border-radius:3px; color:#fff; font-size:10px; line-height:18px; text-align:center; margin-left:15px}
.user_info ul{ width:calc(100% - 30px); float:left; margin-left:15px}
.user_info li{ width:100%; height:48px; line-height:48px; float:left; font-size:14px; border-bottom:1px solid #E5E5E5; background-position:right -2080px}
.user_info li a{ width:100%; float:left; color:#323232}

.foot{ width:100%; float:left; padding:15px 0; background-color:#4A4A4D; overflow:hidden}
.foot .tbox_1{ width:100%; float:left; font-size:14px; line-height:20px; padding:7px 0 14px; color:#fff}
.foot .tbox_1 .fs_18{ width:100%; font-size:18px; float:left; line-height:36px}
.foot .tbox_1 .fs_12{ width:100%; font-size:12px; float:left; color:rgba(255,255,255,0.3); line-height:18px}
.foot .tbox_2{ width:100%; float:left; border-top:1px solid rgba(255,255,255,0.1)}
.foot .tbox_2 li{ width:100%; float:left; font-size:14px}
.foot .tbox_2 li .t_1{ width:100%; height:40px; float:left; color:#fff; line-height:40px; text-indent:13px; border-bottom:1px solid rgba(255,255,255,0.1); background-position:right -1922px}
.foot .tbox_2 li a{ width:100%; height:40px; float:left; color:#666; line-height:40px; text-indent:13px; border-bottom:1px solid rgba(255,255,255,0.1); background-color:#EAEAEA; display:none}
.foot .tbox_2 .cur .t_1{ font-weight:bold; background-position:right -1952px}
.foot .tbox_3{ width:100%; float:left; color:rgba(255,255,255,0.5); line-height:18px}
.foot .tbox_3 .t_1{ width:100%; float:left; padding:16px 0 10px}
.foot .tbox_3 .t_2{ width:100%; float:left; margin-top:8px}
.foot .tbox_3 .t_2 a{ float:left; color:rgba(255,255,255,0.5); font-size:10px}
.foot .tbox_3 .line{ width:1px; height:8px; background-color:#9b9b9b; float:left; margin:4px 8px 0}
.foot .tbox_3 a{ float:left; color:#0066d9}
.foot .tbox_3 .cou{ width:50px; height:16px; float:left; margin-top:1px}
.foot .tbox_3 .cn{ padding-left:13px; background-position:0 -498px}

.selCountry{ width:113px; padding:5px 0; float:left; display:none; overflow:hidden; font-size:10px; position:absolute; border:1px solid #fff; background-color:#fff; z-index:999999}
.selCountry li{ width:93px; height:18px; line-height:18px; float:left; overflow:hidden; padding:0 6px}
.selCountry a{ color:#666; padding-left:13px; float:left}
.selCountry .cn{ background-position:0 -498px}
.selCountry .us{ background-position:0 -528px}
.selCountry .kr{ background-position:0 -558px}
.selCountry .uk{ background-position:0 -588px}
.selCountry .br{ background-position:0 -618px}
.selCountry .ua{ background-position:0 -648px}
.selCountry .tw{ background-position:0 -678px}
.selCountry .ru{ background-position:0 -708px}
.selCountry .au{ background-position:0 -738px}

.ensure{ width:100%; float:left; background-color:#f5f5f5; position:relative}
.ensure ul{ width:100%; float:left; position:relative}
.ensure li{ width:100%; padding-top:204px; float:left; line-height:40px; text-align:center; color:#323232; background:url(../images/ensure_bg.png) no-repeat center 74px; margin-bottom:82px}
.ensure .t_1{ width:100%; float:left; font-size:34px; padding-bottom:38px}
.ensure .t_2{ width:100%; font-size:24px; float:left; color:#666; padding-bottom:46px}
.ensure .t_3{ width:100%; font-size:22px; float:left}
.ensure .t_3 a{ color:#10a570}
.ensure .icon_2{ background-position:center -426px}
.ensure .icon_3{ background-position:center -926px}
.ensure .icon_4{ background-position:center -1426px}

.buy_btn{ width:100%; height:70px; float:left; margin:30px 0 20px; background-color:#f02546; border-radius:8px; color:#fff; font-size:16px; line-height:70px; text-align:center}
.post_btn, .post_w_btn, .del_btn{ width:100%; height:52px; float:left; background-color:#f02546; border-radius:2px; color:#fff; font-size:18px; line-height:52px; text-align:center; margin-bottom:15px}
.share_btn{ width:100%; height:50px; float:left; background-color:#FF936A; border-radius:8px; color:#fff; font-size:1.3em; line-height:50px; text-align:center; margin:20px 0 20px 0}
.post_w_btn{ background-color:#fff; border:1px solid #bfbfbf; color:#323232}
.del_btn{ background-color:#FF3649}
.alipay_btn{ width:100%; height:34px; padding:8px 0; float:left; text-align:center; border-radius:2px; background-color:#fff; margin-bottom:10px; border:1px solid #bfbfbf}
.app_btn{ width:100%; height:50px; float:left; margin-bottom:45px; border:1px solid #2BC798; border-radius:6px; color:#2BC798; font-size:24px; line-height:50px; text-align:center}

.img{ width:100%; float:left; text-align:center}
.img img{ max-width: 100%}

.block{ width:50%; float:left}

.sub_nav{ width:100%; float:left; height:39px; background:url(../images/nav_bg.png) repeat-x 0 38px}
.sub_nav a{ width:33.33%; height:37px; line-height:37px; text-align:center; font-size:16px; color:#666; float:left}
.sub_nav a:hover, .sub_nav .cur{ color:#f02546; border-bottom:2px solid #f02546}
.sub_nav .wp_50{ width:50%}

.haoqing_nav{ width:100%; height:50px; float:left; position:relative}
.haoqing_nav .tit{ font-size:16px; color:#000; line-height:48px; float:left}
.haoqing_nav .buy_btn{ width:74px; height:26px; float:right; margin:11px 0; background-color:#f02546; border-radius:2px; color:#fff; font-size:14px; line-height:26px; text-align:center}
.haoqing_nav .buy_btn_100{ width:100px}
.haoqing_nav .dis_btn{ background-color:#D2D3D5}
.haoqing_nav_box{ width:100%; height:50px; float:left; position:absolute; top:0; z-index:99990}
.haoqing_nav_fixed{ position:fixed; left:0}
.haoqing_nav_box_bo{ height:49px; border-bottom:1px solid rgba(0,0,0,0.2)}
.haoqing_nav_box_bg{ width:100%; height:49px; float:left; background-color:#fff}

.title{ font-size:24px; color:#f02546; line-height:36px; text-align:center}
.sub_title{ font-size:12px; color:#323232; line-height:28px; text-align:center}
.retTitle{ width:100%; float:left; font-size:18px; color:#000; line-height:43px; text-align:center; background-color:#fff; background-position:15px -139px; border-bottom:1px solid #ccc}
.retTitle .delBtn{ width:16px; height:18px; float:right; background-position:0 -550px; margin:12px 15px 0 0}
.retTitle .delBtn.cur{ background-position:0 -500px}
.retTitle a{ color:#000}
.sub_retTitle{ font-size:12px; color:#888; line-height:28px; padding-top:7px}

.regForPass{ width:100%; font-size:12px; float:left; color:#888; line-height:24px}
.regForPass a{ color:#888}

.input{ width:100%; height:44px; float:left; border:1px solid #D5D5D5; position:relative; overflow:hidden; border-radius:2px; margin-bottom:13px; background-color:#fff; transition:border-color .3s ease-in; -webkit-transition:border-color .3s ease-in}
.input input, .input .wp_80, .input .wp_90{ width:100%; float:left; height:34px; line-height:34px; border:none; margin-top:5px; padding:0; background-color:none; font-size:14px; color:#888; transition:color .3s ease-in; -webkit-transition:color .3s ease-in}
.input .wp_80{ width:80%}
.input .wp_90{ width:90%}
.input .units{ width:10%; height:40px; text-align:right; line-height:40px; font-size:14px; color:#72777B; float:right; padding-top:10px}
.int_41{ width:41%}
.int_54{ width:54%}
.int_47{ width:47.5%}
.int_100{ width:100%}
.int_plr_10{ padding:0 10px}
.int_plr_40{ padding:0 40px}
.input .select{ width:100%; float:left; padding:0; border:none; background-color:#fff; height:24px; margin-top:10px; line-height:24px; font-size:14px; color:#72777B}
.input:hover, .input_hover{ border-color:#000}
.input:hover input, .input_hover input, .input_error input, .input_error:hover input{ color:#000}
.input_error, .input_error:hover{ border-color:#F30000}
.input .tab{ width:100%; float:left}
.input .verCode{ width:80px; height:32px; float:left; margin-top:6px}
.input .verCode img{ width:80px; height:32px}
.input_text{ height:140px}
.input_text textarea{ font-size:14px; color:#888; float:left; border:none; margin-top:15px; width:100%; height:100px} 
.input_30{ height:30px; margin-bottom:0}
.input_30 input{ height:24px; line-height:24px; margin-top:3px}
.input_30 .select{ margin-top:3px}

.msg_box{ height:24px; background-color:#F30000; float:left; position:absolute; right:8px; font-size:12px; overflow:hidden; padding:0 8px; line-height:24px; border-radius:2px; color:#fff; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0)}
.countdown{ width:100%; float:left; text-align:center; font-size:28px; color:#777; line-height:30px; padding-bottom:25px}
.mask{ width:100%; height:1100px; float:left; color:#fff; position:absolute; overflow:hidden; top:0; left:0; background-color:rgba(0,0,0,0.4); opacity:0; display:none; z-index:9999990}

body .getappArrow{ width:77px; height:61px; float:left; background-position:0 -1550px; position:absolute; top:30px; right:20px}

.exegesis_box{ width:100%; float:left; padding:20px 0; line-height:16px; background-color:#F1F1F1; color:#666; text-align:center}

.f_l{ float:left}
.f_r{ float:right}
.ta_l{ text-align:left}
.ta_c{ text-align:center}
.ta_r{ text-align:right}
.dp_n{ display:none}
.clear{ clear:both}

.pt_0{ padding-top:0}
.pt_10{ padding-top:10px}
.pt_20{ padding-top:20px}
.pt_30{ padding-top:30px}
.pt_45{ padding-top:45px}
.pt_60{ padding-top:60px}
.pt_75{ padding-top:75px}
.pl_5{ padding-left:5px}
.pl_10{ padding-left:10px}
.pl_15{ padding-left:15px}
.pr_5{ padding-right:5px}
.pr_15{ padding-right:15px}
.pb_0{ padding-bottom:0}
.pb_10{ padding-bottom:10px}
.pb_20{ padding-bottom:20px}
.pb_30{ padding-bottom:30px}
.pb_50{ padding-bottom:50px}
.pb_80{ padding-bottom:80px}
.mb_10{ margin-bottom:10px}
.mb_30{ margin-bottom:30px}
.mb_50{ margin-bottom:50px}
.mt_5{ margin-top:5px}
.mt_15{ margin-top:15px}
.mt_20{ margin-top:20px}
.mt_30{ margin-top:30px}

.wp_20{ width:20%}
.wp_60{ width:60%}
.wp_50{ width:50%}
.wp_100{ width:100%}

.plr_13{ padding:0 13px}
.plr_15{ padding:0 15px}
.plr_20{ padding:0 20px}
.plr_30{ padding:0 30px}
.plr_40{ padding:0 40px}
.ptb_30{ padding:30px 0}

.plrp_5{ padding:0 5%}


@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_5{ 0%{ opacity:0; transform:translate3d(5%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_5{ 0%{ opacity:0; -webkit-transform:translate3d(5%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

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

@keyframes y_60{ 0%{ opacity:0; transform:translate3d(0,60%,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_60{ 0%{ opacity:0; -webkit-transform:translate3d(0,60%,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}


@media only screen and (max-width : 600px){
	.ensure li{ padding-top:102px; line-height:20px; background-size:50px 794px; background-position:center 37px; margin-bottom:41px}
	.ensure .t_1{ font-size:17px; padding-bottom:19px}
	.ensure .t_2{ font-size:12px; padding-bottom:23px}
	.ensure .t_3{ font-size:11px}
	.ensure .icon_2{ background-position:center -213px}
	.ensure .icon_3{ background-position:center -463px}
	.ensure .icon_4{ background-position:center -713px}
	
	.countdown{ font-size:16px; line-height:24px}
	
	.plr_40{ padding:0 30px}
	.plr_30{ padding:0 20px}
	.plr_20{ padding:0 10px}
}